CSS

On April 16th, Nick Weaver (@nickweaver) and I gave a presentation at the Madison Web Design & Dev Meetup titled “Responsive Web Design: How the mobile web has changed the way we think and work.” Here’s the slideshow of the presentation for your enjoyment!

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.

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.

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.