As you probably already know, CSS3 introduces many new features, one of which is the ability to create animated transitions using nothing but CSS. You've seen this used for many different things, from animated buttons, to accordions menus, to some fun CSS experiments.
One common technique that is completely doable with CSS, but which still remains in the realm of jQuery and other Javascript techniques, is animated dropdown menus.
We're all familiar with the most common CSS properties that we use daily, such as width, height, margin and border. And for most projects, the ones we use all the time are just fine. Of course, there are also those ones that you discover through your IDE's autocomplete feature, which can have some pretty interesting results. Some are immediately obvious to what they do, and some are not.
I don't know about you, but as I'm writing a blog post, I often find myself remembering a link I read earlier that is related to the subject as I'm typing. So, I usually type out the text of the link, and try to remember to add the link in later. Unfortunately, we all forget things like this too often.
When we think of CSS and web design, we generally think in two dimensions. After all, the screens we use to view websites display the page as a two-dimensional image. Two of the most common CSS properties, width and height, match that.
Google has just recently released a new font API, which will greatly help to simplify the usage of fonts on the web. It is called, of course, Google Font API. Included with this API is the font directory, along with an interactive font preview. The Google Font API makes it extremely simple to use external [...]