{"id":632157,"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.com\/index\/632157","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 data-recalc-dims=\"1\" decoding=\"async\" vspace=\"4\" hspace=\"4\" border=\"0\" align=\"right\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/assets\/2010\/01\/ars_design_launch_list-thumb-230x130-11439-f.png?w=780\" \/><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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/silo-header-old.jpg?w=780\" \/>\n<\/div>\n<div>\n<div>An old category page &#8220;top&#8221;<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/silo-header-new.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/silo-old.jpg?w=780\" \/>\n<\/div>\n<div>\n<div>An old category page.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/silo-new.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/post-old.jpg?w=780\" \/>\n<\/div>\n<div>\n<div>An article in the old design.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/post-new.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/post-bottom-old.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/post-bottom-new.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/article-premier-new.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/fp-premier-new.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/author-old.jpg?w=780\" \/>\n<\/div>\n<div>\n<div>An author page on the old design<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/author-new.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/footer-old.jpg?w=780\" \/>\n<\/div>\n<div>\n<div>The old crusty footer.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/footer-new.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/comments-old.jpg?w=780\" \/>\n<\/div>\n<div>\n<div>Comments on the old design.<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/comments-new.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/lts-old.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/lts-new.jpg?w=780\" \/>\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 data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/static.arstechnica.com\/2010_design_refresh\/forums-bottom-new.jpg?w=780\" \/>\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":288,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4821],"tags":[],"class_list":["post-632157","post","type-post","status-publish","format-standard","hentry","category-news"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p9NivD-2Es5","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/posts\/632157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/users\/288"}],"replies":[{"embeddable":true,"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/comments?post=632157"}],"version-history":[{"count":0,"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/posts\/632157\/revisions"}],"wp:attachment":[{"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/media?parent=632157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/categories?post=632157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/tags?post=632157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}