Keep your textareas on a short leash
Some modern browsers (Webkit and Gecko to be exact) let users resize textareas by default. This is a great feature for writing, but can turn out to be an issue for the pixel-perfectionists of us.
Some modern browsers (Webkit and Gecko to be exact) let users resize textareas by default. This is a great feature for writing, but can turn out to be an issue for the pixel-perfectionists of us.
Today I've been playing with a way to display headers as banners in a semantic way. This is what I came up with...
Here's a way to set up a star rating system using CSS3 only. This works in all modern browsers. Optimized for Webkit.
This clearfix stays clear of the markup. No need of adding class="clearfix" to your HTML elements. This is pure CSS.
This method centers your content vertically. It works without having to set any height to the centered elements.
Being a front-end professional you probably like being in control of your HTML elements (I know I do!). A little helper I tend to use is the CSS outline property.
The Lab is finally up and running. It's a mix of a journal and a test ground, and it will eventually act as a library of my front-end experiments. For those interested, here's a more technical introduction.