In her article “Mobile UI performance considerations,” Estelle Weyl addresses memory and battery considerations when developing web applications for mobile devices. From embedding CSS and JavaScript into your HTML file (GASP!!!) on first load (and storing the code using localStorage), to minding the DOM and what you CAN’T see in the viewport of a mobile phone, this article is full of great ideas. A must read.
CSS
“When can I use…”: a CSS compatibility reference
Ever wonder when you can use the CSS rule inline-block, or PNG transparency, and what browsers supported? http://caniuse.com/ has a cool list of these and other rules!
Web Dev tool of the week: JSFiddle.net
JSFliddle.net is a dream come true: a simple, free testing environment for your HTML, JavaScript and CSS. Perfect for sharing live examples of your code. Highly recommended!
How to use CSS sprites to create custom bullets in HTML
The list-image CSS property can get you far when you want to create custom bullets in HTML, but what about performance? CSS Sprites are a great way to reduce the amount of images you need to use to customize your lists.
How to center divs within a page with CSS
Sometimes you may want to center a div element within a page, whether vertically, horizontally, or both (dead center). Here’s how you can accomplish all of that using CSS.
How to load CSS stylesheets dynamically with jQuery
Sometimes you may want to load a CSS stylesheet dynamically after your HTML page has loaded and certain conditions are met (for example, if an element with a specific class exists in the DOM). jQuery can help you accomplish that with a few lines of code, helping you save some bandwidth and make your page load faster.