CSS3 Gradients, Border Radius and Internet Explorer 9

Internet Explorer 9 breaks border-radius declarations when used alongside filters for CSS background gradients. By utilizing SVG CSS markup, we can easily style elements with both declarations and still have it cross-browser compatible.

read more

jQuery Multi-Accordion

I’ve developed my previous accordion a little further now. I’ve turned into a full plugin, plus it allows for multiple accordions on the same page. The way this differs, however, is that it allows you to create one accordion that closes open elements in another accordion and vice-versa. You may ask how this is different than a single accordion with tedious amounts of HTML and CSS. Well, the answer is simple: this is less work. By using jQuery’s traversing, I allow you to have more freedom in your HTML and CSS design, as well...

read more

Inline Images With Data URLs

This particular trick comes in very handy for the mobile platforms. Instead of linking to your CSS and your images, you can use this method to embed the images inline within the CSS. This keeps the browser from having to make multiple calls, thus speeding up the load time of your application. You can also use this method within an IMG tag as well. /* *********************************************************** * START ::: * 64bit encodes images for CSS embedding * Alternatively, if you are not using PNGs, you can specify the...

read more