Killer CSS Tips and Tricks
February 18, 2011
In this video blog, Stefan goes over 2 major points: 1. Don’t get caught up in nerd-theory rabbit holes, that take up all your time on things that will have little to no impact on your day-to-day web programming or designing work. 2. Learn your nerd craft by creating things that people commonly want … […]
read more
June 29, 2010
Centering text and other elements can easily be done with the CSS text-align property. It can be applied to a division, the p tag – pretty much any block-level element.
read more
June 26, 2010
By default, elements in a website will expand to make room for whatever they contain. An empty division, for example, won’t show at all, but you can add 1 or 12 (whatever) paragraphs, and the division will be as big as it needs to be so everything inside is displayed.
read more
June 20, 2010
A quick and easy way to insert a dividing line into a website is with a horizontal rule, the hr tag.
read more
June 19, 2010
By default, the elements of a website line themselves up next to or under each other automatically. However, at times, the design requires them to overlap. When that happens, the stacking order becomes important, and the natural stacking order will need to be manipulated.
read more
June 5, 2010
If you still haven’t heard, hear it now: FRAMES ARE DEAD – well, technically, they are more like the undead – the zombies of webdesign. They should be gone and forgotten but refuse to stay buried. It’s much better not to use them. However, there may be a situation, where inserting a separate html document into your page makes sense.
read more
May 11, 2010
While text in general is hard to read when written in all caps – and considered the electronic version of yelling – using CAPS for emphasize is a handy tool. Headers are a place where capitalization is frequently used. And to assure that your header is displayed uniformly throughout the site without having to worry about actually writing in all caps, just use CSS.
read more
May 8, 2010
At times, it makes more sense to use background images than to insert them directly into the page. And while each element – like your body tag – can hold only one background image, they can be applied to several elements.
read more
April 27, 2010
We’ve already discussed navigation lists and list bullet images, but sometimes, a list is just a list. There are two types – the ordered list and the unordered list. The ordered list counts the items; the unordered list marks the individual items with bullets or other markers. The HTML is simple.
read more
April 18, 2010
Sometimes, a website design benefits when images have frames – or borders. One way to get them is one image at a time, using a graphics program. But there is a much faster way – with CSS!
read more