background preloader

Web tips & tricks

Facebook Twitter

Nice and Free CSS Templates. CSS Cheat Sheet. 15 Must Read Articles for CSS Beginners. 10 Examples of Beautiful CSS Typography and how they did it... Lately I have been very interested in how far we can take Typography only using CSS.

10 Examples of Beautiful CSS Typography and how they did it...

Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you end up with much more flexible websites— especially ones driven by a CMS. Think about how difficult sIFR or images get when you want to replicate that typography or typeface over 100 pages powered by a CMS. If you can get beautiful type via CSS it makes this situation very easy and with out compromise. There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. Creating a CSS layout from scratch - Subcide. Below is the design we will be using as the basis of this tutorial.

Creating a CSS layout from scratch - Subcide

Our mission is to slice this puppy up using nothing but XHTML, CSS, and a few images: First we need to identify the main structural elements of the design, so that we know how to structure our HTML document. The web is very heavily based around rectangles, and we need to remember that when dividing up our design. These main divisions we make will end up being <div> tags.