Have you ever though about the principles of CSS, those factors that control how will browsers render content of the page? Let’s do it today. We will talk about three important topics that influence the way you work.
Tag: tricks
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…
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
CSS tips and tricks #3-Animated 404 page
Well designed website should also have custom designed 404 page for case that something is broken. So, today we will create notepad style 404 page with small animated bar. Font used for text is Lobster, it is free to use and you can find it online on Google fonts. Patter used for background is from… Continue reading CSS tips and tricks #3-Animated 404 page