{"id":2947,"date":"2026-06-16T03:48:51","date_gmt":"2026-06-16T03:48:51","guid":{"rendered":"https:\/\/tucumandevelopers.com\/index.php\/2026\/06\/16\/whats-important-13-function-alpha-css-wordle-and-more\/"},"modified":"2026-06-16T03:48:51","modified_gmt":"2026-06-16T03:48:51","slug":"whats-important-13-function-alpha-css-wordle-and-more","status":"publish","type":"post","link":"https:\/\/tucumandevelopers.com\/index.php\/2026\/06\/16\/whats-important-13-function-alpha-css-wordle-and-more\/","title":{"rendered":"What\u2019s !important #13: @function, alpha(), CSS Wordle, and More"},"content":{"rendered":"<div>\n<div>\u2014 Una Kravets (<a href=\"https:\/\/bsky.app\/profile\/did:plc:kesmfbtx2loscqj7ktw5shtt?ref_src=embed\" rel=\"noopener\">@una.im<\/a>) <a href=\"https:\/\/bsky.app\/profile\/did:plc:kesmfbtx2loscqj7ktw5shtt\/post\/3mnf4c2gb5s2m?ref_src=embed\" rel=\"noopener\">13:28 \u00b7 Jun 3, 2026<\/a><\/p><\/blockquote>\n<p>Also, Chris Coyier showed us <a href=\"https:\/\/frontendmasters.com\/blog\/in-n-out-animations-dialogs-part-1-3\/\" rel=\"noopener\">how to animate <code>&lt;dialog&gt;<\/code>s<\/a>, which I think many of us know how to do already, but it\u2019s so easy to mess up. I have to Google it every time (it\u2019s those bleeping <code>@starting-style<\/code>s).<\/p>\n<h2 id=\"what-happened-at-css-day-2026\">What happened at CSS Day 2026?<\/h2>\n<p><a href=\"https:\/\/cssday.nl\/\" rel=\"noopener\">CSS Day<\/a>, the annual CSS community conference, was held in Amsterdam on the 11th and 12th of this month (so two days, technically). While there wasn\u2019t a livestream this year, recordings will become available in late June. Until then, check out <a href=\"https:\/\/bsky.app\/profile\/cssday.nl\" rel=\"noopener\">CSS Day on Bluesky<\/a> as well as the <a href=\"https:\/\/bsky.app\/search?q=%23cssday\" rel=\"noopener\">#CSSDay Bluesky feed<\/a> to see what happened on stage, what happened behind the scenes, and even the slides from some of the talks.<\/p>\n<figure><figcaption>Source: <a href=\"https:\/\/cssday.nl\/\" rel=\"noopener\">CSS Day<\/a>.<\/figcaption><\/figure>\n<p>And no, there weren\u2019t any flamethrowers this year, but it wasn\u2019t DOOM-free either (if you know, you know).<\/p>\n<h2 id=\"css-wordle\">CSS Wordle<\/h2>\n<p>What a week it\u2019s been, especially with everything that transpired at CSS Day, but if you have any energy left I highly recommend a round (or several rounds) of <a href=\"https:\/\/css-tricks.com\/author\/sunkanmifafowora\/\">Sunkanmi Fafowora<\/a>\u2019s <a href=\"https:\/\/css-questions.com\/css-wordle\" rel=\"noopener\">CSS Wordle<\/a>, which I\u2019ve literally been obsessed with for the last week.<\/p>\n<figure><figcaption>Source: <a href=\"https:\/\/css-questions.com\/css-wordle\" rel=\"noopener\">CSS-Questions<\/a> (don\u2019t worry, this was yesterday\u2019s answer).<\/figcaption><\/figure>\n<h2 id=\"new-web-platform-features-and-updates\">New web platform features and updates<\/h2>\n<ul>\n<li><a href=\"https:\/\/developer.chrome.com\/release-notes\/149\" rel=\"noopener\">Chrome 149<\/a>\n<ul>\n<li><a href=\"https:\/\/developer.chrome.com\/blog\/gap-decorations-stable\" rel=\"noopener\">Gap decorations<\/a> (now Baseline)<\/li>\n<li><a href=\"https:\/\/css-tricks.com\/almanac\/properties\/i\/image-rendering\/#:~:text=crisp%2Dedges%3A%20the%20contrast%2C%20colors%20and%20edges%20of%20the%20image%20will%20be%20preserved%20without%20any%20smoothing%20or%20blurring.%20This%20is%20intended%20for%20icons%2C%20data%20visualizations%2C%20diagrams%2C%20maps%2C%20pixel%20art%2C%20and%20anything%20with%20lines.%20This%20value%20applies%20to%20images%20scaled%20up%20or%20down.\"><code>image-rendering: crisp-edges<\/code><\/a> (now Baseline)<\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/Values\/basic-shape\/rect\" rel=\"noopener\"><code>rect()<\/code><\/a> and <a href=\"https:\/\/css-tricks.com\/almanac\/functions\/x\/xywh\/\"><code>xywh()<\/code><\/a> for <a href=\"https:\/\/css-tricks.com\/almanac\/properties\/s\/shape-outside\/\"><code>shape-outside<\/code><\/a> (now Baseline)<\/li>\n<li><a href=\"https:\/\/css-tricks.com\/almanac\/functions\/p\/path\/\"><code>path()<\/code><\/a> and <a href=\"https:\/\/css-tricks.com\/almanac\/functions\/s\/shape\/\"><code>shape()<\/code><\/a> for <a href=\"https:\/\/css-tricks.com\/almanac\/properties\/s\/shape-outside\/\"><code>shape-outside<\/code><\/a> (no Safari or Firefox support)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Until next time!<\/p>\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Fuente: <a href=\"https:\/\/css-tricks.com\/whats-important-13\/\">Art\u00edculo original<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2014 Una Kravets (@una.im) 13:28 \u00b7 Jun 3, 2026 Also, Chris Coyier showed us how to animate &lt;dialog&gt;s, which I think many of us know how to do already, but it\u2019s so easy to mess up. I have to Google it every time (it\u2019s those bleeping @starting-styles). What happened at CSS Day 2026? CSS Day, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2946,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[42],"tags":[],"class_list":["post-2947","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-csstricks"],"jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts\/2947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/comments?post=2947"}],"version-history":[{"count":0,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts\/2947\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/media\/2946"}],"wp:attachment":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/media?parent=2947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/categories?post=2947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/tags?post=2947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}