I’m Chanpory, and this is my site on how to live and work better as a designer.

You should follow me on Twitter here.

For more, check out the archives.

.net magazine offers 20 pro tips to help neophyte web designers do it like the pro’s. The tips emphasize writing clean, organized code yourself, rather than using a WYSIWYG editor like DreamWeaver or GoLive.

.net magazine’s 20 pro tips:

  1. Planning
  2. Do it by hand
  3. Stylesheets: importing vs linking
  4. Smarter gradient backgrounds
  5. Commenting
  6. Use simple PHP to build sites
  7. Set fonts using ems
  8. IE Box Model Hack
  9. Space saver
  10. Test, test and test again
  11. Format fundamentals
  12. The ‘title’ and ‘alt’ attributes
  13. The correct format for pseudo classes
  14. Use semantic mark-up
  15. Favicons
  16. Change capitalisation using CSS
  17. Wrapping text around images
  18. Universal character sets
  19. Print styles
  20. Learn from others

If that wets your appetite, read the tips in detail.

7 Comments

  • Rotting

    gravatarJul 26, 2006
    10:03 pm

    Hi there, thanks for featuring these simple but useful tips. Please keep them coming. :P

  • Gwend

    gravatarDec 15, 2007
    5:06 pm

    “Whets” your appetite. Actually, it does! I’m raring to go with my redesign project. Thanks for that. I like the idea that there’s a pure, unified approach to web goodness. I remember liking the focus of hand coding too, and this confirms I should keep up the practice. Incidentally, this seems related to the call for HTML to be pared down some. See Douglas Crockford’s “Fixing HTML” for a bit of a techie techie thesis about W3C standards…

  • tips for web design « Colleen’s Weblog

    gravatarJan 19, 2008
    7:12 pm

    […] for web design 20 01 2008 here are some helpful web design tips (20 to be exact) I got off of life […]

  • Web Design Tips (Sherice Jacob)

    gravatarApr 19, 2008
    7:41 am

    These are some great tips – although beginners won’t probably go too deep into things like the IE Box Model hack, even though it isn’t hard to do. Things like alt tags, commenting and of course TESTING should be tattooed to every designer’s forehead :)

  • Oxzen Media

    gravatarAug 11, 2009
    12:23 am

    hi..great post..Thanks for sharing some good tips and information, i learn more things on it. We will come back often. ;)

  • Gold Coast girl

    gravatarMay 23, 2010
    8:26 pm

    Thanks for these succinct and helpful tips. While some of the tips might seem obvious, like planning and commenting, they’re absolutely key to being an outstanding web designer. Have printed out the list of tips and pinned it on my wall. Thanks so much.

  • Georgie – Web Design in Brisbane

    gravatarAug 25, 2010
    9:58 pm

    Some nice ideas here. A lot of things I already do, a couple of things I really should do. Cheers.