HTML & CSS Resources for Beginners

If you are planning to create/manage a website, you must certainly start learning few basic coding somewhere in life, this knowledge is truly going to help you a long way. Here are some basic HTML and CSS resources for you to learn.

Scrolling Table of Contents with Jquery and CSS3

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.

Free Saaraan Icon Font

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.

How to Use Icon Font?

Icon fonts can be embedded simply using CSS @font-face like any other fonts, but there are few simple rules to follow for cross-platform compatibility. Let us look at the usage of @font-face rule and data-icon attribute to display icons stored in a Font file.