Navigation menu is the most vital element in web design. It guides users to navigate around your blog/website and able to find needed information easily. Here, I’ve made an ultimate collection containing 38 jQuery and CSS navigation menu tutorials and techniques which you can implement into your blog/website. Some of them made up of pure
Archives for
Tutorial
Add Animated Image Captions on Hover with CSS3 (No Javascript)
We have been using Javascripts to add animated captions on hover for images before this. But, inspired by Wibiya’s toolbar Smart Share for post images, I managed to create almost the same effect using CSS3 without using any Javascripts. This effect can be used by both WordPress and Blogger users. The transition effect of the
Easiest way to embed custom CSS styles to your WordPress posts
Sometimes, you will have to use certain unique styles for specific posts in WordPress blogs. Of course, you can add it to main Stylesheet or embed the CSS styles into the posts itself. But, by doing that you’re basically littering your stylesheet with unnecessary customizations! Here is a simple way of adding custom CSS to
CSS3 Box Shadow effect
Previously, I wrote a tutorial on creating rounded corners with the aid of CSS3. Today’s tutorial is on another great effect that can be achieved using a CSS3 property, box-shadow. This box-shadow property enables you to apply one or more drop-shadow effect to a box. And again, this effect is only supported in Firefox, Safari,
How to create rounded corners with CSS3?
This tutorial is on creating rounded corners effect with the aid of CSS3. This effect is achieved using “border-radius” property and really saves our time which was wasted in creating round-edged border images in Photoshop and then being used in web designs. As I said in my previous post, this effect is only visible in
CSS3 tutorials starting this week
I have no words to describe how am I amazed with CSS3. CSS3 definitely has revolutionized the designing world. With CSS3, we can create brilliant web effects without using images, Javascripts and also Flash for them. For example: rounded corners, box shadows, text shadow, Web fonts, gradients, RGBA, rotate, skew, animations, multi-column layout and a