Design fixed navigation on scroll with CSS and jQuery

One thing that can increase user experience and overall impression from your website is always present navigation. Why should the visitor scroll back to the top or click one more time to let the script move the window to the top? Remember, every click counts. We can easily solve this problem of accessibility by creating… Continue reading Design fixed navigation on scroll with CSS and jQuery

CSS tips and tricks #11 – Fullscreen fading navigation in CSS tutorial

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

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.

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

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