Sibling scopes in CSS, thanks to :has()
Leverage :has() to select all siblings between two boundaries.
Leverage :has() to select all siblings between two boundaries.
The popular publishing platform is launching a Mastodon instance.
Google is bringing the Rust language into Chromium.
The evolution of CSS and its methodologies.
CodeSandbox now lets you create sandboxes for any programming language.
An inspiring selection of tools that blur the line between designing and engineering.
The two varieties of web design involve polar opposite techniques.
CSS initial letters, web app launch handler, IFrame credentialless, and more.
“My biggest piece of advice for designers is to work on a CMS. Nothing has been more foundational for my career than forming a deep understanding of how data gets flexibly but predictably created and moves through a system.”
“Let’s celebrate 2022 as the year that Safari turned a corner and triumphed.”
The UX discipline of Information Architecture (IA) in a nutshell.
“Under-engineer. That’s almost always better for usability and accessibility. Simple solutions are almost always more robust.”
Quickly and easily convert your photo or image into pixel art.
Shapes, transforms, masks, patterns, gradients, text, and more.
When a light and a dark mode are not enough.
Unique Ids for modern applications: UUIDs/GUIDs vs. Cuid2.
Ratio-based line height will always be proportionate.
The independent, Rust-based browser engine will begin to take shape.
“The hardest part of being a designer isn’t the design, it’s dealing with people who don’t understand it. Taking time to learn how to communicate with those people and say ‘no’ when you need to is a critical part of your skillset as a designer.”
The current state of the scripting language: a look back and forward.
A demo and an explanation.
From improving code to tracking bugs, writing test cases, and documentation.
Many newsletters are bloated, but there is a remedy for that.
Button anatomy, usability, accessibility, theming, and use cases.
This year’s candidates focus on the direction emojis are facing.
Options to store data locally on a user’s device for client-side or offline access.
Project Fugu aims to make web apps as powerful as native apps.
“We made a mistake: we called UX design UX ‘design.’”
Igalias motivation behind the work and the current status of the project.
“Automated accessibility checkers lack the context of a page and user.”
The impact of CSS selectors on page speed and how you can measure it.
A hand-picked collection of the finest Twitter headers for your inspiration.
“The irony of ChatGPT having a CAPTCHA to prove I’m ‘not a robot’ when I log in is pretty great.”
“It’s funny how everyone wants to use AI to write content but at the same time no one wants to read content written by AI.”
It matters if you use tabs or spaces for indentation in code editors.
The sign-up flow: how it works and how you can improve it.
How you can create advanced CSS selectors with :has().
What to consider when you analyze low mobile usage on your website.
The collective insights of over 500 technical search engine optimizers.
A filterable collection of well-designed logos for your inspiration.
UX design is more than the execution of methodologies.
Buttondown can now send newsletters from RSS feeds.
What you need to know about Regular Expressions for daily usage.
Content collections, hybrid rendering static/dynamic, and more.
The current state of Arc’s innovative browser for mobile.
A phenomenal collection of visual design patterns and techniques.
What to consider when you’re planning a new open source project.
How you can use light and its properties to recreate amazing 3D effects.
“It’s absolutely wild that being good at interviewing for the developer job and being good at the actual job are two completely separate skills.”
GitHub is celebrating 100 million users around the world on its platform.
Product Hunt winners in the categories Design Tools, Developer Tools, and more.
Where are content strategy and content design going in the year ahead?
The proposed new success criteria for Web Content Accessibility Guidelines (WCAG) 2.2.
The reliable way to detect if a user scroll is complete.
CSS Nesting, declarative Shadow DOM, ARIA for custom elements, and more.
Smaller, simpler, faster, and many new features such as ECMAScript decorators.
An HTML spec change to the dialog element resolves a multi-year discussion.
Best practices to track, document, and communicate design system changes.
How JAWS, NVDA, and Narrator deal with ‘strong’, ‘em’, and the like.
“The hottest new programming language is English.”
SEOs have already started analyzing Yandex’s search ranking factors
What to expect from the new success criteria in the Web Content Accessibility Guidelines 2.2.
Cloudflare becomes the most popular web server, surpassing Apache and nginx.
Framework-agnostic PWA integrations for Vite and the ecosystem.
What to consider when designing a form with email and password input.
“It’s weird that a web page can’t play audio or show multiple alerts without my permission but can easily take 100% of my CPU/memory.”
Mix colors, in any of the supported color spaces, right from your CSS.
The Yandex leak broadens our perspectives on modern search.
A searchable and filterable list of Yandex’s search ranking factors.
A practical guide to creating delightful SVG refinements on the fly.
“Documentations are critical. What we build is perceived through the lens of our documentation. They should not be an afterthought or uninvested in.”
The design workspace bridges the gap between design and programming.
OpenAI is creating a tool to distinguish human-written texts from AI-generated texts.
“HTML has so many cool accessibility features. Too bad it is often left out of education and guides.”
The World Wide Web Consortium adopted a new structure.
The top browser compatibility issues in this year’s interoperability project.
Responsive design isn’t about media queries anymore.
An overview of color formats and their support in different design tools.
An in-depth course on images for the web.
Find out if a website is sending (too much) data to Facebook.
A new API enables an always-on-top window populated with HTML content.
Sundar Pichai confirmed the company’s plans to deliver ChatGPT like features.
CSS Color 4 brings wide gamut color tools and capabilities to the web.
Why iOS users can hope for actual browser choice.
“ARIA should only be used to supplement HTML. If semantic HTML does a good enough job then ARIA should not be used. The hope is that HTML will eventually develop to sufficiently cover all accessibility needs without the need for ARIA.”
An archive showcasing the work of pioneering illustrators from 1950 to 1975.
Why is the frontend technology market so inefficient?
Generate stunning color palettes with the magic of polar coordinates.
What to do if you have a long word that doesn’t fit into a container.
UX designers have the power to shape the future through their choices.
A tool to find the human creators behind AI-powered images.
Google announces Bard, an AI chatbot that will also improve Google Search.
“Copy-pasting code is not a crime when it’s allowed and you know what you are doing!”
A Gecko-based version of Firefox for iOS is underway.
Data encryption with WebAuthn brings new possibilities to websites.
Microsoft launches a new search experience, a “copilot for the web.”
“If you’re starting a new long-term project, add support for Dark Mode early. It’s a heck of a lot easier than retrofitting an older project.”
Most people know about semantic HTML, but semantic CSS?
The search giant rewards high-quality content, however it is produced.