CSS-Tricks Redesign(css-tricks.com)

over 6 years ago from Charles Jones, Visual Designer/Developer

  • Michael FMichael F, over 6 years ago

    While I can totally commend and appreciate that hasn't followed typical trends and thrashed out another website that looks like every other website, this new redesign completely misses the mark for me.

    Chris his great at what he does - but I've got to be honest - I've never really liked the design of CSS Tricks or earlier designs of Code Pen.

    The new design is odd in so many ways, I'm going to stick my neck out and say the design is unfinished or really rushed.

    • The search field with really strong inset shadow, disappears on focus to reveal a dramatic box-shadow.

    • Just do a search leaving the field empty.. You notice a flash in the left column but the content disappeared. You don't get any indication of no results, just a jobs board and lots of empty containers. Performing a search with text isn't much better. The page numbering links lack spacing when slipping on to more than one line.

    • The randomly generated header shape looks really bad on occasion it is generated to strike through the logo. which makes it look like a CSS error (i.e. no clearfix around a floated item) this is massively Ironic.

    • The colour choices aren't doing it for me. But this is personal preference.

    • The touching menu items, why?

    Moving on to mobile the card view is great. However I have stumbled across some other poor UX decisions.

    • Clicking on the hamburger will drop the menu. Click the same menu button, expected to be the hamburger.. It's actually the user avatar. The hamburger has dropped down with the menu.

    • The bold font with all menu items touching is borderline unreadable.

    • Gradient from yellow/oranges to pink just doesn't do it for me.

    On the flip side, this website is called CSS Tricks.. it does an amazing job of showcasing what CSS can do.

    0 points