{
  "$type": "site.standard.document",
  "content": {
    "$type": "at.markpub.markdown",
    "flavor": "gfm",
    "renderingRules": "markdown-it",
    "text": {
      "$type": "at.markpub.text",
      "markdown": "## Context\n\n> for all things Svelte, see [How to Stay Up-to-Date in Svelte](/notes/how-to-stay-up-to-date-in-svelte/)\n\nI recently gave an [intro-like talk](/notes/correlcon-2025-dataviz-web-svelte/) on building data visualizations for the web with Svelte and the Web Platform (vanilla HTML & CSS) at the [CorrelCon 2025](https://correlaid.org/veranstaltungen/correlcon2025/) - [CorrelAid](https://correlaid.org/en)'s annual convention (and 10-year anniversary) for Data4Good volunteers.\n\nAmong other things I was asked **where to find learning materials and how to stay up-to-date** regarding the web platform / CSS in particular. So I decided to compile a list of those people and resources that I'm following / learning from currently.\n\nObviously, it's my personal opinion and by no means exhaustive, complete or omitting someone on purpose. I will update the list over time. Also, I'm a CSS purist and don't use Tailwind.\n\n> - this list is in no particular order\n> - most people and accounts here are active on Bluesky\n> - most blogs have RSS feeds.\n> - entries here link to a good representative article or resource - you might then want to subscribe or follow them on social media and / or browse their archives\n\n## Selected CSS & Web Platform People & Resources\n\nFirst, I want to point out to resources that I use every time I consider using a new Web Platform feature (be it HTML, CSS, or JavaScript):\n\n- **Can I Use** - go-to resource for checking detailed (as in: measured) browser support for single features: <https://caniuse.com/css-container-queries>\n  - e.g. in public-facing general-audience projects, I don't use features if they don't approach 95% and when there's no performant polyfill\n- Google's **Baseline** project - esp. helpful for identifying which new-ish features to consider using in upcoming projects: <https://web.dev/baseline>\n- <details><summary>Case study: popover API - Baseline or not?</summary><ol><li>Baseline-team announced the popover API to be \"Baseline-available\" in <a href=\"https://web.archive.org/web/20240426082308/https://web.dev/blog/popover-api\" target=\"_blank\">2024-04-16</a></li><li>A week later, they <a href=\"https://web.dev/blog/popover-api\" target=\"_blank\">withdrew the announcement</a></li><li>popover API became \"Baseline Newly available\" in <a href=\"https://web.dev/blog/popover-baseline\" target=\"_blank\">January 2025</a></li><li>as of 2025-07-07, <a href=\"https://caniuse.com/mdn-api_htmlelement_popover\" target=\"_blank\">caniuse.com shows 89,39% support</a> for the most basic parts of the API </li></ol></details>\n\nNow, my list of recommended CSS, Web Platform (and Accessibility) people and resources:\n\n### 🆕 Ongoing Updates\n\n- \"**You don't need JS**\" - Lyra Rebane (lyra.horse) with a compact assessment of baseline HTML & CSS in 2025: <https://lyra.horse/blog/2025/08/you-dont-need-js/>\n- Blake Watson - **HTML for people**: <https://htmlforpeople.com/>\n- Always Twisted - **Un-Sass'ing my CSS**: <https://www.alwaystwisted.com/articles/UnSassing-my-CSS>\n- very comprehensive resource on **writing minimal & valid HTML** by [Jens Oliver Meiert](https://meiert.com/blog/minimal-and-valid-html/) (who also runs [Frontend Dogma](https://bsky.app/profile/frontenddogma.com))\n- **Annual State of CSS** Survey [2025 survey results](https://2025.stateofcss.com/en-US)\n- Jono Alderson - **Why semantic HTML still matters**: <https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/>\n- **CSS Nouveau** by Jared White - free **CSS course**: <https://www.spicyweb.dev/css-nouveau/>\n\n### Initial List\n\n- **Jhey** - the CSS wizard, who shares all of his demos as code snippets <https://bsky.app/profile/jhey.dev>\n- **Learn with Jason** (Streaming)  \n  <https://codetv.dev/series/learn-with-jason/s8/how-to-make-a-design-system-thats-not-boring>\n- **Josh W. Comeau**\n  - great, often interactive blog posts: <https://www.joshwcomeau.com/css/interactive-guide-to-grid/>\n  - CSS-for-Developers course: <https://css-for-js.dev/>\n- **Miriam „Mia“ Suzanne** (CSS Working Group member!) is working on a CSS video course. Also check out the Smashing Meets link in this list.\n  Waitlist: <https://www.oddbird.net/learn/courses/design-with-code/>\n- **Annual State of HTML** Survey - last year's results <https://2024.stateofhtml.com/en-US>\n- **CSS Tricks** <https://css-tricks.com/color-everything-in-css/>\n- **Jake Archibald** <https://jakearchibald.com/2025/animating-zooming/>\n- **Mozilla's MDN** - Developer documentation and articles on all things Web API (make sure to turn off the automated translation tho!)  \n  <https://developer.mozilla.org/en-US/>\n- **Lola Odelola** - working on the remarkable effort of integrating accesibility data into MDN <https://lolaslab.co/blog/>\n- **Sara Soueidan** (THE web accessibility educator)\n  - Blog <https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-2/>\n  - THE Course: <https://practical-accessibility.today/>\n- **Adam Argyle** (ex Chrome DevRel) <https://nerdy.dev/>\n- **Una Kravets** (Chrome DevRel Lead) <https://una.im/popover-hint/>\n- **Brams** (Chrome DevRel) <https://www.bram.us/2025/01/20/css-attr-gets-an-upgrade/>\n- **Ana Tudor** - among many things a SVG wizard <https://thebabydino.github.io/>\n- **Ahmad Shadeed** - great, often interactive content <https://ishadeed.com/article/css-container-query-guide/>\n- **Frontend Masters** (Blog + Courses) <https://frontendmasters.com/blog/understanding-css-corner-shape-and-the-power-of-the-superellipse/>\n  all courses are included in a single paid subscription - but they are best-in-class\n- **CSS Tip** <https://css-tip.com/invert-shape/>\n- **T. Atif** (who runs CSS Tip) <https://bsky.app/profile/css-only.dev>\n- **Stefan Judis** - Newsletter <https://www.stefanjudis.com/blog/web-weekly-160/>\n- **Stephanie Walter** (more UX-leaning but great newsletter) <https://stephaniewalter.design/blog/pixels-of-the-week-july-6-2025/>\n- **Smashing Mag** (a bit expensive courses, but affordable books as well as a free blog and streaming events) <https://www.smashingmagazine.com/2015/12/getting-started-css-calc-techniques/>\n  - last **Smashing Meet** livestream event was about CSS - 3 awesome talks <https://bsky.app/profile/fubits.dev/post/3llw3xjalqs27>\n- **SyntaxFM** (my favourite developer podcast)\n  here's the most recent CSS episode <https://syntax.fm/show/900/13-new-css-features-you-can-start-using-today>\n- **Chrome’s [web.dev](https://web.dev)** blog <https://web.dev/blog/font-size-adjust>\n\nDid I miss a great person, account or resource? Do you follow other non-male educators? Ping me on [Bluesky](https://bsky.app/profile/fubits.dev) or send me an [email](mailto:ilja@fubits.dev).\n"
    }
  },
  "path": "/notes/web-platform-css-resources/",
  "publishedAt": "2025-07-07T00:00:00.000Z",
  "site": "at://did:plc:6aglx53tojyuwxwueap5og3h/site.standard.publication/self",
  "tags": [
    "Web Development",
    "CSS",
    "Frontend",
    "Accessibility",
    "HTML",
    "Web Platform",
    "Baseline"
  ],
  "textContent": "Context\n\nfor all things Svelte, see How to Stay Up-to-Date in Svelte\n\nI recently gave an intro-like talk on building data visualizations for the web with Svelte and the Web Platform (vanilla HTML & CSS) at the CorrelCon 2025 - CorrelAid's annual convention (and 10-year anniversary) for Data4Good volunteers.\n\nAmong other things I was asked where to find learning materials and how to stay up-to-date regarding the web platform / CSS in particular. So I decided to compile a list of those people and resources that I'm following / learning from currently.\n\nObviously, it's my personal opinion and by no means exhaustive, complete or omitting someone on purpose. I will update the list over time. Also, I'm a CSS purist and don't use Tailwind.\n\nthis list is in no particular order\nmost people and accounts here are active on Bluesky\nmost blogs have RSS feeds.\nentries here link to a good representative article or resource - you might then want to subscribe or follow them on social media and / or browse their archives\n\nSelected CSS & Web Platform People & Resources\n\nFirst, I want to point out to resources that I use every time I consider using a new Web Platform feature (be it HTML, CSS, or JavaScript):\n\nCan I Use - go-to resource for checking detailed (as in: measured) browser support for single features: https://caniuse.com/css-container-queries\ne.g. in public-facing general-audience projects, I don't use features if they don't approach 95% and when there's no performant polyfill\nGoogle's Baseline project - esp. helpful for identifying which new-ish features to consider using in upcoming projects: https://web.dev/baseline\n<details><summary>Case study: popover API - Baseline or not?</summary><ol><li>Baseline-team announced the popover API to be \"Baseline-available\" in <a href=\"https://web.archive.org/web/20240426082308/https://web.dev/blog/popover-api\" target=\"_blank\">2024-04-16</a></li><li>A week later, they <a href=\"https://web.dev/blog/popover-api\" target=\"_blank\">withdrew the announcement</a></li><li>popover API became \"Baseline Newly available\" in <a href=\"https://web.dev/blog/popover-baseline\" target=\"_blank\">January 2025</a></li><li>as of 2025-07-07, <a href=\"https://caniuse.com/mdn-api_htmlelement_popover\" target=\"_blank\">caniuse.com shows 89,39% support</a> for the most basic parts of the API </li></ol></details>\n\nNow, my list of recommended CSS, Web Platform (and Accessibility) people and resources:\n\n🆕 Ongoing Updates\n\n\"You don't need JS\" - Lyra Rebane (lyra.horse) with a compact assessment of baseline HTML & CSS in 2025: https://lyra.horse/blog/2025/08/you-dont-need-js/\nBlake Watson - HTML for people: https://htmlforpeople.com/\nAlways Twisted - Un-Sass'ing my CSS: https://www.alwaystwisted.com/articles/UnSassing-my-CSS\nvery comprehensive resource on writing minimal & valid HTML by Jens Oliver Meiert (who also runs Frontend Dogma)\nAnnual State of CSS Survey 2025 survey results\nJono Alderson - Why semantic HTML still matters: https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/\nCSS Nouveau by Jared White - free CSS course: https://www.spicyweb.dev/css-nouveau/\n\nInitial List\n\nJhey - the CSS wizard, who shares all of his demos as code snippets https://bsky.app/profile/jhey.dev\nLearn with Jason (Streaming)\nhttps://codetv.dev/series/learn-with-jason/s8/how-to-make-a-design-system-thats-not-boring\nJosh W. Comeau\ngreat, often interactive blog posts: https://www.joshwcomeau.com/css/interactive-guide-to-grid/\nCSS-for-Developers course: https://css-for-js.dev/\nMiriam „Mia“ Suzanne (CSS Working Group member!) is working on a CSS video course. Also check out the Smashing Meets link in this list.\nWaitlist: https://www.oddbird.net/learn/courses/design-with-code/\nAnnual State of HTML Survey - last year's results https://2024.stateofhtml.com/en-US\nCSS Tricks https://css-tricks.com/color-everything-in-css/\nJake Archibald https://jakearchibald.com/2025/animating-zooming/\nMozilla's MDN - Developer documentation and articles on all things Web API (make sure to turn off the automated translation tho!)\nhttps://developer.mozilla.org/en-US/\nLola Odelola - working on the remarkable effort of integrating accesibility data into MDN https://lolaslab.co/blog/\nSara Soueidan (THE web accessibility educator)\nBlog https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-2/\nTHE Course: https://practical-accessibility.today/\nAdam Argyle (ex Chrome DevRel) https://nerdy.dev/\nUna Kravets (Chrome DevRel Lead) https://una.im/popover-hint/\nBrams (Chrome DevRel) https://www.bram.us/2025/01/20/css-attr-gets-an-upgrade/\nAna Tudor - among many things a SVG wizard https://thebabydino.github.io/\nAhmad Shadeed - great, often interactive content https://ishadeed.com/article/css-container-query-guide/\nFrontend Masters (Blog + Courses) https://frontendmasters.com/blog/understanding-css-corner-shape-and-the-power-of-the-superellipse/\nall courses are included in a single paid subscription - but they are best-in-class\nCSS Tip https://css-tip.com/invert-shape/\nT. Atif (who runs CSS Tip) https://bsky.app/profile/css-only.dev\nStefan Judis - Newsletter https://www.stefanjudis.com/blog/web-weekly-160/\nStephanie Walter (more UX-leaning but great newsletter) https://stephaniewalter.design/blog/pixels-of-the-week-july-6-2025/\nSmashing Mag (a bit expensive courses, but affordable books as well as a free blog and streaming events) https://www.smashingmagazine.com/2015/12/getting-started-css-calc-techniques/\nlast Smashing Meet livestream event was about CSS - 3 awesome talks https://bsky.app/profile/fubits.dev/post/3llw3xjalqs27\nSyntaxFM (my favourite developer podcast)\nhere's the most recent CSS episode https://syntax.fm/show/900/13-new-css-features-you-can-start-using-today\nChrome’s web.dev blog https://web.dev/blog/font-size-adjust\n\nDid I miss a great person, account or resource? Do you follow other non-male educators? Ping me on Bluesky or send me an email.",
  "title": "Curated List: Web Platform, CSS, Accessibility",
  "updatedAt": "2025-08-30T00:00:00.000Z"
}