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

  • By
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

  • By
    Create a CSS Cube

    CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals.  Add animation and you've got something really neat.  Unfortunately each CSS cube tutorial I've read is a bit...

Incredible Demos

  • By
    Resize an Image Using Canvas, Drag and Drop and the File API

    Recently I was asked to create a user interface that allows someone to upload an image to a server (among other things) so that it could be used in the various web sites my company provides to its clients. Normally this would be an easy task—create a...

  • By
    Simple Image Lazy Load and Fade

    One of the quickest and easiest website performance optimizations is decreasing image loading.  That means a variety of things, including minifying images with tools like ImageOptim and TinyPNG, using data URIs and sprites, and lazy loading images.  It's a bit jarring when you're lazy loading images and they just...

Discussion

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