{⚔️} Day 1 of #CSSBattleDaily streak: Apr 11 — 615.22 score / 343 chars cssbattle.dev/play/ft5s82Fyf… via @css_battle

Also in v2.0.0 Light and dark modes 6 accent themes that stay readable Templates for common checklist scopes Improved Markdown export with WCAG level coverage summary

Big update: Contrast Inspector. Select a layer, press Check, get ratio and grade, plus a clear pass or fail status. Supports solid fills and single gradients. Swap to preview reversed contrast, Clear to reset.

Check out a11y Companion by Mark Learst on @figma: figma.com/community/widget/1… #figma #accessibility #a11y #UXDesign #development

Go take the State of #JavaScript 2025 survey if you have a minute! survey.devographics.com/surv…

🧪 Found a cool glass calendar design in Figma and wanted to test AI hallucination ChatGPT couldn't build it in pure CSS, so I did! ✨ Features: - Frosted glass backdrop blur - Two-layer gradient design - 100% CSS - no JavaScript codepen.io/marklearst/pen/zx… #CSS #AI #Frontend

Too easy but fun! I just beat Grid Garden, a game for learning CSS grid layout! cssgridgarden.com via @playcodepip

Most people treat AI like a shortcut to insight. It’s not. It’s a mirror. It reflects your clarity... or your confusion! If you don’t feed it real signal, it’ll remix the internet’s junk drawer with perfect fluency. Build with intent. Or don’t bother pressing Enter. #AI #buildinpublic #dev #design #signalovernoise #contextmatters

🩸 diabetic-utils v1.2.0 beta 1 just dropped. Clinical-grade math for CGM and A1C apps. No vibes. Just 100% test coverage and edge-case handling. 🧪 MAGE (Service 1970) 📊 SD, CV, Percentiles ✅ 34 targeted clinical tests 🔗 github.com/marklearst/diabet… #opensource #diabetes #typescript #CGM #healthtech

🩸 diabetic-utils v1.1.7 is out! Zero-bloat TypeScript utilities for working with diabetic health data: glucose, A1C, time-in-range, and more. 🔄 Updated automated CI/CD pipeline 📚 Enhanced documentation ✅ Improved quality checks Built for devs who want fast, typed calculations without the bloat. Now with better automation and test coverage to keep it clean. 📦 npmjs.com/package/diabetic-u… 💻 GitHub: github.com/marklearst/diabet… #typescript #diabetes #javascript #opensource

♿️ Just shipped: a11y Companion for Figma! Manual accessibility tracking shouldn’t slow teams down. This widget brings the full @A11YProject checklist into Figma: 60+ checks, async-ready Team facepile (see who checked what) Plain-language WCAG refs & tooltips Free, open source, built for QA/design crits/onboarding Give it a try, report bugs/feature ideas, or fork it for your team! Figma: figma.com/community/widget/1… GitHub: github.com/marklearst/a11y-c… #figma #a11y #accessibility #designsystems #figmawidgets #ux #opensource

♿️ Just shipped: a11y Companion for Figma! Manual accessibility tracking shouldn’t slow teams down. This widget brings the full @A11YProject checklist into Figma: 60+ checks, async-ready Team facepile (see who checked what) Plain-language WCAG refs & tooltips Free, open source, built for QA/design crits/onboarding Give it a try, report bugs/feature ideas, or fork it for your team! Figma: figma.com/community/widget/1… GitHub: github.com/marklearst/a11y-c… #figma #a11y #accessibility #designsystems #figmawidgets #ux #opensource

♿️ Just shipped: a11y Companion for Figma! Manual accessibility tracking shouldn’t slow teams down. This widget brings the full @A11YProject checklist into Figma: 60+ checks, async-ready Team facepile (see who checked what) Plain-language WCAG refs & tooltips Free, open source, built for QA/design crits/onboarding Give it a try, report bugs/feature ideas, or fork it for your team! Figma: figma.com/community/widget/1… GitHub: github.com/marklearst/a11y-c… #figma #a11y #accessibility #designsystems #figmawidgets #ux #opensource

♿️ Shipping real accessibility for real teams, right inside Figma. Let’s be real: accessibility can’t be an afterthought, or a box to tick before launch. So I built a11y Companion, a @figma widget powered by: The @A11YProject Checklist a11yproject.com/checklist/ (Not affiliated with The A11Y Project, just inspired by their checklist and passionate about accessibility.) Try it free and open source: Figma Community – a11y Companion figma.com/community/widget/1… • 60+ checks, fully categorized • Async team tracking with avatars; see who did what, when • Plain-language WCAG refs, focused navigation, custom checkboxes • Built for QA, crits, onboarding, and every remote product team Why? Because accessibility isn’t just compliance; it’s craft, and it’s how the best teams ship. @github → If you use it, report a bug, or want a new feature, let me know! github.com/marklearst/a11y-c… Learning Accessibility from the source: @MozDevNet developer.mozilla.org/en-US/… #figma #a11y #accessibility #designsystems #remotework #ux #webdevelopment #figma #inclusivedesign #digitalaccessibility #wcag

🩸 Just open-sourced `diabetic-utils` — a TypeScript library for glucose + A1C conversion logic. Built it while working on GlucoseIQ (Apple Watch + CGM). No more black box formulas. Fully typed. 100% tested. 🔗 GitHub: github.com/marklearst/diabet… 📎 Full write-up: bit.ly/45Elvie #TypeScript #OpenSource #HealthTech #DiabetesTech #CGM