A while ago, I wrote about the CSS3 :target pseudo-class and how can that help you achieve cool results. Today you’ll learn how to create a pretty simple animated CSS3 accordion with its help.
Pure CSS3 accordion
June 1st, 2011 by Red - 48 commentsHTML5 & CSS3 envelope contact form
May 17th, 2011 by Red - 23 commentsNowadays, contact forms can be found everywhere. To attract visitors’ attention, you need a cool CSS3 contact form, with a catchy look, one that your visitor would love to fill.
In this article you’ll learn how to create a nice CSS3 contact form using also some HTML5 features.
The :before and :after pseudo-elements syntax
May 10th, 2011 by Red - 7 commentsIn my previous articles, you may have noticed how often I used these pseudo-elements. Why I like to use them? Because they are so handy to use as no extra HTML markup is required, but this article’s purpose isn’t about pseudo-elements advantages.
This article’s purpose is to clarify some common misunderstandings regarding the above pseudo-elements syntax.
CSS3 tooltips
April 28th, 2011 by Red - 50 commentsIf your icon or button has insufficient text or none at all, or it just needs some additional explanation, then you surely need a CSS3 tooltip for it. Why’s that? Because, as they have proved till now, they can help you improve your website usability.
Having said that, in this article you’ll learn how to create your own CSS3 tooltips: no images, no javascript.
How to solve common IE bugs
April 26th, 2011 by Red - 16 commentsLately, I wrote more about CSS3 features and its awesomeness. Today’s article is about Internet Explorer common CSS bugs and how to solve them.
You may ask me “why this article?” and you have all the reasons to do that. If you read some of my previous articles, then you know I’m a CSS3 addicted. But sometimes, when working on some projects that require cross-browser compatibility, you need to know how to action when you encounter IE bugs.
Modern browsers are constantly evolving and their bugs or strange behaviors are always fixed due new version releases. But what about old browsers like Internet Explorer 6/7? As they are not maintained anymore, their rendering bugs became sort of “de facto”.
