{"id":304806,"date":"2020-03-08T16:29:25","date_gmt":"2020-03-08T23:29:25","guid":{"rendered":"https:\/\/css-tricks.com\/?p=304806"},"modified":"2020-03-08T16:29:27","modified_gmt":"2020-03-08T23:29:27","slug":"geoffs-redesign-posts","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/geoffs-redesign-posts\/","title":{"rendered":"Geoff’s Redesign Posts"},"content":{"rendered":"\n

I love it when people redesign “in the open” and write about it. I’d just like to shout out to our own Geoff<\/a> who has been doing this for 3 months now. He started<\/a> in late December last year. He’s been sharing stuff like his dev tooling choices<\/a>, considering performance<\/a>, considering accessibility<\/a>, that moment where you question everything<\/a>, and then getting back on with it by evolving choices, like how he’s handled dark mode<\/a>. <\/p>\n\n\n\n

Great work, sir.<\/p>\n","protected":false},"excerpt":{"rendered":"

I love it when people redesign “in the open” and write about it. I’d just like to shout out to our own Geoff who has been doing this for 3 months now. He started in late December last year. He’s been sharing stuff like his dev tooling choices, considering performance, considering accessibility, that moment where […]<\/p>\n","protected":false},"author":3,"featured_media":304807,"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":true,"jetpack_social_options":[]},"categories":[4],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/03\/geoff.png?fit=2832%2C2122&ssl=1","jetpack-related-posts":[{"id":17241,"url":"https:\/\/css-tricks.com\/screencasting-complete-redesign-get-access-kickstarter\/","url_meta":{"origin":304806,"position":0},"title":"Screencasting a Complete Redesign (Get Access on Kickstarter!)","date":"June 18, 2012","format":false,"excerpt":"Hey folks, I got some big news. Part of me going off on my own is that I plan to work harder on CSS-Tricks. Part of that is doing the biggest and best redesign ever. So I figured, why do all that in a cave? Instead, I'll screencast every last\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":242862,"url":"https:\/\/css-tricks.com\/google-fonts-redesign\/","url_meta":{"origin":304806,"position":1},"title":"Google Fonts Redesign","date":"June 15, 2016","format":false,"excerpt":"It's a big redesign of a site I'm sure all of use have visited many, many times. It even resides on a new subdomain: fonts.google.com. Live typing samples in the search index for the win! There are also much nicer font specimen pages with clearer examples, cool\/nerdy data visualizations, and\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":198,"url":"https:\/\/css-tricks.com\/amazoncom-redesign-sticks-with-tables\/","url_meta":{"origin":304806,"position":2},"title":"Amazon.com Redesign, Sticks with Tables","date":"October 7, 2007","format":false,"excerpt":"Amazon.com has been flogged a few times for it's weird use of \"tabs\" in it's design that don't really act like tabs. Well now we can start flogging it for all new reasons. They have gone with a really busy, really blocky design with a flyout pop-up menu for the\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":254721,"url":"https:\/\/css-tricks.com\/financial-times-redesign\/","url_meta":{"origin":304806,"position":3},"title":"Financial Times Redesign","date":"May 12, 2017","format":false,"excerpt":"Late last year the team at the Financial Times launched a redesign that focused specifically on web performance and improving the user experience. And so in a post detailing their findings, James Webb writes about how this design impacted their business: We wanted to keep page load time to an\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":246150,"url":"https:\/\/css-tricks.com\/redesign-css-shapes\/","url_meta":{"origin":304806,"position":4},"title":"A Redesign with CSS Shapes","date":"October 4, 2016","format":false,"excerpt":"CSS Shapes is like the perfect example for progressive enhancement these days. Kinda like border-radius was. Older browsers have square corners! Who cares! CSS Shapes allow you to wrap text irregularly - like along the path of a circle(). Eric Meyer uses it on a production page and shows how\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":304786,"url":"https:\/\/css-tricks.com\/google-fonts-variable-fonts\/","url_meta":{"origin":304806,"position":5},"title":"Google Fonts + Variable Fonts","date":"March 7, 2020","format":false,"excerpt":"I see Google Fonts rolled out a new design (Tweet). Compared to the last big redesign, this feels much more iterative. I can barely tell the difference really, except it's blue instead of red and this one pretty rad checkbox: Show only variable fonts. An option to only show variable\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/03\/google-fonts-redesign.png?fit=1200%2C745&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/03\/geoff.png?fit=1024%2C767&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/304806"}],"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=304806"}],"version-history":[{"count":1,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/304806\/revisions"}],"predecessor-version":[{"id":304808,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/304806\/revisions\/304808"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/304807"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=304806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=304806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=304806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}