#web (3832 links)
- Orbit CSS Radial Framework zumerlab.github.io
Create radial interfaces using only CSS.
- Subcomponents. Relinquish control, offer parts, and… | by Nathan Curtis | EightShapes | Medium medium.com
For most design systems, solving for every feature to support every case is a fool’s errand. Yet, design system practitioners cringe when a designer detaches a Figma component or developer codes a component from scratch.
Another classic from Nathan
- New CSS that can actually be used in 2024 | Thomasorus thomasorus.com
Great list.
- Styling Light DOM htmlwithsuperpowers.netlify.app
- CSS Classes considered harmful - Keith Cirkel keithcirkel.co.uk
Class names are an archaic system that serves as a poor proxy for your UI primitives, and worse they're co-opted in awkward ways which results in combinatorial explosion of weird edge cases.
An interesting take, with a proposal attached.
- Inheritable styles pierce the Shadow DOM | HTML with Superpowers htmlwithsuperpowers.netlify.app
The Shadow DOM behaves like an <iframe> in its encapsulation. The Shadow DOM inherits some of the same quirks in the form of inheritable styles. Inheritable styles are styles that inherit the styles from their parent. Here's a list.
- LUME lume.io
Lume advances the capabilities of HTML rendering in the web, gifting you new HTML elements for crafting graphically-rich hardware-accelerated visual experiences that include 3D models, lighting, shadow, reflection, and more.
- Sanding UI - Jim Nielsen’s Blog blog.jim-nielsen.com
This is the way to do it. It's also what tends to get cut in most ticket-focussed orgs.
- SCREEN SIZE MAP » Compare viewport sizes screensizemap.com
- Design systems should do less - by Josh Cusick joshcusick.substack.com
Strongly feeling the "design systems should do as much as makes sense and no more" and the "design system teams should try to avoid building the entire UI for their organisation" problems.
- Going offroad for a better design system uxdesign.cc
Building flexible design systems just like my Nissan Xterra.
- Plain Vanilla plainvanillaweb.com
An explainer for doing web development using only vanilla techniques. No tools, no frameworks — just HTML, CSS, and JavaScript.
- Google Now Defaults to Not Indexing Your Content vincentschmalbach.com
From my experience, Google now seems to operate on a "default to not index" basis. It only includes content in its index when it perceives a genuine need.
- web.dev - baseline web.dev
Baseline gives you clear information about which web platform features are ready to use in your projects today. When reading an article, or choosing a library for your project, if the features used are all part of Baseline, you can trust the level of browser compatibility. By aligning with Baseline, there should be no surprises when testing your site.
- Dark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer. stephaniewalter.design
Let’s talk about dark mode and accessibility! There’s a myth that dark mode is good for accessibility, because it improves text readability (among other things). As always, when it comes to accessibility, it’s not black or white (haha, color pun intended). We can’t really generalize, so, the answer is often, “it depends”, dark mode can make it better for some users, but not all of them.
- A common web component learning blunder daverupert.com
The most common first-time experience I come across is a developer coming from a classical component framework like React with JSX going straight to writing vanilla Web Components, becoming frustrated, and then deeming web components “not ready for primetime.”
- Markdown images are an anti-pattern daverupert.com
Somehow we forgot how to center rectangles and must find our way back
- The AI flight attendants of Facebook garbageday.email
The fact that, in the span of less than year, Facebook effectively removed anything resembling news from the platform, even conservative news, and allowed AI-generated spam to take its place, and both investors and advertisers don’t care, should tell you all you need to know about what social networks are in 2024. They’re a data holding pen for advertisers to harvest and it seems like Meta has finally given up pretending they’re anything else.
- How To Create Accessible Design System Components supernova.io
Frontend designers create the HTML, CSS, and presentational JavaScript code that powers web products’ user interfaces. I see frontend design as helpful mortar that bridges the gap between design and development.
- Retrofitting fluid typography clagnut.com
- JavaScript Bloat in 2024 tonsky.me
What is the average size of JavaScript code downloaded per website?
- Static Site Generators and CMS's | Go Make Things gomakethings.com
- Gameplanning the SGE Apocalypse hitsubscribe.substack.com
Let's assume that SGE is a wild success and that Google gambles its entire ad revenue business on replacing search results with direct question answering. This means that your search engine traffic drops to zero tomorrow. What do you do?
- The rise and fall of robots.txt theverge.com
- Web accessibility simplified thisiswcag.com
Build and test against WCAG consistently
- Auto-Generated Last Modified Date in Astro scottwillsey.com
- 12 Modern CSS One-Line Upgrades | Modern CSS Solutions moderncss.dev
- How-to: Accessible heading structure a11yproject.com
Headings are the backbone of the content of a page. A visitor should be able to scan or navigate a webpage using headings to get a good impression of its content.
- data-nosnippet stefanjudis.com
How to exclude elements from being shown in Google Search results
- NoML Open Letter noml.info
A specification for those who want content searchable on search engines, but not used for machine learning.
- How my link blog works · ./jm justinmiller.io
- What PWA Can Do Today whatpwacando.today
A showcase of what is possible with Progressive Web Apps today.
- Measuring Experiences, Not Product Use | LinkedIn linkedin.com
Measuring the use of the product isn’t bad. However, it does not measure the UX of the product. The UX is the user experience, and these metrics have nothing experiential in them.
- rachsmithcodes/rachsmith.com github.com
A brilliant reference for an Astro blog + digital garden.
- HTML Web Components - Jim Nielsen’s Blog blog.jim-nielsen.com
When you try building web components the same way you build React components, it’s easy to get frustrated and give up because web components don’t work like React components — I know I gave up a few times.
The grain of a React component is not the grain of a web component. Their design prioritize different functionality and forms of use. If you try to use one like the other, you’ll fight the direction of their natural grain.
Over the last 9 months we’ve deleted close to 80% of the marketing footprint off ibm.com. Tens of thousands of pages. The result is that traffic, conversion and all our experience and NPS metrics are up. It was a gross project but I’ll tell you about it.
Just build a normal website.
- Ambient Co-presence maggieappleton.com
- DesignSystemHunt.com designsystemhunt.com