While this is still an up-to-date version, I just wanted to let you know I made also an improved and animated version of this CSS3 menu.
Today you’ll learn how to create your own CSS3 dropdown menu, without any additional Javascript code. There are no images used and, as usual, minimal HTML markup. Let’s see how is made:
In my previous article, border, border-radius and box-shadow properties were used to create a slick HTML5 search box. As you may know, when using all these together, a well-known Chrome bug is triggered.
Although this bug was fixed in the latest Chrome beta releases, below you’ll see the strange (may I call it like that?) or should I better say different behavior:
In this new article, you’ll learn how create a cool and usable CSS3 search box using the HTML5 placeholder attribute. For the browsers that don’t support this new HTML5 attribute, a fallback is created using Modernizr’s feature detection.
I made a page with the heart shape you can make with CSS3. Just some CSS3 text-shadow, a HTML heart character and voila:
This article contains a list with some free online tools I found very useful for my daily work. Even if you are a developer or a designer, these tools can realy improve your work.
