HTML & CSS Resources for Beginners

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.

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.