A Nerd\u2019s Guide to Color on the Web<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"I read a few stories about math lately.<\/p>\n","protected":false},"author":3,"featured_media":250910,"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],"tags":[837,1115],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2017\/02\/math.png?fit=1090%2C544&ssl=1","jetpack-related-posts":[{"id":336679,"url":"https:\/\/css-tricks.com\/platform-news-prefers-contrast-mathml-is-and-css-background-initial-values\/","url_meta":{"origin":250906,"position":0},"title":"Platform News: Prefers Contrast, MathML, :is(), and CSS Background Initial Values","date":"March 19, 2021","format":false,"excerpt":"In this week\u2019s round-up, prefers-contrast lands in Safari, MathML gets some attention, :is() is actually quite forgiving, more ADA-related lawsuits, inconsistent initial values for CSS Backgrounds properties can lead to unwanted \u2014 but sorta neat \u2014 patterns. The prefers-contrast: more media query is supported in Safari Preview After prefers-reduced-motion in\u2026","rel":"","context":"In "Weekly Platform News"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/03\/wpn-20210319.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":20077,"url":"https:\/\/css-tricks.com\/new-poll-alt-text-usage\/","url_meta":{"origin":250906,"position":1},"title":"New Poll: alt Text Usage","date":"February 1, 2013","format":false,"excerpt":"Alt text has come up a bunch of times for me recently. One reader wrote to me asking if people really use them anymore. He does and said \"I feel alone in carrying out the good fight.\" ALA posted a reminder about when using alt text is unnecessarily repetitive. I\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":337574,"url":"https:\/\/css-tricks.com\/designing-calculator-apps\/","url_meta":{"origin":250906,"position":2},"title":"Designing calculator apps","date":"April 1, 2021","format":false,"excerpt":"It is extremely weird that the calculator apps, even the default ones baked into desktop operating systems, embrace the UI and UX of those little cheap-o plastic physical calculators. I like what Florens Verschelde's Math teacher had to say: I had a Math teacher who would ban pocket calculators that\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/03\/old-calculator.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":335045,"url":"https:\/\/css-tricks.com\/to-the-brain-reading-computer-code-is-not-the-same-as-reading-language\/","url_meta":{"origin":250906,"position":3},"title":"To the brain, reading computer code is not the same as reading language","date":"February 22, 2021","format":false,"excerpt":"One of the things I do when teaching beginning front-end development is ask students to describe what it's like to read HTML. I give them pretty basic markup for a long-form article, and ask them to read it twice: first in the code, then on the front end. The #1\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/06\/brain-gears.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":303361,"url":"https:\/\/css-tricks.com\/understanding-web-accessibility-color-contrast-guidelines-and-ratios\/","url_meta":{"origin":250906,"position":4},"title":"Understanding Web Accessibility Color Contrast Guidelines and Ratios","date":"February 19, 2020","format":false,"excerpt":"What should you do when you get a complaint about the color contrast in your web design? It might seem perfectly fine to you because you\u2019re able to read content throughout the site, but to someone else, it might be a totally different experience. How can put yourself in that\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/02\/contrast-checker.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":343671,"url":"https:\/\/css-tricks.com\/trigonometry-in-css-and-javascript-beyond-triangles\/","url_meta":{"origin":250906,"position":5},"title":"Trigonometry in CSS and JavaScript: Beyond Triangles","date":"July 5, 2021","format":false,"excerpt":"Web design is such a rectangle-based design medium that literally any deviation from it feels fresh. Michelle Barker gets into using math in various ways to programmatically draw lines, shapes, and animations that end up looking both beautiful and have that \"I could use this\" feel. CodePen Embed Fallback","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-01-at-9.41.15-AM.png?fit=946%2C982&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/250906"}],"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=250906"}],"version-history":[{"count":3,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/250906\/revisions"}],"predecessor-version":[{"id":250911,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/250906\/revisions\/250911"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/250910"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=250906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=250906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=250906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}