a great front-end developer is hyper-aware<\/a> of this split. Every choice we make is a trade-off between developer productivity and complexity management and the user’s experience. The trick is to punish the user as little as possible while giving yourself as much as you can.<\/p>\n","protected":false},"excerpt":{"rendered":"Jeremy on the divide between the core languages of the web, and all the tooling that exists to produce code in those languages: On the one hand, you\u2019ve got the raw materials of the web: HTML, CSS, and JavaScript. This is what users will ultimately interact with. On the other hand, you\u2019ve got all the […]<\/p>\n","protected":false},"author":3,"featured_media":272389,"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":"Every choice we make is a trade-off between developer productivity and complexity management and the user's experience.","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[17],"tags":[579,1308,659,1440],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/06\/balancing-time.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[{"id":358321,"url":"https:\/\/css-tricks.com\/inertia\/","url_meta":{"origin":286959,"position":0},"title":"Inertia","date":"December 7, 2021","format":false,"excerpt":"I've always like Jeremy's categorization of developer tools: I\u2019ve mentioned two categories of tools for web development. I still don\u2019t know quite what to call these categories. Internal and external? Developer-facing and user-facing?The first category covers things like build tools, version control, transpilers, pre-processers, and linters. These are tools that\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/12\/tools.png?fit=1200%2C599&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":158614,"url":"https:\/\/css-tricks.com\/abstraction-in-web-languages-and-variables-and-stuff\/","url_meta":{"origin":286959,"position":1},"title":"About Variables in CSS and Abstractions in Web Languages","date":"December 18, 2013","format":false,"excerpt":"Variables are coming to CSS. They already have implementations, so there is no stopping it now. Firefox has them in version 29 and Chrome has them unprefixed in 29+ if you have the \"Enable experimental Web Platform features\" flag turned on. To be clear, no amount of arguing on whether\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":311065,"url":"https:\/\/css-tricks.com\/user-agents\/","url_meta":{"origin":286959,"position":2},"title":"User agents","date":"May 19, 2020","format":false,"excerpt":"Jeremy beating the classic drum: For web development, start with HTML, then CSS, then JavaScript (and don\u2019t move on to JavaScript too quickly\u2014really get to grips with HTML and CSS first). And then... That\u2019s assuming you want to be a good well-rounded web developer. But it might be that you\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":358612,"url":"https:\/\/css-tricks.com\/embrace-the-platform\/","url_meta":{"origin":286959,"position":3},"title":"Embrace the Platform","date":"December 13, 2021","format":false,"excerpt":"So what is the one thing that people can do is to make their website better? To answer that, let's take a step back in time \u2026 The year is 1998, and the web is on the rise. In an attempt to give a high-level overview of the architecture of\u2026","rel":"","context":"In "2021 End-of-Year Thoughts"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/11\/toolbox-frameworks-scaled.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":352283,"url":"https:\/\/css-tricks.com\/imba\/","url_meta":{"origin":286959,"position":4},"title":"imba","date":"September 20, 2021","format":false,"excerpt":"It's not every day you see a new processor for building websites that reinvents the syntax for HTML and CSS and JavaScript. That's what imba is doing. That's an awful lot of vendor lock-in, but I guess if you get over the learning curve and it helps you build performant\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/09\/imba.png?fit=1200%2C611&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":355395,"url":"https:\/\/css-tricks.com\/responsible-javascript-2\/","url_meta":{"origin":286959,"position":5},"title":"Responsible JavaScript","date":"November 2, 2021","format":false,"excerpt":"High five to Jeremy on the big release of Responsible JavaScript on A Book Apart. There is a lot of talk about how the proliferation of JavaScript has had a negative impact on the web, but now we have the canonical reference tome. The book is just chock-full of Jeremy\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/11\/responsible-javascript-book-cover-aba.png?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\/2018\/06\/balancing-time.png?fit=1024%2C512&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/286959"}],"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=286959"}],"version-history":[{"count":6,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/286959\/revisions"}],"predecessor-version":[{"id":287290,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/286959\/revisions\/287290"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/272389"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=286959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=286959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=286959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}