I’ve been playing with a layout that needed an good looking dropdown menu, so I’ve decided to create one myself, and also created this tutorial, hopefully it will prove to be useful to those who needs similar drop down menu. We will be creating 3 level sub menus in pure CSS, it should work without any JavaScript, and at the end we will add jQuery for that sliding effect.

There are some excellent website builder online these days which can create awesome looking websites in no time, but sooner or later you may certainly want to start learning the basics of coding somewhere in your lifetime (if you ever want to take full control of your website in future!) The knowledge is truly going to help you in a long run, not just for fixing small things, but may be build a website from scratch, seriously! So if you are ready to venture out in web development world, here are some basic HTML and CSS resources to help you start.

If you have very long pages like Wikipedia, you might want to organize your paragraphs with some sort of stylish scrolling Table of Contents (TOC). In this article we will create a nice little Table of Contents with bit of jQuery and CSS3. Div element stays fixed on the left or right side of the page for easy navigation of the page, it can be expended and collapsed easily by a reader.

Saaraan Icon font set is general purpose icons for web developers. It contains 169 icons (planing to add more in future). I have created these icons for learning purpose, but please feel free to use them in your projects.