{"id":185462,"date":"2010-01-15T20:22:38","date_gmt":"2010-01-16T01:22:38","guid":{"rendered":"http:\/\/www.stoth.com\/2010\/01\/15\/ars-2010-design-refresh-goes-live\/"},"modified":"2010-01-15T20:22:38","modified_gmt":"2010-01-16T01:22:38","slug":"ars-2010-design-refresh-goes-live","status":"publish","type":"post","link":"https:\/\/mereja.media\/index\/185462","title":{"rendered":"Ars 2010 design refresh goes live!"},"content":{"rendered":"<p><\/p>\n<p><a href=\"http:\/\/arstechnica.com\/staff\/cohortes-vigilum\/2010\/01\/ars-2010-design-refresh-goes-live.ars?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss\"><br \/>\n  <img decoding=\"async\" vspace=\"4\" hspace=\"4\" border=\"0\" align=\"right\" src=\"http:\/\/static.arstechnica.com\/assets\/2010\/01\/ars_design_launch_list-thumb-230x130-11439-f.png\" \/><br \/>\n  <\/a><br \/>\n        <!--body--><\/p>\n<p>If you&#8217;re reading this post in a Web browser, you&#8217;ve probably already noticed that something is a little&#8230; different.  This afternoon we pushed the second half of our <a href=\"http:\/\/arstechnica.com\/staff\/palatine\/2009\/12\/welcome-to-ars-technica-v55.ars\">Ars Version 5.5<\/a> that went live back in December.  As you poke around and use the site over the next few days, you should notice a large number of design (and quite a few functional) updates from the way the site used to look and operate.<\/p>\n<p>From the <a href=\"http:\/\/arstechnica.com\/apple\/\">category pages<\/a>, to <a href=\"http:\/\/arstechnica.com\/author\/jacqui-cheng\/\">author bios<\/a>, to our <a href=\"http:\/\/arstechnica.com\/gadgets\/news\/2010\/01\/verizon-lowering-barrier-to-3g-data-entry-with-higher-prices.ars?comments=1\">comments<\/a>, there&#8217;s not a nook or cranny that&#8217;s been left untouched by <a href=\"http:\/\/twitter.com\/aurich\/\">Aurich Lawson&#8217;s<\/a> nimble Photoshop fingers.  You&#8217;ve probably seen quite a few new bits already, but I thought it might be helpful if we presented some of the biggest changes side by side with their older counterparts.<\/p>\n<h3>Category pages<\/h3>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/silo-header-old.jpg\" \/>\n<\/div>\n<div>\n<div>An old category page &#8220;top&#8221;<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/silo-header-new.jpg\" \/>\n<\/div>\n<div>\n<div>The new category page &#8220;top.&#8221; Note the cool new category headers, the restyled sidebar links, and the new treatment of articles.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/silo-old.jpg\" \/>\n<\/div>\n<div>\n<div>An old category page.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/silo-new.jpg\" \/>\n<\/div>\n<div>\n<div>A new category page. Note how we highlight features here like we do on the front page.<\/div>\n<\/div>\n<\/div>\n<hr \/>\n<h3>Articles<\/h3>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/post-old.jpg\" \/>\n<\/div>\n<div>\n<div>An article in the old design.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/post-new.jpg\" \/>\n<\/div>\n<div>\n<div>A newly styled article.  Note how the content starts higher on the page, and the restyled article links in the sidebar.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/post-bottom-old.jpg\" \/>\n<\/div>\n<div>\n<div>How the bottom of an article looked in the old design.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/post-bottom-new.jpg\" \/>\n<\/div>\n<div>\n<div>The new bottom of an article.  Note the new comment bar, and newly minted sharing links, now featuring Facebook and a ton more (including email) in the &#8220;Share button.&#8221;<\/div>\n<\/div>\n<\/div>\n<hr \/>\n<h3>The Ars Premier Experience<\/h3>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/article-premier-new.jpg\" \/>\n<\/div>\n<div>\n<div>How an article looks to an <a href=\"http:\/\/arstechnica.com\/subscriptions\/\" title=\"Learn more about Ars Premier\">Ars Premier Subscriber<\/a>.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/fp-premier-new.jpg\" \/>\n<\/div>\n<div>\n<div>How the front page looks to an <a href=\"http:\/\/arstechnica.com\/subscriptions\/\" title=\"Learn more about Ars Premier\">Ars Premier Subscriber<\/a>.<\/div>\n<\/div>\n<\/div>\n<hr \/>\n<h3>Author pages<\/h3>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/author-old.jpg\" \/>\n<\/div>\n<div>\n<div>An author page on the old design<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/author-new.jpg\" \/>\n<\/div>\n<div>\n<div>Author bios on the new design.  Coming soon will be additional links for an author, like Twitter pages, personal blog, and more.<\/div>\n<\/div>\n<\/div>\n<hr \/>\n<h3>Footer<\/h3>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/footer-old.jpg\" \/>\n<\/div>\n<div>\n<div>The old crusty footer.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/footer-new.jpg\" \/>\n<\/div>\n<div>\n<div>New, super-fresh footer.<\/div>\n<\/div>\n<\/div>\n<hr \/>\n<h3>Comments<\/h3>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/comments-old.jpg\" \/>\n<\/div>\n<div>\n<div>Comments on the old design.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/comments-new.jpg\" \/>\n<\/div>\n<div>\n<div>Super sweet new comments.  The overall design is, we feel, a lot easier on the eyes.  We&#8217;re also calling out authors and staff members much better now.<\/div>\n<\/div>\n<\/div>\n<h3>Sidebar<\/h3>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/lts-old.jpg\" \/>\n<\/div>\n<div>\n<div>The latest top stories sidebar box in the old design.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/lts-new.jpg\" \/>\n<\/div>\n<div>\n<div>The latest top stories box on the new design.  Much cleaner look overall. We&#8217;ve removed the ability to use this box on the front page, as the whole front page replicates this functionality (and more) now.<\/div>\n<\/div>\n<\/div>\n<h3>Forums<\/h3>\n<div>\n<div>\n<img decoding=\"async\" src=\"http:\/\/static.arstechnica.com\/2010_design_refresh\/forums-bottom-new.jpg\" \/>\n<\/div>\n<div>\n<div>Fresh new icons at the bottom of the forums.<\/div>\n<\/div>\n<\/div>\n<h3>Feedback<\/h3>\n<p>As with all our projects and changes here, we highly value the input of our readers.  If you have comments or <em>constructive criticism<\/em>, please feel free to leave them in the comments below.  If you prefer to use email, you can send your feedback to <a href=\"mailto:civis@arstechnica.com\">civis@arstechnica.com<\/a>.<\/p>\n<h3>Thanks<\/h3>\n<p>None of this project would&#8217;ve been possible without the work of our Technical Director <a href=\"http:\/\/twitter.com\/mrkurt\">Kurt Mackey<\/a>, our Creative Director <a href=\"http:\/\/twitter.com\/aurich\">Aurich Lawson<\/a>, our HTML\/CSS Guru <a href=\"http:\/\/twitter.com\/greghines\">Greg Hines<\/a>, our Developer and Project Manager Extraordinare <a href=\"http:\/\/twitter.com\/clint\">Clint Ecker<\/a> (that&#8217;s me), or without the support, direction, and feedback from nearly the entire editorial staff here at Ars Technica.<\/p>\n<p><a href=\"http:\/\/feedads.g.doubleclick.net\/~at\/WDu5ontWuByo0ffMkwNcthZ0Ts0\/0\/da\"><img decoding=\"async\" src=\"http:\/\/feedads.g.doubleclick.net\/~at\/WDu5ontWuByo0ffMkwNcthZ0Ts0\/0\/di\" border=\"0\"><\/img><\/a><br \/>\n<a href=\"http:\/\/feedads.g.doubleclick.net\/~at\/WDu5ontWuByo0ffMkwNcthZ0Ts0\/1\/da\"><img decoding=\"async\" src=\"http:\/\/feedads.g.doubleclick.net\/~at\/WDu5ontWuByo0ffMkwNcthZ0Ts0\/1\/di\" border=\"0\"><\/img><\/a><\/p>\n<div>\n<a href=\"http:\/\/feeds.arstechnica.com\/~ff\/arstechnica\/index?a=C8EJWShG-mE:CIsRmJW9ClM:V_sGLiPBpWU\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/arstechnica\/index?i=C8EJWShG-mE:CIsRmJW9ClM:V_sGLiPBpWU\" border=\"0\"><\/img><\/a> <a href=\"http:\/\/feeds.arstechnica.com\/~ff\/arstechnica\/index?a=C8EJWShG-mE:CIsRmJW9ClM:F7zBnMyn0Lo\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/arstechnica\/index?i=C8EJWShG-mE:CIsRmJW9ClM:F7zBnMyn0Lo\" border=\"0\"><\/img><\/a> <a href=\"http:\/\/feeds.arstechnica.com\/~ff\/arstechnica\/index?a=C8EJWShG-mE:CIsRmJW9ClM:qj6IDK7rITs\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/arstechnica\/index?d=qj6IDK7rITs\" border=\"0\"><\/img><\/a> <a href=\"http:\/\/feeds.arstechnica.com\/~ff\/arstechnica\/index?a=C8EJWShG-mE:CIsRmJW9ClM:yIl2AUoC8zA\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/arstechnica\/index?d=yIl2AUoC8zA\" border=\"0\"><\/img><\/a>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~r\/arstechnica\/index\/~4\/C8EJWShG-mE\" height=\"1\" width=\"1\" \/> <\/p>\n<p>Buy This Item: <a class=\"buy\" href=\"http:\/\/www.stoth.com\/buy.php\" ><span style=\"color: #33bc03\">[Click here to buy this item]<\/span><\/a><\/p>\n<p><a href=\"http:\/\/feeds.arstechnica.com\/~r\/arstechnica\/index\/~3\/C8EJWShG-mE\/ars-2010-design-refresh-goes-live.ars\" >Article<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;re reading this post in a Web browser, you&#8217;ve probably already noticed that something is a little&#8230; different. This afternoon we pushed the second half of our Ars Version 5.5 that went live back in December. As you poke around and use the site over the next few days, you should notice a large [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-185462","post","type-post","status-publish","format-standard","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts\/185462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/comments?post=185462"}],"version-history":[{"count":0,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts\/185462\/revisions"}],"wp:attachment":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/media?parent=185462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/categories?post=185462"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/tags?post=185462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}