Awesome ways to display web icons

Great for visual indications, icons can add just enough interest to otherwise plain sites. Traditionally, Developers would use image files (like .gif, .jpg, or .png) to display in their markup.  The code for a button with some text and an icon might have looked something like this: <button> <img src=”path_to_my_icon/icon.png”> Click me! </button> Of course,…

Working with CSS floats

In the land of CSS, the property ‘float’ is typically used to help wrap text around images.  It can also be used to layout other HTML elements to make webpages work across different resolutions and devices. However, as many web developers have found out, there are quite a few snafus using ‘float’.  Plenty of other…

Web fonts

Typically, browsers support a very limited number of fonts for use on websites: However, Google offers a large repository of fonts that can be used on any website.  Check this out: http://www.google.com/fonts/ If you want to use a font, simply click ‘quick use’ next to the font desired.  At that point, Google gives you a…