66 comments

  • Eduardo NunesEduardo Nunes, 2 years ago

    My first thought was, quite literally, "wow, someone forgot to renew the domain" :/

    54 points
    • Martin LeBlancMartin LeBlanc, 2 years ago (edited 2 years ago )

      Compared to the old design, which was really recognisable and pleasant to look at, this comes across as generic and cold. Hmm ... I hope Chris adjusts this design.

      4 points
      • Nice ShoesNice Shoes, 2 years ago

        And to think. His previous design was a result of a Kickstarter campaign.

        So all those people that contributed towards the previous design now have to deal with this.

        ref: https://www.kickstarter.com/projects/chriscoyier/screencasting-a-complete-redesign/description

        2 points
        • Martin LeBlancMartin LeBlanc, 2 years ago

          Oh wow. He should just do a new Kickstarter campaign. I'm pretty sure it would be really educational to see him go through a redesign again with 2015 technologies.

          0 points
        • Ix TechauIx Techau, 2 years ago

          Are you saying that since the previous design was funded by Kickstarter (it kinda wasn't), he should stick to that design until all the backers are...dead? Websites go through iteration and get updated frequently. I doubt any of the backers feel cheated.

          1 point
          • Gabriel StefanescuGabriel Stefanescu, 2 years ago

            It's not really an update now, is it? It looks like a default wp theme. And it has so many problems, everything looks out of place, there is no contrast on the comment dates. Fonts all over the place, snippets are out of place. There is nothing well done here, I like Chris, but this is a total mess and everyone should recognize this.

            0 points
    • Ix TechauIx Techau, 2 years ago

      Worth pointing out that Chris Coyier is not a designer, nor does he claim to be.

      3 points
      • Martin LeBlancMartin LeBlanc, 2 years ago

        But who did the previous design?

        0 points
        • Ix TechauIx Techau, 2 years ago

          Chris did, but I'm just saying that it's odd that we critique the aesthetics of his new theme, when he's never claimed to be a designer in the first place. If anything we should critique how it has been built in CSS, because that is what he does.

          0 points
          • Gabriel StefanescuGabriel Stefanescu, 2 years ago

            Let's be honest here, Chris is no strager to design, and as a front-end developer he simply did not respect any of the basic rules of contrast an he used a lot of weird fonts and 300 font-weight.

            0 points
      • brennan smith, 2 years ago

        Hire a designer.

        1 point
  • Ymar FrenkenYmar Frenken, 2 years ago

    I literally refreshed, because I thought my browser had trouble loading the new CSS stylesheets ...

    29 points
  • A. M. ­DouglasA. M. ­Douglas, 2 years ago (edited 2 years ago )

    I'm nobody, but in my opinion—no offence or disrespect intended—this redesign is really bad.

    Sure, the old design was not going to win any cutting-edge/avant-garde awards but at least it was recognizable. This looks like an abandoned Blogspot.

    21 points
    • Kuanysh BayandinovKuanysh Bayandinov, 2 years ago

      Come on man, you are Adam!

      23 points
    • Elliott ReganElliott Regan, 2 years ago

      Yea, there are parts of the design that I like, but it looks like they need to clean some stuff up, and decide where the focus of each page should be. Right now, the ads are grabbing way too much attention, and the article headings, and the site header looks chaotic.

      It just looks like they applied the theme without taking the logo or ads into consideration. Hence the abandoned blogspot look.

      2 points
  • Mattan IngramMattan Ingram, 2 years ago

    I think they may have been trying to emulate the "clean reading experience" of sites like Medium, but didn't succeed.

    Not a fan personally.

    12 points
    • Brandon CrooksBrandon Crooks, 2 years ago

      Agreed.

      1 point
    • Nuro AzharNuro Azhar, 2 years ago

      Yeah I can see what they were trying to accomplish. To me, this really looks like the default theme you get with any CMS out there. I'm not a fan but there might be more to the redesign than just the look of it I guess.

      1 point
    • Noel ForteNoel Forte, 2 years ago

      Yeah, it feels a bit like that. At first glance it really does look like there are assets that are not loading that should be there. Spacing is a bit awkward overall.

      0 points
  • Pedro Ivo HudsonPedro Ivo Hudson, 2 years ago

    Accidentaly activated the Twenty Seventeen.

    11 points
  • Floyd WilliamsonFloyd Williamson, 2 years ago (edited 2 years ago )

    Chris linked to the wrong stylesheet ;)

    11 points
  • Catalin CimpanuCatalin Cimpanu, 2 years ago

    This is one of those redesigns where I can honestly say: "Even I would have done a better job!"

    8 points
  • M. AppelmanM. Appelman, 2 years ago

    Contrast between the site and the code snippets is rather stark.

    7 points
  • Rainer SchuhslerRainer Schuhsler, 2 years ago

    This is quite unexpected. Past redesigns of CSS Tricks were always bolder and more visually interesting. This one in comparison looks very vanilla. Everything about the CSS Tricks "brand" appears to be gone. There are some things about this that I like — the typography is very clean — but overall it feels like there's a lot missing.

    6 points
  • Norm Sheeran, 2 years ago

    What a shame, CSS tricks always had a fun and friendly feel. This just feels so plain and lifeless.

    Bring back the frog!

    6 points
  • Brandon CrooksBrandon Crooks, 2 years ago

    It's definitely a downgrade. I'm all for minimalism but like many others have said, there's no visual hierarchy; the ads draw way to much attention and there is a stark contrast between content and the code snippets.

    4 points
  • Sacha GreifSacha Greif, 2 years ago

    All the criticism here is valid, but it's also very possible that this is a first draft that will keep evolving. I personally don't believe in the "big redesign" anymore, I think it makes more sense to put something functional out there as soon as possible, and then slowly refine it over time.

    4 points
  • Gabriel StefanescuGabriel Stefanescu, 2 years ago (edited 2 years ago )

    Question is, where's the css at?

    3 points
  • Andy LeverenzAndy Leverenz, 2 years ago (edited 2 years ago )

    I must be the only one who kind of likes the switch. Chris has always gone big and bold which is fine but in hindsight there's something to be said in the "less is more" approach. White space isn't always necessarily bad. In fact it makes the content come front in center which I think was the big reason for the switch.

    All that said. I do think the comments could use a bit more attention.

    2 points
    • Elliott ReganElliott Regan, 2 years ago

      Yea, but there's no visual hierarchy. Headers have two different sizes, and there are far to many different typefaces being used to call that design "minimal".

      I like the direction they went in, but I would expect some finely tuned, creative layout, not something that looks like an unfinished wood press theme.

      1 point
  • Craig England, 2 years ago

    Can I ask a question? Why do you go to css-tricks.com? Is it for the content that the site has or the design of the site?

    It is a popular site because of the quality of the content.

    2 points
    • James Young, 2 years ago

      How I end up at CCS Tricks:

      1. Have CSS problem
      2. Google obscure CSS problem
      3. See Chris Coyier's face next to a top result in google
      4. Trust said result because it's got his face
      5. Problem solved at CSS Trick

      Every time.

      6 points
  • Clay MacTavishClay MacTavish, 2 years ago

    Think there is an error with the background rainbow on the logo.

    Running latest Chrome: http://take.ms/c40vT

    2 points
  • Matt Mischuk, 2 years ago

    I can see the attempt to make a more simplified version of the site but CSS Tricks gave up their brand and didn't follow through with the changes to radically make the site different for the better.

    2 points
  • Chris Howard, 2 years ago

    Is this the future of web design?

    Has it got this bad that designers are terrified of any flair, individuality or boldness? Have we become that this obsessed with minimalism?

    Will the pinnacle of site design in 2016 look a lot like 1991? Or an 1800's newspaper? (Albeit with better use of whitespace)

    The site is CSS Tricks, yet this design says "we know bugger all about CSS".

    A site called CSS Tricks should show beautiful, intelligent, and leading edge design by the clever use of CSS.

    This is just a cop out that anyone could do.

    1 point
  • Elie SlamaElie Slama, 2 years ago

    Quite a disapointment... Bad Font is bad !

    1 point
  • Johan Ronsse, 2 years ago

    I like the style direction (look at our company site, we like black and white ;)) but the typography needs a long hard look. The font is very thin even on a retina screen. The header is large with no apparent reason.

    1 point
  • Paul KinchlaPaul Kinchla, 2 years ago

    I actually like the new design. I think typographically it is an improvement over the last the version. I do think that the body copy could be bumped up to 400 though.

    The one thing That I do think would be an improvement to the layout would be to remove the 10px of padding on the .content-wrap . It makes all the elements especially the ones in the sidebar feel off just enough that it makes the layout feel broken a little bit.

    1 point
  • Stefano TirloniStefano Tirloni, 2 years ago

    For me the body text is hard to read... maybe because it's "font-weight: 300". Also the code snippets.. totally black.

    1 point
    • Ed AdamsEd Adams, 2 years ago

      I thought this too. The main body text is just a little bit too light to read, which is a very bad move for a text-focused blog! It should either be bumped up a bit, or made slightly heavier.

      0 points
  • Ix TechauIx Techau, 2 years ago

    Well first of all, CSS Tricks has never been about gorgeous aesthetics, it has always been about trying different things and letting the site be the primary playground for new and interesting CSS...well, tricks. Secondly, the whole re-design is explained here in his post about it.

    Thirdly, Chris Coyier's own words should remind us all what the web is:

    One of the beautiful parts about the web is that it's ever-changing. It doesn't have the finality of print design. I have a huge list of things I want to do on this site, from the tiny to the huge. Look forward to this design morphing over time. I'm sure it will be quite a bit different than it is today by the time v11 is a sparkle in my eye.

    1 point
  • Ed AdamsEd Adams, 2 years ago

    I kind of went "what" when I loaded CSS-Tricks and saw this. A very radical change to the previous layout.

    I feel like the padding at the top (above the wordmark) is too much, almost like they want to avoid having too much be above the fold or something.

    1 point
  • Ming YINMing YIN, 2 years ago

    This design does not work to me at all. It looks flawed.

    0 points
  • Wassim ↬, 2 years ago

    This is either a temporary glitch or a catastrophic redesign attempt.

    0 points
  • Matt HoilandMatt Hoiland, 2 years ago

    Wordpress fail.

    0 points
  • Daniel SamuelsDaniel Samuels, 2 years ago

    Looks like he's spent $5 on Themeforest.

    0 points
  • Hendra SusantoHendra Susanto, 2 years ago

    I don't like it, but I don't dislike it either.

    Sure it's very plain and looks like there's no CSS in the site, but it gets the job done.

    At this point, Chris doesn't really need to be flashy in the site design because he already has the audience. People come to the site not because of the design, they come for the content.

    I think in this iteration, Chris just wanted to try something new, and went for "less is more" approach.

    You can argue that he can add some details and still make it clean and minimalist, but one thing is clear. The site is now really fast.

    0 points
  • Laurens SpangenbergLaurens Spangenberg, 2 years ago

    The font weight it quite thin resulting in a rather low legibility on mobile.

    0 points
  • David DarnesDavid Darnes, 2 years ago

    Yes it does look like there's a CSS file missing or it hasn't fully loaded, but have we considered that it might be for performance issues? The CSS Tricks site is massive now and a quick check of the CSS file, using CCS Stats, shows that it went from 136kbto 55kb. Lets hope this is a foundation for a new style.

    0 points
  • Ollie BarkerOllie Barker, 2 years ago

    Has there been any explanation as to why the design changed? Seems like a step backwards. Sure he could have stripped it back to make it more content focused but removing almost all styling and branding all together is just a bad approach.

    0 points
  • Michael MiznerMichael Mizner, 2 years ago

    I really want to like it. Chris has done so much good for the community. That said, I can't stop cringing.

    0 points
  • Martijn RuiterMartijn Ruiter, 2 years ago

    Is it the first of april already?

    Try to hover the logo... damn..

    0 points
  • Diego LafuenteDiego Lafuente, 2 years ago

    I don't understand why we are on 2015 and we still see designs with fixed widths. This website looks now more like a blog from the year 2003

    0 points
  • Dom BriggsDom Briggs, 2 years ago

    Always admire CSS tricks but I'm finding this new design harder to engage with and read.

    0 points
  • Dan DiGangiDan DiGangi, 2 years ago

    I wasn't a huge fan of the old one but damn... this is just lazy. He really Verizon logo'ed the hell out of his site.

    0 points
  • Jim NielsenJim Nielsen, 2 years ago (edited 2 years ago )

    It feels like we're judging designs not on what they enable us to do but rather on their mere aesthetics alone–their novelty, style, trendiness, etc. We like a site redesign because it's new, it's cool, it's fresh, not because it more fully makes information accessible to us and expands the enriches the ground for our growing experiences.

    It's like we've become mere consumers of design, when we all know design is so much more than how it looks.

    0 points
  • David SvezhintsevDavid Svezhintsev, 2 years ago

    Yuk... I know that people don't likes changes'n'stuff. But this feels more like step backwards into wireframes then a step forward into overall design and experience improvement.

    Very, very big step backward. Or step forward into unknown. A very radical change, interesting to see what will turn out in the end.

    0 points
  • Charles MCharles M, 2 years ago

    Been a while since I've been on CSS-Tricks. Old design as well as the last previous few really gave the site an identity. So when I loaded up the site this morning thinking--like many--some asset hadn't loaded properly, I thought WTF? Open the site using an alternate browser, and there it is! It's the latest redesign. I'm mixed on this move despite the marked increase in performance.

    0 points