66 comments

  • Charles MCharles M, over 1 year 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
  • David SvezhintsevDavid Svezhintsev, over 1 year 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
  • Jim NielsenJim Nielsen, over 1 year ago (edited over 1 year 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
  • Dan DiGangiDan DiGangi, over 1 year 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
  • Dom BriggsDom Briggs, over 1 year ago

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

    0 points
  • Diego LafuenteDiego Lafuente, over 1 year 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
  • Sacha GreifSacha Greif, over 1 year 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.

    0 points
  • Paul KinchlaPaul Kinchla, over 1 year 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.

    0 points
  • Martijn RuiterMartijn Ruiter, over 1 year ago

    Is it the first of april already?

    Try to hover the logo... damn..

    0 points
  • Michael MiznerMichael Mizner, over 1 year 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
  • Elie SlamaElie Slama, over 1 year ago

    Quite a disapointment... Bad Font is bad !

    0 points
  • Ollie BarkerOllie Barker, over 1 year 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
  • David DarnesDavid Darnes, over 1 year 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
  • Laurens SpangenbergLaurens Spangenberg, over 1 year ago

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

    0 points
  • Ix TechauIx Techau, over 1 year 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.

    0 points
  • Norm SheeranNorm Sheeran, over 1 year ago

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

    Bring back the frog!

    0 points
  • Hendra SusantoHendra Susanto, over 1 year 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
  • Pedro Ivo HudsonPedro Ivo Hudson, over 1 year ago

    Accidentaly activated the Twenty Seventeen.

    0 points
  • Chris Howard, over 1 year 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.

    0 points
  • Ming YINMing YIN, over 1 year ago

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

    0 points
  • Matt HoilandMatt Hoiland, over 1 year ago

    Wordpress fail.

    0 points
    • Clay WClay W, over 1 year ago

      Has nothing to do with Wordpress

      0 points
      • Tom BradyTom Brady, over 1 year ago

        https://css-tricks.com/wp-admin

        0 points
        • Clay WClay W, over 1 year ago (edited over 1 year ago )

          Yes, it is a Wordpress site, but what does that have to do with his design based decisions? Maybe I missed something, but I don't understand how this is a "wordpress fail". How does this have anything to do with Wordpress as a platform?

          It's like saying, "PHP fail" or "Apache fail". Makes no sense.

          0 points
  • Brandon CrooksBrandon Crooks, over 1 year 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.

    0 points
  • Craig England, over 1 year 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.

    0 points
    • James Young, over 1 year 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.

      0 points
  • Catalin CimpanuCatalin Cimpanu, over 1 year ago

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

    0 points
  • Daniel SamuelsDaniel Samuels, over 1 year ago

    Looks like he's spent $5 on Themeforest.

    0 points
  • Wassim ↬, over 1 year ago

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

    0 points
  • Rainer SchuhslerRainer Schuhsler, over 1 year 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.

    0 points
  • Johan Ronsse, over 1 year 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.

    0 points
  • Stefano TirloniStefano Tirloni, over 1 year ago

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

    0 points
    • Ed AdamsEd Adams, over 1 year 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
  • Mattan IngramMattan Ingram, over 1 year 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.

    0 points
    • Brandon CrooksBrandon Crooks, over 1 year ago

      Agreed.

      0 points
    • Nuro AzharNuro Azhar, over 1 year 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.

      0 points
    • Noel ForteNoel Forte, over 1 year 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
  • Clay WClay W, over 1 year ago

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

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

    0 points
  • Andy LeverenzAndy Leverenz, over 1 year ago (edited over 1 year 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.

    0 points
    • Elliott ReganElliott Regan, over 1 year 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.

      0 points
  • Ymar FrenkenYmar Frenken, over 1 year ago

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

    0 points
  • A. M. ­DouglasA. M. ­Douglas, over 1 year ago (edited over 1 year 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.

    0 points
    • Kuanysh BayandinovKuanysh Bayandinov, over 1 year ago

      Come on man, you are Adam!

      0 points
    • Elliott ReganElliott Regan, over 1 year 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.

      0 points
  • M. AppelmanM. Appelman, over 1 year ago

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

    0 points
  • Matt Mischuk, over 1 year 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.

    0 points
  • Gabriel StefanescuGabriel Stefanescu, over 1 year ago (edited over 1 year ago )

    Question is, where's the css at?

    0 points
  • Floyd WilliamsonFloyd Williamson, over 1 year ago (edited over 1 year ago )

    Chris linked to the wrong stylesheet ;)

    0 points
  • Eduardo NunesEduardo Nunes, over 1 year ago

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

    0 points
    • Martin LeBlancMartin LeBlanc, over 1 year ago (edited over 1 year 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.

      0 points
      • Michael TMichael T, over 1 year 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

        0 points
        • Martin LeBlancMartin LeBlanc, over 1 year 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, over 1 year 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.

          0 points
          • Gabriel StefanescuGabriel Stefanescu, over 1 year 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, over 1 year ago

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

      0 points
      • Martin LeBlancMartin LeBlanc, over 1 year ago

        But who did the previous design?

        0 points
        • Ix TechauIx Techau, over 1 year 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, over 1 year 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, over 1 year ago

        Hire a designer.

        0 points
  • Ed AdamsEd Adams, over 1 year 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.

    0 points