{"id":2541,"date":"2009-04-10T06:24:31","date_gmt":"2009-04-10T13:24:31","guid":{"rendered":"http:\/\/css-tricks.com\/?p=2541"},"modified":"2009-04-10T08:48:42","modified_gmt":"2009-04-10T15:48:42","slug":"css-is-like","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/css-is-like\/","title":{"rendered":"CSS is like…"},"content":{"rendered":"

I mused on Twitter<\/a> recently:<\/p>\n

CSS is like chess. You can learn the basics in a day and spend a lifetime mastering it.<\/p><\/blockquote>\n

I quickly thought it would be fun to collect other people’s ideas on what CSS is like. Here is what you said:<\/p>\n

@BenTortora<\/a>:<\/h3>\n

CSS is like a girlfriend. No matter how hard you try, she will always interpret it a different way.<\/p><\/blockquote>\n

@colinismyname<\/a>:<\/h3>\n

CSS is like marching orders for pixels.<\/p><\/blockquote>\n

@peterwilsoncc<\/a>:<\/h3>\n

CSS is like religion; People quickly become fundamentalists.<\/p><\/blockquote>\n

@lise_latorre<\/a>:<\/h3>\n

CSS is like doing puzzles all day and getting paid for it.<\/p><\/blockquote>\n

<\/p>\n

@BreRoz<\/a>:<\/h3>\n

CSS is like a pencil to paper; I get any result I want!<\/p><\/blockquote>\n

@frankstallone<\/a>:<\/h3>\n

CSS is like a river, it is always flowing and you have to go with the current not against it.<\/p><\/blockquote>\n

@rayFinkle<\/a>:<\/h3>\n

CSS is like clothes for your HTML.<\/p><\/blockquote>\n

@bdsexton<\/a>:<\/h3>\n

CSS is like an STD; it’s unpleasant and you’re stuck with it.<\/p><\/blockquote>\n

@joemsak<\/a>:<\/h3>\n

CSS is like giving your girlfriend sexy lingerie. She’s already formed well, but you like when she dresses up.<\/p><\/blockquote>\n

@propstm<\/a>:<\/h3>\n

CSS is like pants. You don’t have to use it. But you look silly without it.<\/p><\/blockquote>\n

@jarret23<\/a>:<\/h3>\n

CSS is like a box of chocolates you never know what your gonna get.<\/p><\/blockquote>\n

@iEthan<\/a>:<\/h3>\n

CSS is like an old man that doesn’t know what he’s doing or where he is.<\/p><\/blockquote>\n

Bobby Phillipps:<\/h3>\n

CSS is like a Rubik’s cube. Sometimes you’ll line one part up, but that completely screws up something else you had lined up.<\/p><\/blockquote>\n

Fede Isas:<\/h3>\n

CSS is like an old Beatles’s song. Simple, but still beautiful.<\/p><\/blockquote>\n

Mike Rogers:<\/h3>\n

CSS is like an old man’s wiener, some times it just doesn’t work the way it’s suppose to.<\/p><\/blockquote>\n

 <\/p>\n

Of course, feel free to leave your own in the comments!<\/p>\n","protected":false},"excerpt":{"rendered":"

I mused on Twitter recently: CSS is like chess. You can learn the basics in a day and spend a lifetime mastering it. I quickly thought it would be fun to collect other people’s ideas on what CSS is like. Here is what you said: @BenTortora: CSS is like a girlfriend. No matter how hard […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","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],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":330779,"url":"https:\/\/css-tricks.com\/hell-yes-css\/","url_meta":{"origin":2541,"position":0},"title":"Hell Yes! CSS!","date":"December 15, 2020","format":false,"excerpt":"Speaking of cool CSS stuff you can buy, Julia Evans' zine Hell Yes! CSS! is hot off the presses. A \"zine\" being 28 pages of \"short, informative, and fun comics which will quickly teach you something useful.\" Some parts of it are like cheat sheets. Some parts of it are\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/12\/hell-yess-css.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":353179,"url":"https:\/\/css-tricks.com\/quickly-testing-css-fallbacks\/","url_meta":{"origin":2541,"position":1},"title":"Quickly Testing CSS Fallbacks","date":"October 4, 2021","format":false,"excerpt":"Dumb trick alert! Not all browsers support all features. Say you want to write a fallback for browsers that doesn't support CSS Grid. Not very common these days, but it's just to illustrate a point. You could write the supporting CSS in an @supports blocks: @supports (display: grid) { .blocks\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-04-at-7.23.22-AM.png?fit=1200%2C785&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":306641,"url":"https:\/\/css-tricks.com\/no-class-css-frameworks\/","url_meta":{"origin":2541,"position":2},"title":"No-Class CSS Frameworks","date":"April 13, 2020","format":false,"excerpt":"I linked up Water.css not long ago as an interesting sort of CSS framework. No classes. No

. You just use semantic HTML and get styles. Is that going to \"scale\" very far? Probably not, but it sure is handy for styling things quickly, where \u2014 of course \u2014\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/04\/classless-css-framework-logos.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":311065,"url":"https:\/\/css-tricks.com\/user-agents\/","url_meta":{"origin":2541,"position":3},"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":170022,"url":"https:\/\/css-tricks.com\/updated-flexbox-guide\/","url_meta":{"origin":2541,"position":4},"title":"Updated Flexbox Guide","date":"May 14, 2014","format":false,"excerpt":"Worth mentioning here: I updated the Complete Guide to Flexbox here on the site that Kitty Giraudel originally helped me with. The idea was to have the complete set of information there, but quickly get to the references to the properties, what they do, and which elements they go on.","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":331541,"url":"https:\/\/css-tricks.com\/whack-a-mole-the-css-edition\/","url_meta":{"origin":2541,"position":5},"title":"Whack-a-Mole: The CSS Edition","date":"January 6, 2021","format":false,"excerpt":"We\u2019ve seen the checkbox hack and how it can be used to build a complete state machine in CSS. Today, we\u2019ll take that line of thought a step further and build a simple game of Whack-A-Mole, where the player needs to react quickly to win \u2026 all without a touch\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/12\/whack-a-mole-css.jpg?fit=1200%2C600&ssl=1&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\/2541"}],"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=2541"}],"version-history":[{"count":13,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/2541\/revisions"}],"predecessor-version":[{"id":2569,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/2541\/revisions\/2569"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=2541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=2541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=2541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}