I love the navigation on this website. I'd love to learn how to code the hover thumb image!
Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide to an image in order to create some nice perspective. This will give a great depth to the whole slider when it's in motion.
How to spice up your menu with CSS3 Quick tip on how to spice up your menu with CSS3: add an image to every menu item and slide it out on hover.
3D Cinema - Graphic Design, Branding by Natacha Forciniti, via Behance
Stef Ivanov - freelance UX UI Designer based in London. I specialise in User Experience for mobile and desktop. Working mainly with tech-startups and established cool companies.
It's always a delight to see some non-straight elements in web design. Angled shapes and diagonal lines can create an interesting visual flow and add some unexpected excitement. Inspired by many superb designs that use non-straight elements, I want to show you some simple examples and ways how to create slopy, skewed elements with CSS only.
A tutorial about how to create an overlay effect to show some more details of an item or image. The effect is CSS-only and uses a combination of the :checked pseudo-class with the sibling combinator.
A coleção de fontes gratuitas final para baixar para o seu blog, site ou design de logotipo
Code a Fantastic Animated Circular Thumbnail Gallery With CSS