CSS tips and tricks #6-CSS accordion menu

Another post from CSS tips and tricks just arrived! Challenge for today is to create accordion menu only with HTML and CSS. No JavaScript or jQuery or any other library are allowed. To make it a bit more classy, we will also add a fading effect to browsing between individual sections. Let’s dive into code…

Are reset CSS stylesheets useful

When the discussion about reset CSS stylesheets begin people quickly split into few groups. First group propose that reset stylesheets should be avoided for whatever reason. Second group, on the other hand, will recommend you to use it and even give you some links where to get it. The last group will be somewhere in-between.… Continue reading Are reset CSS stylesheets useful

CSS tips and tricks #4-before and after pseudo elements tutorial

Today we will take a look at :before or ::before and :after or ::after pseudo elements or selectors you can use in your CSS stylesheet. The difference between single and double-colon syntax is that single-colon is from CSS2.1 and double-colon is from CSS3 and not supported by IE8. Fortunately, all browsers support at least the… Continue reading CSS tips and tricks #4-before and after pseudo elements tutorial

Grouping, organizing and cleaning your CSS

It was a day ago, on Friday, when I was working on project for my client and I realized that my CSS stylesheet looks like a mess. Seriously, it was a complete mess when it came to groups of rules. Even though I am consistent in sorting individual rules – I’m using Code Guide by… Continue reading Grouping, organizing and cleaning your CSS

A Complete Guide to CSS Selectors Pt.2

Welcome into the second part of our Complete guide to CSS selectors. In first part we explored the basic ones and ended up with attribute selectors. Today we will continue with pseudo-classes and pseudo-elements. Those of you who are not that grounded in selectors should look at Pt1 first. However, if you are ready, we can… Continue reading A Complete Guide to CSS Selectors Pt.2