I’d like to share with you this pretty neat image scrolling effect created by Chris Violette using only the wonderful capabilities of CSS. It’s a nice slider to have as a header. It’s lightweight, meaning that it doesn’t slow down your site as much as using a complicated jQuery-based image slider. The effect was based [...]
Eric Hoffman demonstrates how you can create a vertical navigation using only CSS3 and without any images. The idea of this cool navigation is when you hover over the circle icon, it expands, displaying some descriptions about the menu. Be reminded though that it has been tested using Webkit browsers such as Safari and Chrome [...]
There are many CSS3 buttons techniques out there to choose from and developers nowadays supplement basic CSS3 properties with animation. One cool CSS3 button I’ve discovered is this fancy 3D button by simonpicos. It is a simple button with a clever use of box shadows and transition animation so it would look as if it’s [...]
Award-winning graphic designer Mirko Santangelo of PSD Tuts+ shares a very cool tutorial on how you can create a well-detailed Fuji x100 camera icon using Photoshop. This icon is more challenging because of its realistic features. Click on the image to see the full demonstration and get started. Incoming search terms for the [...]
Web developer Mary Lou shows a great tutorial on how you can create animated buttons with CSS3. The idea here is to have different styles with hover effects and active states. You can check out her tutorial with live demo and downloadable source by clicking the image. Incoming search terms for the article: [...]
CSS plays an important role in today’s web development so here’s a video tutorial by Ashton Sanders that can be very helpful in your quest for making a good web site. Click on the image to launch the tutorial. Incoming search terms for the article: css syntax guide css tutorials css freakz css properties tutorial [...]
Created by a web developer in the Philippines, here’s a great navigation menu tutorial that uses only CSS. View the DEMO, then click on the image to see how it is done. Incoming search terms for the article: create a slick menu using css3 slick menu using css3 slick menu css slick menu css3 slick [...]
Revolver is a jQuery plugin developed by kernelstudio from codecanyon, and it lets you turn your entire website into a slider. Instead of simply clearing out the entire window and loading the next page, Revolver simply causes the current webpage to slide off the screen and introduces the next one just like your typical image [...]
Curtain.js is jQuery plugin created by Victor Coulon that gives a cool and very unique effect during page transition. It causes the current page to be lifted up just like a curtain that you normally see in theatre stages. Instead of seeing the page load in front of you in a flash, you’ll see it [...]
Web developer Mary Lou shows an easy-to-follow tutorial on how you can make a cool elastic image slideshow with thumbnail preview. The slideshow automatically adjusts and you can navigate the slides by using thumbnail preview. Click on the image to view her tutorial. Check out the DEMO and DOWNLOAD as well. Incoming search terms for [...]
0
464
