Recently I posted about a little trick about remembering the css anchor selectors. Now I have another little trick that is even more useful, using the word TROUBLE to remember the order of padding/margin amounts in CSS shorthand. The …
Like many of you, I spend a fair bit of time saving out graphics for use on the web. So when I’m browsing around the web, just by second nature I spot optimization mistakes. Kind of like how a typesetter …
Defining colors in CSS is all about Hex Codes. You know, those alphanumeric six-digit things like #990000. You might have a handful of them memorized. Like that one I just mentioned is a nice dark red. #cccccc is a …
For many people, their introduction to web design and the wonderful world of CSS is through blogging. They start off blogging because it’s so easy and you don’t need to know anything at all about design. Soon after, the desire …
Often times “tag clouds” use variations in font-size and font-weight to distinguish between heavy use and light use tags. Here is another approach: use rollover boxes of different sizes through varied amounts of padding.
You can set the different sizes …
This is how you create a super basic submit button:
<input type="button" value="Submit" />All you need to do to replace this default button with an image is to change the type to image and then declare a source image …
Blockquotes are HTML elements that are meant to designate when a particular section of text is being taken from another website or other source. Different browsers have different built-in styling for blockquotes, often just a simple left margin. If you …
One the techniques I have advocated using for a long time is this:
* {
margin: 0;
padding: 0;
}This is part of the “CSS Reset” theory which helps keep your designs consistent across browsers, a very good thing. …
Sometimes the best way to get inspired to design is to look at other great designs. These designs showcase beauty and function over flashiness. There are some amazing and flashy designs out there where I love the design but …
A “deprecated” element is an element the W3C has designated as outdated. These elements should not be used and are generally considered to be “bad code”. If you use a STRICT DOCTYPE, deprecated elements will not pass validation.
The thing …
Check out the statistics for the screen resolutions of all you hip kids who read CSS-Tricks:
On this site, 800×600 doesn’t even make the top ten. Knowing that, I designed this site to make use of that extra pixel …