179

Spring Cleaning

3 years ago from

Hi Designer News friends! I'm really happy to announce that we just launched a lot of cosmetic, functional, and performance-improving updates. Some things you might notice immediately, whereas others might never be seen. The whole codebase got a bit of spring cleaning, and at the end of the day over 90% of Designer News' frontend has been rewritten. We're eager to hear your feedback.

Improved performance and browsing experience

A large percentage of the community knows a lot about web page performance, and have wasted no time in pointing out areas that could be improved. So we went ahead and started using Imgix (<3) for images across the site, ripped out all non-essential Javascript (reduced to a simple in-house framework and then just jQuery), added a touch of CSSO to our CSS, and even went as far as to minify the HTML before delivering it. This resulted in an enourmous page weight difference. I know, using thumbnails instead of full size images and seeing a reduction in page weight is nothing to write home about, but it was something that I've been meaning to do for a while now.

In addition to lighter pages, various parts of the site have been refactored to be less... janky, such as that annoying scrolling header (the scrolling header was also open-sourced!).

Designing for a design community is hard

We get feedback every day about ways the community could be improved visually. We love it (so please send more), but it's also difficult to try and make everyonehappy (I kid, I kid). Over the last few months we've tried our best to implement as many feature requests as possible, and with today's launch comes a lot more completed requests and general improvements. Here's a quick outline:

  • Page styling and rich text is a lot more consistent throughout the site.
  • Updated user profile pages!
  • The sidebar is gone on mobile. Instead, we shift important content blocks to the main container / story feed.
  • The preview popup when hovering over a user's name is a lot friendlier.
  • Market listing pages have a new header style.
  • Brand new login and register pages.
  • Hundreds of small changes sprinkled throughout.

That’s just the start. If you’re interested in learning about every little change, here's a list of everything I can think of off the top of my head. Enjoy!

About all that spam

Designer News has grown an incredible amount over the last couple years, and as the user base has expanded, so has the need for better spam protection. With this launch comes a variety of new features, both community-facing and under the hood.

  • Reporting a story, comment, or user is much easier with the latest design tweaks; additionally you'll be able to select a reason why you chose to make a report.
  • Internally we are now maintaining a blacklist of domain names that consistently cause us headaches. If a domain goes on the list no one will be able to post a story with that base URL.
  • Moderator tools got a slight update; if you are a moderator you can now sort content reports by type. (Side note: if you’d like to be a moderator, please email Max, our community manager!)

There is more in the pipeline to help us fight against spam, so we'll be sure to let you know when we make changes. We should also give our administrators and moderators a round of applause for fighting as much spam as they do (seriously!).


To recap, there are a lot of changes here today. I sincerely hope you appreciate them, but I know that there will be a bug or two, so please let me know in the comments, or feel free to reach out to me directly and I'll be happy to help. If you run into something down the road, remember you can always click our little feedback friend in the bottom right.

Thanks for supporting Designer News!

64 comments

  • Andrew SmithAndrew Smith, 3 years ago

    I think a round of applause are in order. You nailed all that spam from yesterday fantastically, and all bugs that i've ever noticed are gone. AND it was Monday when you did all this, so

    54 points
    • Nathan HueningNathan Huening, 3 years ago

      Except, another "webdesignshare" spam post is again on the front page. How about banning any links that use redirect? I suspect that's how they're getting around the blacklist.

      7 points
      • Account deleted 3 years ago

        Yeah, they are trying everything in the book. It's pretty amazing how determined they are for whatever reason to still post here. I'm guessing at this point it's some kind of angry-pride thing. Heh!

        5 points
      • Thompson GeorgeThompson George, 3 years ago

        What if a site redirects from http:// to http://www.

        Your solution will do more harm than good.

        0 points
        • Alec LomasAlec Lomas, 3 years ago

          There are tools that can be used to find what's on the other side of a redirect. Alternatively, the DN team could blacklist bit.ly et al, but I suspect that will cause unforeseen issues as well.

          1 point
          • Jody HeavenerJody Heavener, 3 years ago

            Hey Alec! We have actually blacklisted bit.ly, among many others. However, whoever is posting this is finding new URL shorteners every day. We are definitely working on something to determine what's on the other side of a URL :)

            5 points
            • Dominik SchmidtDominik Schmidt, 3 years ago

              I just made a post to check (at least for now for a Moved permanently redirect) which page is behind the redirect. Also with some async queue any other redirect can also be sniffed.

              0 points
      • Jody HeavenerJody Heavener, 3 years ago

        Done.

        0 points
  • Daniel GoldenDaniel Golden, 3 years ago

    This is awesome!!! My favorite updates so far:

    • header "my account" hover animation
    • new up-vote animation
    48 points
    • Connor NorvellConnor Norvell, 3 years ago (edited 3 years ago )

      I don't see a new up-vote animation, will that take a while to update or did you say that so people would test it on your comment?

      EDIT: it doesn't work on comments... my bad.

      6 points
  • Daniel AdamsDaniel Adams, 3 years ago (edited 3 years ago )

    Great job, I just noticed this though:

    https://dl.dropboxusercontent.com/u/2793480/Screen%20Shot%202016-05-10%20at%2009.42.36.png

    https://dl.dropboxusercontent.com/u/2793480/Screen%20Shot%202016-05-10%20at%2009.40.50.png

    10 points
  • Catalin CimpanuCatalin Cimpanu, 3 years ago

    Nooooooooooo.... You've reset my unread notifications counter... I almost had 300 :( Was trying to reach 1000 :((

    9 points
  • Benjamin WillemsBenjamin Willems, 3 years ago

    luv u jody

    4 points
  • Marcel Wichmann Marcel Wichmann , 3 years ago

    Did you remove or break the feature to collapse comment threads? Either way: Would be nice to have them back! :)

    4 points
    • louie solomonlouie solomon, 3 years ago

      Noticed this too. I use this feature quite often.

      Related: It would be nice to be able to collapse comments for users that don't have a profile image.. perhaps give everyone a blank square as their default.

      Additionally, looks like the "Markdown Supported" button in the comment box is no longer working either.

      2 points
    • Jody Heavener, 3 years ago

      I added it back! Now you can just click on the comment itself.

      2 points
      • Marcel Wichmann Marcel Wichmann , 3 years ago

        Thanks for adding it again, but as somebody who likes to crazily select and deselect the text he's reading, this is not the best solution either. :D

        3 points
      • Kevin Boodtama, 3 years ago (edited 3 years ago )

        I'm actually not a fan of this, personally.

        If a comment includes any URLs, this pattern obscures the hover state that confirms your cursor is over a link, and not just normal text. If you were to misclick, then not only do you not open the link, but it disappears due to the comment collapsing, leaving you in a brief moment of confusion. Added to that, you can't quickly undo the action by simply clicking where your mouse is, either—if you were to do that, you'd likely end up collapsing another comment.

        Edit: I think you fixed this as I was typing up this response. Much better!

        0 points
      • Marcel Wichmann Marcel Wichmann , 3 years ago

        Now it's perfect. Thank you!

        2 points
  • Vipul. MishraVipul. Mishra, 3 years ago

    Hey @Jodi, Great job at the updates and the speed of addressing bugs/issues. Applause!!

    • "Designing for designers is tough. :P" Loved it . +1
    • Notification details on hover is good. No more going to bookmark/me to check pending notifications.
    • Thanks for getting rid of spams.

    Overall awesome updates. Lovi'n them so far.

    Cheers!! Vip

    3 points
  • Ken Em, 3 years ago

    So are webdesignshare links blacklisted? Because I just reported this one (which is hiding behind a redirect): https://www.designernews.co/stories/68802-top-reasons-responsive-web-design-issues

    2 points
    • Nathan HueningNathan Huening, 3 years ago

      Redirect must be fooling the blacklist.

      1 point
    • Daniel GoldenDaniel Golden, 3 years ago

      Thanks for the heads up, Ken. I want to give Jody and the team a chance to blacklist the redirect, because this is something new. Meanwhile, I sunk the post.

      2 points
    • Jody Heavener, 3 years ago

      Since launching last nights changes we've launched another change that now blocks URLs hiding behind redirects. That should help ;D

      2 points
  • Duncan RussellDuncan Russell, 3 years ago

    Some nice wee improvements here. Good job team DN!

    2 points
  • Ollie BarkerOllie Barker, 3 years ago (edited 3 years ago )

    Great work all! :)

    1 point
  • Tom Capossela, 3 years ago

    Thanks for all your hard work!! :D

    1 point
  • Alexander RadsbyAlexander Radsby, 3 years ago

    Thank you for doing an exceptional job!

    1 point
  • Todd SielingTodd Sieling, 3 years ago

    Nice changes. I always wish for an easier way to report problems or suggest changes. Every time I've asked for it the person on the other end stops replying.

    1 point
  • Thiago Krieck, 3 years ago

    Fantastic! Just a little heads up, the links in the jobs section are returning a 404 error.

    1 point
  • Ollie BarkerOllie Barker, 3 years ago

    Great work guys

    1 point
  • Ken Em, 3 years ago

    Also, the More menu (...) in the main nav is not working for me in Mobile Safari. Tapping it does nothing.

    0 points
  • Nick HileyNick Hiley, 3 years ago

    The navigation on mobile is bugging out a little. Other than great job really like the new market section :)

    0 points
  • Ricardo NunesRicardo Nunes, 3 years ago

    Love the new changes and the effort you went trough.

    I just have one small problem, that is totally on my end, but kind of infuriating...

    I use LastPass and it adds 1 icon on each input field. Before the update, this icons would show up above the content and I would know I wasn't logged in. With the update, since the inputs to login never go away, I got this 2 icons sitting above the content all the time.

    I know its a easy fix on my end. Just disable LastPass on DN, but...

    0 points
  • Pino CeniccolaPino Ceniccola, 3 years ago

    Bug report: Edit and Delete links in my own comments are broken.

    0 points
  • Antonio Pilolli, 3 years ago

    The more (...) and profile dropdowns aren't working very well for me. They disappear way too quickly. Maybe this is due the fact that I have a touchscreen laptop.

    0 points
  • Surjith S MSurjith S M, 3 years ago (edited 3 years ago )

    Hello,

    Great update!

    1., Market listing page is broken : http://cl.ly/1r20231y2v0k 2. Hover Profile Popup is wrongly positioned (somewhere on top). Test on a page with lot of comments. 3. The Menu Profile Dropdown closes when the mouse is in between. (There's a gap where the menu closes before touching it)

    Issues are on: Mozilla Latest, Win 7.1 64bit.

    0 points
  • Joshua MillerJoshua Miller, 3 years ago

    Huzzah!

    0 points
  • Ted McDonald, 3 years ago

    I love everything, except for one thing. When I try to copy and paste something from a comment, the comment collapses. Useful for long hiding long threads... but it would be nice to be able to copy and paste.

    Otherwise, thanks for the updates!

    0 points
  • Faiz MokhtarFaiz Mokhtar, 3 years ago (edited 3 years ago )

    Kudos for the awesome update!

    Some bug/UX annoyance that I've encountered:

    • It's much easier to accidentally collapse a comment when I'm trying to upvote.
    • The 'Login Successful banner' on top randomly pop back again when I enter a new comment or upvote. (Just after I login)
    0 points
  • stl s, 3 years ago (edited 3 years ago )

    I have horizontal scroll on firefox for mobile on single post pages only

    0 points