Posted by Zak under Design, General, Projects
A few years ago it looked like self-hosted fonts were going to take the web by storm. By simply linking to a typeface in our CSS, we could use any typeface imaginable. But due to licencing issues with commercial typefaces, the focus has now shifted to font hosting providers like Typekit, Fontdeck and more recently Google Webfonts.
Posted by Zak under Design, Programming
If you’ve read any web design blog written in 2011 you’ll hear that CSS3 is a great, simple tool to add interactive elements to a website. It’s popularity seems to coincide with the widespread adoption of modern browsers like Chrome and Firefox.
I’ve been reading a lot of tutorials on CSS animations in particular but haven’t come across many practical applications of these properties. Sure, it can be wacky to make a GIF fly around the screen in pure CSS but these new effects need to be able to enhance the user experience.
Here’s how to create a quick animated bar graph using CSS keyframing. For the sake of demonstrations, I’ve made a simple Yes or No poll.
Posted by Zak under Design
If you’ve ever built a website from scratch, no doubt you’ve had to subdue the erratic browser beast with a reset stylesheet. The majority of these stylesheets in use are pre made, garden-variety templates downloaded from the YUI library or copied from other sites.
Reset stylesheets can be more than a bunch of hacks setup to fix a website layout. They can also provide a set of easily accessible classes for editing content as well as enhance the user experience without cluttering up your primary stylesheet. Read the rest of this entry »
The Lab is the web development blog for Clear Pixel that covers many subjects from PHP, CSS, jQuery, CodeIgniter, Design and XHTML / HTML