Grow your CSS skills. Land your dream job.

CSS-Tricks Chronicle VII

Published by Chris Coyier

I don't think I mentioned this here yet, so: I redesigned my personal site. It's nothing mindblowing, it's just some simple boxes with words in them. I'm happy to have shed my old site which was full of old junk. I'd be happy to have you read it, but the posts will be personal and rarely about web stuff or tech. I will be bringing comments back on it as soon as I can.

The most interesting fact about it: Other than one declaration of font-family, I used no typographic CSS at all. The user-agent stylesheet in browsers has a reasonable set of defaults for text elements and I just went with it.

I started using Divvy and it's been super helpful. It's just a tiny little menu bar app for Mac that allows you to position windows based on a grid you set up. I'm pretty messy with my open windows, and I'm often fiddling with them to get a useful arrangement. Usually, that's browser-on-the-left and sublime-on-the-right. Divvy allows me to get into that setup in just a few commands. It's the little things, right?

As I've written about, I absolutely love the idea of working in public. It's super cool that Daniel Mall and team will be doing it with the Reading is Fundamental website.

I was on the SassCast with Dale Sande recently.

Speaking of Sass, as I'm rewatching and writing notes for the last of the videos in The Lodge, it occurs to much how much Sass is in all those videos. If you're looking to dig into learning Sass and what it's like on real world projects, you could do worse than watching the videos there.

Speaking of The Lodge, I recently spoke with a member who lived in New Zealand. Apparently the internet is quite slow there, and it would take an incredibly long time to download all the videos. I agreed to send them little USB drives with the videos on them. If anyone else is in that position, let me know and I can do the same for you. I need to charge $150 for it though, as the drives of that size are a bit expensive and requires me doing some work.

I made this kinda neat "stairway" style navigation. It's probably a little obnoxious for general use but it could work in some contexts. I used to blog stuff like this after I built it, tutorial style. I should get back to that.

As I type I'm right in the middle of a big multi-leg trip. I was in New York for the first time for FOWD which went very well. I got to be the keynote on the first day! I loved Zoe Gillenwater's talk about future layout specs. Carl did a great job keynoting the second day. I sadly missed Darcy Clarke's talk but he does have some videos of us hanging out that should never make it to the internet.

I got to visit Vimeo's office while I was there thanks to Joe.

My travels this year are far from over. Next I'm headed to Baton Rouge to visit Richard, who I've been nerdfriends with since long before CSS-Tricks was even a thing.

Then I head to Salt Lake City for a day to give a workshop for Deseret Digital, who backed me on Kickstarter to the level of a personal workshop. Then back home for a few days before flying to Philly to do another one of those. Then Hawaii for the conferences there, then back to Wisconsin again for the holidays.

It has been and will be a lot of fun, but I'm sensing the travel burnout coming and I've purposely been very protective of 2013 - keeping it as absolutely free from commitment as possible. I'm at my best during long periods of simple home living.


  1. Permalink to comment#

    DIVVY = AWESOMENESS! Cheers Chris.

  2. @Darcy Clarke, if you read this, I need that video!

  3. andyunleash
    Permalink to comment#

    Mr Coyier when are you going to come to the rainy shores of the UK to pay us all a visit? Make sure to bring Uncle Dave as well – I’m sure a bunch of us would happily take you all out for night on the beer!

  4. Permalink to comment#

    Divvy. It’s like that desktop tool I’ve always needed but never knew I wanted…
    Thank you

    • andyunleash
      Permalink to comment#

      I know how you feel, I’m now £10 lighter but totally worth it! Was using Cinch but that only does full screen & half screen by clicking and dragging like Aero Snap from Windows. Divvy is the uber win.

    • David
      Permalink to comment#

      try Moom…it is 10 folds over Divvy

  5. Kyle
    Permalink to comment#

    If you have a mouse with extra buttons, map one of them to launch Divvy. Really useful!

  6. Hey, your new personal design looks great. I love the lack of clutter, and the typographic default worked out nicely!

    I just noticed one issue, both the “Older Posts” and Newer Posts” links seems to take you to the next page of posts, always.

    Take care!

  7. Hey Chris I just wanted to thank you for all that you do with this website to help teach and introduce us to new things. With your website, the lodge and the great posts you put out I have learned so much. I got my first freelance job today building an online company for a start up business. I am very happy and very excited to start work on it. I am looking forward to new Lodge videos since I am almost done with the redesign ones. Love this website and thanks again!

  8. Permalink to comment#

    Just checked out Divvy, pretty awesome! I use a similar one called Flexiglass.

    Your site looks good!

  9. David
    Permalink to comment#

    I have tried Divvy, but then found Moom and have never looked back. So much better! You can even click and drag windows to make them snap into positons. Moom all the way.

  10. ADR
    Permalink to comment#

    Concerning your personal site:

    Have you written anything up about your choice to default to the user-agent stylesheets? I would be really interested to hear more about the ins and outs of this (i.e., performance reasons, responsive benefits, etc.).

    • ADR
      Permalink to comment#

      OK. I actually just gave this a shot on a smaller project. I have to say, I’m a fan. There’s a lot less fuss. Using em for line height units and default user agent font sizing should give a pretty flexible layout too.

  11. WOW! I really love the redesign of your personal page! It’s so ultra minimal, colorful and nice.

  12. Tudor
    Permalink to comment#

    I would recommend BetterTouchTool instead of Divvy, it is more like working with Sublime Text in Vintage mode (“it is all about keyboard”). Ex: Command + Option + Left arrow (Window on the left side of the screen), Option + Control + Left (Window on the left third of the screen), these are just two of my shortcuts, but you can do much more with this app.

  13. Permalink to comment#

    In my browser, your new personal site’s favicon is still the same as the old one.

    Also, I loved your post about asking a football player a question.

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".