marklearst's profile picture. 👨🏻‍💻 Sr Design Engineer • Design Technologist | React, TypeScript, Tailwind CSS, Figma, Motion, Accessibility, AI • 🌿 Herb Stack Architect • 🍵 Tea Renderer

Mark Learst

@marklearst

👨🏻‍💻 Sr Design Engineer • Design Technologist | React, TypeScript, Tailwind CSS, Figma, Motion, Accessibility, AI • 🌿 Herb Stack Architect • 🍵 Tea Renderer

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


🧪 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… #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

marklearst's tweet image. 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…

🩸 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/dia… #opensource #diabetes

marklearst's tweet image. 🩸 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/dia…

#opensource #diabetes…

Mark Learst 已转帖

Thoughts on @Airbnb’s new design system?

来自 Andreas Storm

🩸 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…

marklearst's tweet image. 🩸 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…

♿️ 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…

marklearst's tweet image. ♿️ 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…

♿️ 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…

marklearst's tweet image. ♿️ 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…

♿️ 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…

marklearst's tweet image. ♿️ 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…

♿️ 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…

marklearst's tweet image. ♿️ 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…

🩸 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/dia… 📎 Full write-up:…

marklearst's tweet image. 🩸 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/dia…
📎 Full write-up:…

Mark Learst 已转帖

😋 Bite-sized accessibility Quickly learn accessibility in under 150 words at a time. ✍️ Blogs 📘 Books 📺 Courses 🎨 Contrast 🔎 Testing tools Start learning accessibility one bite at a time👇 bite-sized-a11y.com By Adam Laki

AdhamDannaway's tweet image. 😋 Bite-sized accessibility 

Quickly learn accessibility in under 150 words at a time.

✍️ Blogs
📘 Books
📺 Courses
🎨 Contrast
🔎 Testing tools

Start learning accessibility one bite at a time👇
bite-sized-a11y.com

By Adam Laki

The brain is the interface. The body, a system. Clean inputs = better clarity, energy, and recovery. Teas, adaptogens, minerals • hand-picked components via @iHerb. 🔗 iherb.co/o8VyrWt

marklearst's tweet image. The brain is the interface.

The body, a system.

Clean inputs = better clarity, energy, and recovery.

Teas, adaptogens, minerals • hand-picked components via @iHerb.

🔗 iherb.co/o8VyrWt

Loading...

Something went wrong.


Something went wrong.