#web (3832 links)
- Internet Explorer 11 desktop app retirement FAQ - Microsoft Tech Community techcommunity.microsoft.com
More nuance to this than first realised.
- Inertia - CSS-Tricks css-tricks.com
Astro to me feels very much like a developer-facing tool. It helps me. It uses the Vite compiler and is super fast and pleasant to work with (Astro has rough edges, for sure, as it’s pre 1.0, but the DX is largely there). It scopes my styles. It lets me write SCSS. It lets me write components (in many different frameworks). But it also helps the user here. No more JavaScript bundle on the site at all.
- Open Props open-props.style
Supercharged CSS variables.
- In Praise of the Unambiguous Click Menu | CSS-Tricks css-tricks.com
- A History of Design Systems on the Web - The History of the Web thehistoryoftheweb.com
- Build a Better Mobile Input better-mobile-inputs.netlify.app
- Sam Newman - Backends For Frontends samnewman.io
- gridless.design gridless.design
For the purposes of the following observations and examples we'll be referring to the grid used for user interface (UI) design to layout a web page or application. This is commonly known as the n-column grid or the n-pixel grid.
- The Baked Data architectural pattern simonwillison.net
So it works out that, yet again, the ecosystem is ready for some pretty big changes to happen to CSS. The engineers at Chrome and across the web platform are prototyping, speccing, and starting the implementation for the next era of responsive design. These updates include user-preference based media features, container queries, and media queries for new screen types, such as foldable screens.
- Islands Architecture jasonformat.com
The general idea of an “Islands” architecture is deceptively simple: render HTML pages on the server, and inject placeholders or slots around highly dynamic regions. These placeholders/slots contain the server-rendered HTML output from their corresponding widget. They denote regions that can then be "hydrated" on the client into small self-contained widgets, reusing their server-rendered initial HTML.
Good name for it.
- Building a Monorepo with Yarn 2 | Heroku blog.heroku.com
- It's 2021, and You Should Switch to Yarn 2, Already! spin.atomicobject.com
- How we internationalized our number field – React Spectrum Blog react-spectrum.adobe.com
- The Humble <img> Element And Core Web Vitals — Smashing Magazine smashingmagazine.com
- Butterick’s Practical Typography 2nd edition practicaltypography.com
New in the second edition: emoticons and emoji, metrics vs. optical spacing, free fonts, Century Schoolbook alternatives, grids, screen-reading considerations, responsive web design, how to work with a designer, the copyright status of fonts, how this book was made, and typographic humor.
- Banked: Shipping web components in 2020 banked.com
This actually feels like a very sane use-case for Web Components. Interesting journey from Vanilla JS to raw Web Components to tooling + Web Components.
- Web Development History webdevelopmenthistory.com
An ongoing project to chronicle the history of the internet from a developer perspective.
- A Complete Guide To Accessible Front-End Components — Smashing Magazine smashingmagazine.com
- Simplified data requests with 11ty · Jan Früchtl fruechtl.me
Where it becomes very convenient for user interfaces, and we'll take the example of React here, is that instead of maintaining additional fields in your state to display or not an error (which will likely be desynchronized by mistake, since there's a human responsibility to maintain it), you can store a result value in your component state, and explode it directly in the render function to derive what you need to display.
- Application State Management with React kentcdodds.com
- How to avoid layout shifts caused by web fonts – Simon Hearne simonhearne.com
- John Doe’s page john-doe.neocities.org
This website is a single HTML file. It simply uses the #anchor suffix (from 1992) and the :target CSS selector to show and hide pages/content.
- Optimizing image loading 2021 industrialempathy.com
- All Websites Look The Same - NoVolume, Web Design Blog novolume.co.uk
When was the last time you saw a website that didn’t have a huge image fitting to the screen with some giant text overlaid on it?
From 2015!
The Presentation Layer, our React-based rendering layer for the new BBC website, is a monorepo that includes the design system. Only web pages created in the monorepo can use the design system. And, most importantly, any changes to components in the design system are rolled out instantly.
- N26 and lack of JavaScript hugogiraudel.com
- Rendering Spectrum | CSS-Tricks css-tricks.com
- If not SPAs, What? - macwright.com macwright.com
- Accessibility Support a11ysupport.io
Will your code work with assistive technologies?
- Snowpack vs. webpack - LogRocket Blog blog.logrocket.com
- Cookieless domains in an HTTP/2 world | Theodo blog.theodo.com
- Geri Reid - Forms best practice gerireid.com
- AVIF has landed - JakeArchibald.com jakearchibald.com
Fewer than I'd expected :(
- Generating Component Markup with React in Storybook for HTML degdigital.com
A different take to the 2016 version.