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. 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. We want to know what did they do, and how/why does it result in beautiful type? NOTE: Do not simply steal the design/code/style listed here, learn from it. 1. Coudal Partners small headline Larger Headline 2 + 3. Human Sexuality and the Nuptial Mystery 3. Creating a CSS layout from scratch - Subcide. Below is the design we will be using as the basis of this tutorial. 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.
A <div> is basically a rectangular container that we can position using CSS. The diagram below shows how we will divide the design. We have identified 5 major elements: Main Navigation The primary navigation for this website. This site will also be centered in the browser window. . « Previous123456789101112Next » Commenting is not available in this weblog entry.