Yep, that’s right! Another post from CSS tips and tricks is here. Our job for today is to create fullscreen navigation with fading effect between shown and hidden state. Navigation will be centered, no matter what the resolution of device will be, and links will be stacked vertically. Since this is all about CSS, there… Continue reading CSS tips and tricks #11 – Fullscreen fading navigation in CSS tutorial
Tag: css3
CSS tips and tricks #10 – Auto-hidding navigation in CSS tutorial
It’s been a long time since we did some tutorial focused on stretching our HTML and CSS skills. Today we will practice via another piece of CSS tips and tricks series. This series had a fast begin, but then it kind of disappeared under dust. Let’s bring it back to live with this post.
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 #7-Quick look under the hood of CSS
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.
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…