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
    Serving Fonts from CDN

    For maximum performance, we all know we must put our assets on CDN (another domain).  Along with those assets are custom web fonts.  Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...

  • 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...

Incredible Demos

  • By
    Duplicate the jQuery Homepage Tooltips Using MooTools

    The jQuery homepage has a pretty suave tooltip-like effect as seen below: Here's how to accomplish this same effect using MooTools. The XHTML The above XHTML was taken directly from the jQuery homepage -- no changes. The CSS The above CSS has been slightly modified to match the CSS rules already...

  • By
    Save Web Form Content Using Control + S

    We've all used word processing applications like Microsoft Word and if there's one thing they've taught you it's that you need to save every few seconds in anticipation of the inevitable crash. WordPress has mimicked this functionality within their WYSIWYG editor and I use it...

Discussion

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