{"id":3945,"date":"2009-09-08T18:40:53","date_gmt":"2009-09-09T01:40:53","guid":{"rendered":"http:\/\/css-tricks.com\/?p=3945"},"modified":"2012-01-04T21:00:38","modified_gmt":"2012-01-05T04:00:38","slug":"design-refresh-version-5","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/design-refresh-version-5\/","title":{"rendered":"Design Refresh (Version 5)"},"content":{"rendered":"
The new design has been rolled out. Nothing to shockingly different I hope, just a refresher. It’s kind of hard to say, but I think this is the 5th significant iteration of the design at this point. The lines are fuzzy since the design evolves in between those iterations quite a bit. One of these days I’ll have to do a post showing snaps of all these old Photoshop files of old design ideas. Holy cow there is some awful design work in there.
\n<\/p>\n
The biggest reason is that I really wanted to do this Snippets<\/a> idea. I had it all built and ready to go but no good way to integrate it into the old design. I thought it deserved it’s own main tab, so I started there. <\/p>\n The other main target was the sidebar. The old sidebar had a featured ad on top, ten 125×125 ads, and another featured ad below that. 12 ads, and that took up and enormous amount of space. There are still ads, there will probably always be ads, but they have been rejiggered a little bit to still be good for the advertisers but take up less space for the other more content-oriented sidebar stuff.<\/p>\n Search has also moved into the header. That freed up some sidebar room as well and search still retains a prominent spot. There is quite a bit of content on this site now, so the search targeting gets more and more useful every day.<\/p>\n Other than the design itself, there<\/p>\n <\/p>\n <\/p>\n Regular programming will return later this week. Even a screencast I hope. Might be a quicky, but I have a great three-part series coming up!<\/p>\n","protected":false},"excerpt":{"rendered":" The new design has been rolled out. Nothing to shockingly different I hope, just a refresher. It’s kind of hard to say, but I think this is the 5th significant iteration of the design at this point. The lines are fuzzy since the design evolves in between those iterations quite a bit. One of these […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[4,120],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":311477,"url":"https:\/\/css-tricks.com\/a-primer-on-display-advertising-for-web-designers\/","url_meta":{"origin":3945,"position":0},"title":"A Primer on Display Advertising for Web Designers","date":"June 4, 2020","format":false,"excerpt":"A lot of websites (this one included) rely on advertising as an important revenue source. Those ad placements directly impact the interfaces we build and interact with every day. Building layouts with ads in them is a dance of handling them in fluid environments, and also balancing the need to\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/11\/newspaper-stack.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":316124,"url":"https:\/\/css-tricks.com\/refreshing-sidebar-for-2020\/","url_meta":{"origin":3945,"position":1},"title":"Refreshing Sidebar for 2020","date":"July 2, 2020","format":false,"excerpt":"The new design for Sidebar is lovely. I like how it goes even deeper with the sticky elements than the last design. But even more notably, Sacha Greif has been posting five links per day to Sidebar since 2012. That's a remarkable achievement.","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/07\/sidebar-io.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":13238,"url":"https:\/\/css-tricks.com\/rss-advertising\/","url_meta":{"origin":3945,"position":2},"title":"Quick Thoughts on RSS Advertising Effectiveness","date":"July 6, 2011","format":false,"excerpt":"I've recently been trying RSS advertising here on CSS-Tricks through BuySellAds. Three or four advertisers have tried it and none have stuck around. Not a total loss from my perspective, but certainly not great. One such advertiser was ShopHTML, which was one of those services which converts your graphic designs\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":7111,"url":"https:\/\/css-tricks.com\/design-v7\/","url_meta":{"origin":3945,"position":3},"title":"Design v7","date":"August 16, 2010","format":false,"excerpt":"I rolled out a new design this weekend! As usual it's a bit of an aesthetic overhaul (blue!). I'm going to cover the why, the new aspects, and some of the new technology involved. RSS readers, you'll have to make the jump and look around =). And now, a note\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":331717,"url":"https:\/\/css-tricks.com\/design-v18\/","url_meta":{"origin":3945,"position":4},"title":"Design v18","date":"December 29, 2020","format":false,"excerpt":"I redesigned the site! I can never think about the word redesign without also thinking about realigning, from Cameron Moll's seminal article. I did not start from nothing. This design wasn't a blank design canvas and empty code editor thing. I doubt any future redesign will be either. I started\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/12\/v18-1.png?fit=1200%2C628&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2451,"url":"https:\/\/css-tricks.com\/design-refresh\/","url_meta":{"origin":3945,"position":5},"title":"Design Refresh","date":"March 27, 2009","format":false,"excerpt":"It was time for another design refresh! The best part about this one, for me, was that all the work I did last time made this one very easy to do. As usual, it's not extremely drastic. Evolutionary, not revolutionary. The old one wasn't bad, I just felt playing and\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/csstricks-uploads\/mar2009design.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/3945"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=3945"}],"version-history":[{"count":6,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/3945\/revisions"}],"predecessor-version":[{"id":15864,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/3945\/revisions\/15864"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=3945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=3945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=3945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}New Stuff<\/h3>\n
\n
To-Do<\/h3>\n
\n
For Posterity<\/h3>\n
Old<\/h4>\n
New<\/h4>\n