xBlog: The visual thinking weblog
13th April 2007

Faster Page Loads—Bundle Your CSS and Javascript

“Have you ever watched your status bar while you wait for a page to load and wondered why several files seem to be downloaded before you see anything at all on your screen? Eventually the page content displays, and then the images are slotted in. The files that keep you waiting are generally the CSS and Javascript files linked to from the ‘head’ section of the HTML document. Because these files determine how the page will be displayed, rendering is delayed until they are completely downloaded.”

posted in CSS, HTML/DHTML/XHTML, Scripts (JS/PHP/etc), Web development | Permalink | Comments Off

13th April 2007

Attach icons to anything with CSS

“Thanks to CSS selectors it’s possible to attach icons to anything you want just by adding an attribute of your choosing to your HTML. Want a popup icon? try <a href=’#’ icon=’popup’> how about a magnifier? <a href=’#’ icon=’mag’>. You can even add them automatically for file types. Here’s how.”

posted in CSS, Usability, Web design | Permalink | Comments Off