The document provides 20 steps to creating a more beautiful web. It discusses using whitespace, letting text breathe with CSS, adding pictures to enhance words, avoiding hard edges, creating depth, being consistent in spacing and formatting, and designing all parts of a site even hidden areas. The author encourages learning from nature, stealing its better design tastes, and getting offline to discover ideas to bring back to web design. The document is authored by Patti Chan of 600block.com.

1. That’s Ugly!
20 Steps to a More
Beautiful Web
Brought to you by: Patti Chan Co-founder 600block.com

2. Ah, Google...
Google can do no wrong!

3. Google has always bothered me.

4. FORM vs. FUNCTION
Here’s the point
It’s coming. Wait for it.

5. FORM + FUNCTION
Here’s the point
If you remember nothing else... remember this.

6. Back to Google...

7. What are my options?
Bullets are great.

8. Bigger text boxes!!

9. Whitespace
ahh...

10. Let text breathe too
The wonders of cascading stylesheets (css)

11. 12px text is not ugly
(or better yet, 0.75 em)

12. Add pictures
Pictures enhance words

13. Don’t reinvent the wheel
Sweat the details instead

14. Steal from nature
It will always have better taste than you

15. Avoid hard edges

16. Create depth
Make things go “pop!”

17. Love that things change
Because web will always change

18. Be consistent
Spacing, type, font size... everything.

19. Design every nook and cranny
Even the ones you hope people don’t see

20. THANK YOU FOR
LISTENING!
MY NAME IS:
PATTI CHAN
@PATTICHAN
@600BLOCK
FOR PLACES TO GO:
WWW.600BLOCK.COM
Get offline
Learn. Discover. Then bring it back to the web.