Carry\u2019s advice is to start with a real-world object\u2014the interface of a gaming console or a calculator, for example\u2014and to try to recreate it using only CSS. \u201cA great way to push the boundaries with a language is to make something that the language wasn\u2019t meant to be doing in the first place,\u201d<\/em> he says.<\/p><\/blockquote>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"
My favorite way to level up as a front-end developer is to do the work. Literally just build websites. If you can do it for money, great, you should. If the websites you make can help yourself or anyone else you care about, then that’s also great. In lieu of that, you can also make […]<\/p>\n","protected":false},"author":3,"featured_media":306940,"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":[870],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/04\/challenge-css.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[{"id":204430,"url":"https:\/\/css-tricks.com\/http-203-progressive-loading\/","url_meta":{"origin":306792,"position":0},"title":"HTTP 203: Progressive loading","date":"July 1, 2015","format":false,"excerpt":"The latest episode from HTTP 203, a series of talks about front-end development with Paul Lewis and Jake Archibald, takes a look at progressively loading assets. Jake makes the comparison between websites and the way that video games will let users download and play the first level instead of forcing\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":275984,"url":"https:\/\/css-tricks.com\/level-up-your-hosting-get-started-on-digitalocean-with-100\/","url_meta":{"origin":306792,"position":1},"title":"Level up your hosting. Get started on DigitalOcean with $100.","date":"September 6, 2018","format":false,"excerpt":"Tired of slow, unreliable web hosting? See how easy it is to self-host your next project on DigitalOcean's cloud platform. Build and manage ultra-fast websites, blogs, and other static web pages using our user-friendly control panel or simple API, all with a 99.99% uptime SLA. Save time using our One-Click\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":534,"url":"https:\/\/css-tricks.com\/using-weather-data-to-change-your-websites-apperance-through-php-and-css\/","url_meta":{"origin":306792,"position":2},"title":"Using Weather Data to Change Your Website’s Appearance through PHP and CSS","date":"February 16, 2008","format":false,"excerpt":"Using a little magic and trickery (read: PHP and CSS), we can change the appearance of a website automatically based on the weather outside, in real time! In the example site we have created, the header graphic will change to one of four different styles based on Sunny, Rain, Snow,\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":298445,"url":"https:\/\/css-tricks.com\/location-privilege-and-performant-websites\/","url_meta":{"origin":306792,"position":3},"title":"Location, Privilege and Performant Websites","date":"November 7, 2019","format":false,"excerpt":"Here\u2019s a wonderful reminder from Stephanie Stimac about web performance. She writes about a recent experience of moving to an area with an unreliable network and how this caused problems for her as she tried to figure out what was happening during a power blackout: Assuming all of your customers\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/08\/website-lightning.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":274996,"url":"https:\/\/css-tricks.com\/slow-websites\/","url_meta":{"origin":306792,"position":4},"title":"Slow Websites","date":"August 7, 2018","format":false,"excerpt":"The web has grown bigger. Both in expansiveness and weight. Nick Heer's \"The Bullshit Web\": The average internet connection in the United States is about six times as fast as it was just ten years ago, but instead of making it faster to browse the same types of websites, we\u2019re\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/08\/median-webpage-stats.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":317835,"url":"https:\/\/css-tricks.com\/apple-declined-to-implement-16-web-apis-in-safari-due-to-privacy-concerns\/","url_meta":{"origin":306792,"position":5},"title":"Apple declined to implement 16 Web APIs in Safari due to privacy concerns","date":"July 24, 2020","format":false,"excerpt":"Why? Fingerprinting. Rather than these APIs being used for what they are meant for, they end up being used for gross ad tech. As in, \"hey, we don't know exactly who you are, but wait, through a script we can tell your phone stopped being idle from 8:00 am to\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/01\/safari-technology-preview.jpg?fit=1200%2C600&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\/04\/challenge-css.png?fit=1024%2C512&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/306792"}],"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=306792"}],"version-history":[{"count":7,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/306792\/revisions"}],"predecessor-version":[{"id":307062,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/306792\/revisions\/307062"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/306940"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=306792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=306792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=306792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}