Weekend Links – PHP / CSS Graphs, Ext 2.0 Preview, YUI Image Loader, Firefox, and Goodbye Netscape

By  on  

It was a pretty exciting week in the coding world.

Vertical Bar Graph Using PHP and CSS

This is an impressive system of building 3D graphs using simple CSS and PHP.
http://www.terrill.ca/design/vertical_bar_graphs/

Ext 2.0: A Preview

Version 2 of the Ext JavaScript framework looks very impressive. Examples include Scrolling Tabs, Column Tree, and Web Desktop. I've never used this framework but it looks intriguing.
http://extjs.com/blog/2007/09/06/ext-20-a-preview/

Yahoo YUI Image Loader Utility

I think this is one of the most ingenious bandwidth and load-time saving ideas I've heard in a long time. Essentially, this quick JavaScript script prevents images from being loaded until they are in/near the viewport. This should be a browser feature but Yahoo does a great job with this JavaScript.
http://developer.yahoo.com/yui/imageloader/

Four Hundred Million Firefox Downloads

Unfortunately Internet Explorer still has too much of a grip.
http://www.spreadfirefox.com/node/28337

Netscape's Digg Clone is Kaput

Netscape's social news portal never picked up any steam. It was poorly designed and feuded publicly with Digg from the start.
http://www.techcrunch.com/2007/09/06/netscape-digg-clone-is-kaput/

Recent Features

Incredible Demos

  • By
    Control Element Outline Position with outline-offset

    I was recently working on a project which featured tables that were keyboard navigable so obviously using cell outlining via traditional tabIndex=0 and element outlines was a big part of allowing the user navigate quickly and intelligently. Unfortunately I ran into a Firefox 3.6 bug...

  • By
    HTML5 Placeholder Styling with CSS

    Last week I showed you how you could style selected text with CSS. I've searched for more interesting CSS style properties and found another: INPUT placeholder styling. Let me show you how to style placeholder text within INPUTelements with some unique CSS code. The CSS Firefox...

Discussion

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!