Grow your CSS skills. Land your dream job.

Links of Interest

Published by Chris Coyier

Automatically back up your entire web server files and databases to Amazon S3

Christina Warren has a comprehensive and excellent tutorial on creating a Ruby script to back up your entire web server, including databases, and upload them directly to an Amazon S3 bucket. The tutorial is geared toward Media Temple, but I imagine could be adapted to other hosts. She also did a screencast demo demonstrating it all. This is high on my list of to-do's, and handy for me being on Media Temple and all.


What is Your "Design Signature"?

Mike Davidson shares his design signature:

  • I start with a CSS reset
  • For column layouts, I float every column (usually left but sometimes both left and right)
  • I use the clearfix class to clear all of my containers
  • I use dotted underlines for body-copy links that change to solid underlines on hover, and no underlines for links that appear within navigational lists
  • I use desaturated colors for visited links
  • I employ fixed-width centered layouts using a container div, auto margins, and a center text-align on the body

It all sounds like pretty standard, basic stuff, but when you add it all up and do it over and over again on every website you make, it does start to feel like a signature. Do you have one?


Walk it off

Check out this music video. You can change "perspectives" while the video is playing with a clever slide technique. Damn clever way to present a story.



Volkan interviewed me for his site Web Deneyimleri a few weeks ago. The site is in Turkish, but the post with my interview has the original English version included at the bottom of the post.


Oh yeah! And today is my birthday =)


  1. Permalink to comment#

    Happy Birthday Chris!!

  2. Shameless birthday plug. Have a Sam Adams, on me.

  3. besublime
    Permalink to comment#

    Happy Birthday!

  4. Happy Birthday!

    My design signature usually consists of a handful of custom clips in Coda!

  5. Permalink to comment#

    happy birthday wishes from wiesbaden (germany) and thanks for all the effort you put in this blog.

  6. Permalink to comment#

    Many many happy returns of the day mate :)

  7. Happy birthday Chris!

  8. Permalink to comment#

    yeah, happy birthday to you

  9. Permalink to comment#

    Happy Birthday mate! Have a good one.

  10. Permalink to comment#

    happy birthday Chris.

    that s3 back up screencast is amazing

    been looking for a script like that one for media temple as well

    have you tried it yet?

  11. Aaron B
    Permalink to comment#

    Happy B-day man! Nothing wrong with a birthday plug. ;-)

    Don’t work too hard today!

  12. John B
    Permalink to comment#

    Happy Birthday from Exeter UK Chris. Thanks for the WordPress screen casts. Great site.

  13. Permalink to comment#

    Happy Birthday Man. Love your site. Use it on a day-to-day basis!

  14. Thanks for all the birthday notes everybody!

  15. omedeto gosaimasu!! (that would be congratulations in Japanese) ^-^
    Hope you will have a sucessful new life year!
    All the best from Yokohama.

  16. I haven’t seen anyone write about using .clearfix for the better part of the past 3 years. It’s hardly the best solution — if even an acceptable one — for clearing contained floats. Apply overflow:auto/hidden/scroll to the containing element and you’re good. I prefer overflow:hidden.

  17. Ivan Nikolic
    Permalink to comment#

    Happy birthday, Chris!

  18. Happy (belated) Birthday!
    You rock and so does CSS-Tricks!

  19. Brendan Blue
    Permalink to comment#

    That “Walk it Off” video is insanely clever…

This comment thread is closed. If you have important information to share, you can always contact me.

*May or may not contain any actual "CSS" or "Tricks".