Website Design Stuff

Facebook Twitter

0to255. Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codr. Today I want to show you how to create an amazing slide out menu or navigation for your website.

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codr

The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare […] Beautiful Photo Stack Gallery with jQuery and CSS3. In this tutorial we are going to create a nice and fresh image gallery.

Beautiful Photo Stack Gallery with jQuery and CSS3

The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the […] Beautiful Slide Out Navigation Revised. After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation.

Beautiful Slide Out Navigation Revised

Thanks a lot to everyone! Like Stefan Matei pointed out, it might be quite cute but we don’t want the user to hover over all options first, in order […] View demoDownload source After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. End of Page Slide Out Box with jQuery.

The other day I was reading an article in the NYTimes and I really liked the box that slides out from the right when you are reading the last part of the article.

End of Page Slide Out Box with jQuery

It shows another article from the same category and I thought that it might be something interesting for any […] View demoDownload source. Contextual Slideout Tips With jQuery & CSS3 – Tutorialzine. Martin Angelov By now, you’ve probably heard about Adobe’s new CS5 software pack.

Contextual Slideout Tips With jQuery & CSS3 – Tutorialzine

Also, you’ve probably seen their product pages, where they present the new features of the suite. Apart from the great design, they’ve also implemented an interesting solution for showcasing the new features their products are capable of – using contextual slideout tips. Knowing the importance of HTML standards, we are making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours.