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.

There’s been a lot of buzz lately about Twitter’s Bootstrap framework, many new excellent websites are built upon Bootstrap solid framework. whether your need is a responsive grid system or pre-styled typography, Bootstrap comes in handy, it is very easy to start and well documented. But if you are wondering where to start, look no further, because I am going to show you how responsive layout using Bootstrap works and how we can use it to create flexible websites, let’s get started.

Finding that perfect CSS button isn’t hard these days, just Google and you will end-up with many CSS button generators, all you need to do is copy and paste the code. But if you are looking for some extraordinary CSS buttons, or perhaps inspirations, there’s no other places like codepen.io, here are some 40+ CSS button examples I’ve picked from Codepen. Please bear with page loading if you have slow net connection.

Since the launch of Codepen (a site for creating HTML, CSS and JavaScript stuff) by Chris Coyier. We have seen some of the greatest CSS3 examples in that website by the web developers around the world, pushing the limits of CSS3. I think this is just the beginning of something extraordinary happening in Web Development world.