The Yucky Parts of Web Development: Examples
My OPI Tech Talk, on the Yucky Parts of Web Development, is available as a Powerpoint presentation.
In the talk, I spoke on how a few techniques can give you a jumpstart for the Web side of your applications. The focus was on using these techniques and patterns as a way for those whose main experience has been on back-end technologies to create good-looking pages with a minimum of effort and fuss.
Typically, actual code works better than bullets in Powerpoints. You can run the examples live, or download them, starting with the Examples Index.
Some of the resources mentioned in the talk include:
- Text spacing example – this example uses extra text spacing beneath your text to create the illusion it is
- Grids are Good (PDF) – provides an excellent background to using grids for layout. Read this!
- YUI grids layout – describes using the reset-fonts-grids.css file that comes with the YUI toolkit. Even if you choose not to use the full YUI toolkit, this one CSS file provides a simple way to create a CSS-based layout for your Web pages.
- Color Blender – use this site to create variants of colors such as lighter (blend with FFFFFF) or darker (blend with 000000) shades.