I have collected Top 10 User Interface Kits that is available for free to download. I am planning to use any one of them in my next project. I want to share this with my readers who really wants to decrease their coding time. I hope my collections will be … Read more
Everyone knows that Windows Metro UI is very popular among web developers. Because of its powerful User Interface with nice animations. Here I am going to tell you how to develop a Animated Metro style UI boxes with CSS3 This Metro Boxes is inspired by Microsoft Windows 8 Operating System … Read more
If you are involved in any business having multiple products, then Pricing Tables will play a important role in your company that simply differentiate the product features & prices in a comparison table. A elegant Pricing Table will help visitors / buyers to choose the best product for them. Here … Read more
Today I am going to tell you how to create Amazon Style Search Box with filter options using jQuery & CSS code. This tutorial will help you to implement search box with dropdown option in your ecommerce projects like amazon.com In my previous post. I had explained how to create … Read more
Here I am going to tell how to show a icon on mouse over thumbnail image using simple jQuery & CSS. In my previous post, I had explained how to display product information on mouse over thumbnail – http://w3lessons.info/2013/04/03/display-product-information-on-a-hover-over-thumbnails-using-jquery/ Now a days most websites are using this trick. In this tutorial … Read more
Today I am going to tell you how to create Animated Search Box with CSS3 with various colors. You can simply copy the code and use it in your web projects immediately. Search Box with Animation effect is always nice to have in your webpage. CSS3 Code to Animate Search … Read more
In my previous post I had explained how to create gmail style message inbox using jQuery & CSS. Now I am going to tell you how to create Gmail Style Login Form using CSS3. Check out my latest post on New Gmail Account Login & Registration Form with Material Design … Read more
Today I am going to tell you how to create simple animated Skill Bar / Progress Bar in two lines of jQuery code. The skill bar gives you an opportunity to show visitors to your site how qualified you and your teams are. Add a skill title, percentage of proficiency, … Read more
Today I am going to tell how to create Gmail Style Message Inbox Design with jQuery & CSS. From this design you can able to Add Star / Unstar Messages Delete Single Message Delete Multiple Messages Mark as Read Mark as Unread This tutorial will bring you exactly look like … Read more
Now a days Windows metro style design is very popular among web designers. So I am very glad to share a simple css3 code to display metro style message boxes. I have used little jQuery code to close the message boxes as well. I hope you will like this. CSS3 … Read more