CSS tips and tricks #9-Display vs visibility

CSS properties visibility and display are very similar and can confuse some web designers and developers. I too, had a problem to distinguish them in time of beginning my journey in web design. For this reason, to help you smash or even avoid this problem, we will examine both of these properties in-depth along with… Continue reading CSS tips and tricks #9-Display vs visibility

Transitions and animations in web design

One of the trends proclaimed for this and next year are transitions and animations. You can already see many examples of websites using these new CSS3 modules. Some of these websites use them slightly while others more heavily. What remains the same among web designers is the philosophy behind the way of using them. This… Continue reading Transitions and animations in web design

CSS tips and tricks #8-Playing with animations

Like it or not, CSS animations are one of the trends that will definitely shape the future of web design industry. Even though JavaScript is still heavily used to create animated states on numerous events on the page, its involvement is in decline. Thanks to great support from browsers, only IE 8,9 and Opera Mini… Continue reading CSS tips and tricks #8-Playing with animations

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 #5-Playing with positioning

Static, relative, absolute, fixed and now also add a sticky to it. CSS position property can be a bit harder to understand and to use all of its hidden powers. In this post I will also show you a quick trick to horizontally and vertically center any element using position property with margin. This also… Continue reading CSS tips and tricks #5-Playing with positioning