#web (4,377 links)
- Design Tokens beyond colors, typography, and spacing. badootech.badoo.com
- Through a design system, darkly. — Ethan Marcotte ethanmarcotte.com
- “Making Design Systems Public,” an article from SuperFriendly superfriendlydesign.systems
- A Variable Fonts Primer variablefonts.io
- Morningstar Design System v2.35.0 - Versioning & Breaking Changes designsystem.morningstar.com
- Variable fonts: What brands need to know | Monotype. monotype.com
- Link Targets and 3.2.5 | Adrian Roselli adrianroselli.com
- Page Speed Benchmarks | SpeedCurve speedcurve.com
- Home | Utopia utopia.fyi
Utopia emerges when designers and developers share a systematic approach to fluidity in responsive design. Instead of designing for x number of arbitrary breakpoints, we can design a system within which elements scale proportionally and fluidly.
- LegraJS legrajs.com
- Micro Frontends martinfowler.com
How to split up your large, complex, frontend codebases into simple, composable, independently deliverable apps.
- I don’t understand micro-frontends. medium.com
- Today, the Trident Era Ends schepp.dev
- Retiring Internet Explorer textslashplain.com
It’s with love that I beg you… please let Internet Explorer retire to the great bitbucket in the sky. It’s time. It’s been time for a long time.
- Simplified Fluid Typography css-tricks.com
Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them). The core trickery comes from viewport units.
It’s hard to pick a font size that is just right, especially as you try to adapt to different screens and scenarios. Looking at the recent history of how we got here can give us some perspective.
- Checklist for Testing Web Page Functionality | MoT ministryoftesting.com
- Spec · 8-Point Grid spec.fm
- Next-generation web styling web.dev
Get up to date on some of the exciting features in modern CSS. Dec 5, 2019 Adam Argyle GitHub Glitch Una Kravets Twitter GitHub There are a ton of exciting…
- errata.ai errata.ai
Workflow and QA automation for collaborative writing.
- Microbrowsers Are Everywhere ◆ 24 ways 24ways.org
Colin Bendell 15 Dec ember 2019 Published in Code No comments You’ve seen it everywhere - that little thumbnail preview of a website mentioned in a tweet, the…
Mandy Michael 5 Dec ember 2019 Published in Code, Design No comments If you read Jason’s introductory article about variable fonts , you’ll understand the many…
- An Introduction to Variable Fonts ◆ 24 ways 24ways.org
Jason Pamental 4 Dec ember 2019 Published in Code No comments Everything you thought you knew about fonts just changed (for the better). Typography has always…
- aria-label Does Not Translate adrianroselli.com
5 Comments In response to Claire Brotherton. Try this: <a href="https://twitter.com/abrightclearweb"> <span class="fa fa-twitter"></span> <span…
- Stencil - A Compiler for Web Components - Stencil stenciljs.com
Stencil: A Compiler for Web Components Stencil is a compiler that generates Web Components (more specifically, Custom Elements). Stencil combines the best…
- Nice imports with Next.js remysharp.com
During my React based development, I'll find myself importing a module from '../../../components/Widget' and that ../../../ is anyone's guess if it's right…
- Antora antora.org
The multi-repository documentation site generator for tech writers who writing in AsciiDoc.
- A Modern CSS Reset - Andy Bell hankchizljaw.com
I think about and enjoy very boring CSS stuff—probably much more than I should do, to be honest. One thing that I’ve probably spent too much time thinking about…
- Same-Site Cookies By Default | text/plain textslashplain.com
- I’m Taking Ownership of My Tweets—zachleat.com zachleat.com
- Stop Misusing Toggle Switches uxmovement.com
At Figma, we recently tackled one of our biggest engineering challenges yet: supporting plugins. Our plugins API enables third-party developers to run code…
- Redux: Lazy loading youtube embeds remysharp.com
how best to embed youtube on your site, specifically to avoid the amount of scripts and tracking that's sent over the wire to your visitor.
...and support IE11.
Native lazy-loading for the web Browser-level native lazy-loading is finally here! Aug 6, 2019 Houssein Djirdeh GitHub Glitch Addy Osmani Twitter Glitch Mathias…
- Do React Hooks Replace Redux? medium.com
Since the React hooks API was introduced, a lot of questions have risen about whether or not React hooks will replace Redux. In my view, there is little overlap…