Wired.com Revamped

Here’s how Wired.com revamped its own website. It started last year with the under-the-radar project when they migrated 17 active blogs into one WordPress install. The redesign took the approach of focusing on the responsive and mobile first perspective. In addition, Wired.com also started using Amazon Web Services and its content delivery network, as well as using Varnish for its caching.

Wired.com stack looks like this. WordPress PHP, Stylus for CSS, Vanilla JavaScript and jQuery, Coming soon: React.js, and JSON API. For deployment, Wired.com uses Vagrant, Gulp for task automation, Git hooks, Linting (check out stylint written by our own Ross Patton), GitHub and Jenkins.

ZDNet Website Redesign

One of my favorite websites for browsing the latest tech news is ZDNet. This morning, I noticed a new website redesign. It’s cleaner, cooler, compact and ad-friendly I might add. I’m digging it. I love the homepage slider feature, although I think it’s too fast. The footer section is much, much bigger.

In terms of color, the blue colors seems to be much darker than the previous design, although I don’t have the old site up for a side-by-side comparison. The website reminds of the kit of the US Mens National Team for this summer’s World Cup in South Africa. The US National unis have also gone dark the last couple of years.

I think the biggest improvement of the website redesign is the comments section. I use to dread reading comments because I had to click on each one of them to read them. That’s no longer the case. It’s structured similar to how most blog comments are displayed these days, in chronological order.

As in any new website redesign, I found a couple of kinks. There are several broken links, but I’m sure they will fix that soon. It will take a while for me to learn the new site. Navigating is a bit awkward at first, but improving the comments structure is by far the best thing that’s happened to this site.