JavaScript & CSS

596-css-full-width-bars
Craig solves a common problem faced with CSS layouts: how to extend elements and backgrounds beyond the normal page width to fill the browser window.Read More
 
589-transform-background
CSS3 transforms are amazing but you can't apply them to background images. Or can you? Craig provides a solution.Read More
 
581-xml-json-proxy
What can you do if your web service insists on returning XML when your JavaScript code wants JSON? Craig provides all the code you need to transform XML data to a native JavaScipt object.Read More
 
581-xml-json-proxy
JSON makes Ajax easy, but what if your web service returns XML? Craig solves the problem with a XML to JSON proxy server written in PHP.Read More
 
590-google-dart
Will Google's Dart replace JavaScript as the programming language of the web? Craig thinks it's highly unlikely.Read More
 
587-css3-calc-min-max
Craig's brief tutorial explains a little-known but incredibly useful CSS3 function which could change the way you approach layout design.Read More
 
584-snook-smacss
CSS guru Jonathan Snook has released a new online book for any developer who's struggled creating scalable and modular architectures for their complex designs.Read More
 
567-css3-3d-text
Craig provides a useful jQuery plugin which allows you to create CSS3 animated pseudo-3D text effects in seconds.Read More
 
567-css3-3d-text
Craig's tutorial pushes the boundaries of the CSS3 text-shadow property to create realistic 3D text without images, plugins or canvas trickery.Read More
 
563-7-best-css3-tools
Craig provides another list of CSS3 tools and utilities which can simplify your development effort.Read More
 
566-js-color-luminance
Do you require a color which is 20% brighter than #123 or 10% darker than #abcdef? Craig provides a useful JavaScript function which handles nasty luminosity calculations.Read More
 
 
520-opera-dragonfly
Opera has released Dragonfly 1.1, their Firebug-like development console. Craig looks at the new features to discover whether it beats competing tools.Read More
 
555-html5-file-drag-drop
In the final part of Craig's HTML5 series, he explains how to implement graphical upload progress bars for files dragged and dropped into the browser.Read More
 
555-html5-file-drag-drop
You've dragged a file from your desktop to a browser and it's been validated and displayed using JavaScript. Craig now explains how to upload it to the server using a background Ajax process.Read More