Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2022” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Firefox (and Other Browsers), Forgotten? (col)1,132
browsers, mozilla, firefox, testing
How to Add a Subtle Gradient on Top of an Image Using CSS1,131
how-tos, css, gradients
10+ Things I Always Set Up in Git When I Prepare a New Environment1,130
git, command-line, environments
The Horizontal Overflow Problem (hui)1,129
css, overflow
Use the Active Voice to Transform Your Design System Documentation (amy)1,128
design-systems, documentation, writing
Which Generator Builds Markdown the Fastest? (zac)1,127
site-generators, markdown, performance, comparisons
500 ms to 1.7 ms in React: A Journey and a Checklist1,126
performance, react
8 Simple Steps to Complete a Technical SEO Audit1,125
seo, auditing
Adding Observability to Your Jest Tests1,124
javascript, jest, testing, observability
Detecting CSS Selector Support With JavaScript1,123
css, selectors, feature-detection, support
Recreating MDN’s Truncated Text Effect (geo/css)1,122
mdn, css, effects
Testable Frontend: The Good, the Bad, and the Flaky (nom/sma)1,121
testing, flakiness
The Advanced Guide to the CSS “:has()” Selector (log)1,120
guides, css, selectors
Underengineer Your Websites (aar/ben)1,119
videos, interviews, accessibility
When Will Scrum Die?1,118
agile, scrum, kanban, processes
Quick Tip: Negative Animation Delay (mic)1,117
css, animations, tips-and-tricks
3 Simple Ways to Center an Element Using CSS (zor/css)1,116
videos, css, centering
Abbreviations Suck (cfe)1,115
accessibility, html
Adventures in Text Rendering: Kerning and Glyph Atlases1,114
typography, rendering, kerning
CSS Minimal Dark Mode Toggle Button1,113
code-pens, toggles, effects, minimalism
Design Systems for Humans (amy)1,112
design-systems, user-experience
Release Notes for Safari Technology Preview 150 (jon/web)1,111
release-notes, safari, apple, browsers
Why I’m Learning TypeScript1,110
typescript
Server Side Includes—All You Need to Know About SSI1,109
ssi
You Don’t Need Microservices1,108
microservices
A Good Reset1,107
css, resets
#ADA32: The ADA Has Applied to Digital for Decades (lfl)1,106
accessibility, ada, legal
Django Tips and Tricks1,105
django, tips-and-tricks
Introducing Even More Security Enhancements to npm (git)1,104
introductions, npm, security
Maintenance Matters (vig)1,103
maintenance, code-reviews, consistency, testing, logging, documentation
Speaking Up and Speaking Out: Tactical Communication in Accessibility (mer/equ)1,102
accessibility, communication
The 10 Affirmations of Good Digital Accessibility (deq)1,101
accessibility
UX Principles That Include Cognitive Accessibility1,100
user-experience, accessibility, principles
Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist (uxd)1,099
design, user-experience, minimalism
5 Best UX Careers to Pursue in 2022 (uxm)1,098
user-experience, career
“<article>” vs. “<section>”: How to Choose the Right One (sma)1,097
html, semantics, comparisons
Everything You Need to Know About JavaScript Import Maps (hon)1,096
javascript, dependencies, import-maps
Fix Web Performance for the Long-Term (sia)1,095
performance, testing, processes
Priority Hints—What Your Browser Doesn’t Know (Yet)1,094
performance, hints
Solving the “Dangler” Conundrum With Container Queries and “:has()” (dav)1,093
css, selectors
Typography in Web Design (uxm)1,092
typography, design
Your Code Doesn’t Have to Be a Mess1,091
quality
Clean Architecture: Applying With React1,090
architecture, react
Mobile UX: Study Guide (nng)1,089
guides, user-experience, mobile, training, link-lists
Ancient Web Browsers1,088
websites, browsers, history
The History of JavaScript1,087
history, javascript
Definitive Guide to CAPTCHA Accessibility1,086
guides, accessibility, captcha
Intro to Serverless Functions (net)1,085
introductions, serverless, functions, netlify
Type Annotations in JavaScript1,084
javascript, typescript, annotations
Understanding CSS “:has()” (mey/iga)1,083
videos, css, selectors
Say “No” to Tailwind, Embrace Plain CSS1,082
frameworks, tailwind, css
What Is HCI (Human–Computer Interaction)? Meaning, Importance, Examples, and Goals1,081
concepts, hci, examples
20 Git Commands Every Developer Should Know1,080
git, command-line
Front-End Internationalisation Tips1,079
internationalization, fonts, css, javascript
Introduction to SvelteKit (thi)1,078
videos, introductions, sveltekit
Roundup of Recent Document Outline Chatter (geo/css)1,077
html, headings, semantics, accessibility
Top Layer Support in Chrome DevTools (dev)1,076
css, dev-tools, browsers, google, chrome
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv)1,075
css, selectors, accessibility, keyboard-navigation, focus
Where’s the Fun in Accessibility? (uxd)1,074
accessibility, user-experience
Vector Animations With Figma and SVG Animate (uxd)1,073
animations, figma, svg, images
Research Insight: Accessibility of Images (ihe/tet)1,072
accessibility, usability, images, research
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks1,071
frameworks, redwoodjs, javascript, comparisons
Escaping the sRGB Prison (svg/css)1,070
videos, colors
An Introduction to Multithreading in Node.js (app)1,069
introductions, nodejs, multithreading
Create Complex Transitions With Individual CSS Transform Properties (zor/css)1,068
videos, css, transitions
New WebKit Features in Safari 15.6 (jen/web)1,067
release-notes, safari, apple, browsers, webkit
Powerful Image Optimization Tools (lou/sma)1,066
link-lists, images, compression, performance, tooling
Rethinking Device Emulation in Browsers (cod)1,065
browsers, tooling, usability
Top 5 npm Vulnerability Scanners1,064
npm, security, vulnerabilities, tooling
Creating an App Using Drag and Drop With React Without Libraries1,063
react, drag-and-drop
15 Common Beginner JavaScript Mistakes1,062
javascript, mistakes
Expert Tips for Color Accessibility on the Web1,061
tips-and-tricks, accessibility, colors
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1,060
html, semantics, headings, microcontent, accessibility
The 10 Most Common JavaScript Issues Developers Face1,059
javascript, mistakes
Logical Properties for Useful Shorthands (mic)1,058
css, logical-properties, shorthands
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (get)1,057
javascript, optimization, tree-shaking
Abbreviations Can Be Problematic (tem)1,056
html, accessibility
Hacking JavaScript Objects1,055
javascript, objects
How Did REST Come to Mean the Opposite of REST? (htm)1,054
apis, rest
Useful Tips and Tricks in JavaScript1,053
javascript, tips-and-tricks
What Is Passwordless Authentication and How to Implement It1,052
authentication, security, passwords
Why I No Longer Care What People “Like” or “Don’t Like” (uxd)1,051
design
5 Learnings From Adopting OKRs at the Team Level1,050
okr, prioritization, processes, lessons, link-lists
JSON Creator Douglas Crockford Interview (dou)1,049
interviews, javascript
How Scrum With Kanban Works1,048
agile, scrum, kanban, processes
What Is WAI? The Web Accessibility Initiative1,047
accessibility
An Approach to Continuous Learning1,046
career, learning
Can SVG Symbols Affect Web Performance?1,045
svg, images, performance
CSS Gradient Background From Figma to CodePen1,044
css, gradients, backgrounds, figma, codepen
CSS Properties1,043
css, overviews
Konqueror: The Forgotten Browser That Conquered the Market (dis)1,042
videos, history, konqueror, browsers
Using Grids in Interface Designs (nng)1,041
layout, grids, usability
7 Tips for Clean React TypeScript Code You Must Know1,040
react, typescript, tips-and-tricks
Use Firefox for Accessibility Testing (col)1,039
browsers, mozilla, firefox, accessibility, testing
7 Quick Facts About WCAG 2.21,038
accessibility, wcag, standards
Welcome to the Dark Side (yat)1,037
dark-mode, accessibility, usability
What Does x% of Issues Mean? (aar)1,036
accessibility, metrics
Could Sustainable Websites Increase Energy Consumption?1,035
sustainability
Working With File System Paths on Node.js (rau)1,034
nodejs, file-handling
Minimal Social Markup (j9t)1,033
html, social-media, open-graph, minimalism
Perceived Affordances and the Functionality Mismatch (tin)1,032
usability, accessibility, semantics
The Hidden History of Screen Readers (ver)1,031
accessibility, screen-readers, assistive-tech, history
Web Accessibility Laws and Policies1,030
accessibility, legal, policies, link-lists
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1,029
html, semantics, accessibility, aria
Bag Some AAA Wins Where You Can (tem)1,028
accessibility, wcag
Custom ESM Loaders: Who, What, When, Where, Why, How1,027
nodejs, esm
My War on Animation (ver)1,026
accessibility, animations
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)1,025
javascript, prototypes
Creating a CSS Only Interactive Site Menu1,024
navigation, css
Optimizing Node.js Dependencies in AWS Lambda (aws)1,023
nodejs, dependencies, aws, serverless, lambda, optimization
Applying SOLID Principles in React1,022
quality, maintainability, principles, solid, react
Making the Wrong Choice on Build vs. Buy1,021
economics, processes, engineering-management, complexity, comparisons
The Cost of Consistency in UI Frameworks (rya/thi)1,020
frameworks, consistency
The Methods UX Professionals Use1,019
user-experience, processes
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1,018
accessibility, html, aria, mistakes
37 Easy Ways to Spice Up Your UI Designs1,017
design, effects
A Look at Remix and the Differences With Next.js (fgi/sma)1,016
comparisons, frameworks, remix, nextjs
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1,015
performance, web-vitals, comparisons, html, attributes, aspect-ratio, css
Building (or Rebuilding) a Website With Accessibility in Mind1,014
accessibility
Forms in Modals: UX Case1,013
forms, modals, user-experience
Fundamentals Matter (cfe)1,012
fundamentals
Generating Accessibility Test Results for a Whole Website With Pa11y CI1,011
accessibility, testing, tooling
Guide to Trending Front-End Frameworks in 2022 (uxm)1,010
guides, frameworks, react, jquery, express, angular, vuejs
Integer Math in JavaScript1,009
javascript, math
Statements vs. Expressions (jos)1,008
javascript, comparisons
Technical Writing for Developers (css)1,007
writing, version-control
The Many Faces of Themeable Design Systems (bra)1,006
design-systems, theming
JavaScript Obfuscation Techniques by Example1,005
javascript, obfuscation, techniques, examples
The Ultimate Guide to Debugging Accessibility Issues1,004
guides, accessibility, debugging
Figma Auto Layout = “display: flex”1,003
figma, css, flexbox
Working on a New Feature as a Senior Frontend Developer1,002
processes
Choosing the Right Mindset to Design Complex Applications (uxd)1,001
design, complexity, processes
CSS Complexity: It’s Complicated1,000
css, cascade
Data Structure and Algorithms 102999
data-structures, algorithms, complexity
Set JAWS Free! (yat)998
accessibility, screen-readers, jaws
The Future of CSS: Variable Units, Powered by Custom Properties (bra)997
css, units, custom-properties
An Accessibility-First Approach to Chart Visual Design (sma)996
accessibility, information-design
Holograms, Light-Leaks, and How to Build CSS-Only Shaders995
how-tos, css, blend-modes, effects
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (aar)994
accessibility, browsers, apple, safari, css
Make It Accessible993
websites, accessibility
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)992
html, semantics, accessibility
The CSS Cascade, a Deep Dive (bra/css)991
videos, css, cascade, deep-dives
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ)990
accessibility, captions, writing, automation, comparisons
HTTP Content Negotiation989
http, content-negotiation
The Hard Parts of Developer Advocacy (for Me) (bla)988
developer-relations, advocacy, community, career
The Joy of Variable Fonts: Getting Started on the Frontend (rom+/evi)987
fonts, variable-fonts, css, introductions
Truly Portable Design Patterns (clo)986
design-patterns, components
What Are Color Gamuts (svg)985
colors
Inverted Media Queries and Breakpoints984
css, media-queries
Magento Tips and Tricks to Increase Online Sales: 8 Simple Strategies983
magento, economics, tips-and-tricks, strategies
Style With Stateful, Semantic Selectors (ben)982
css, aria
The Ballad of Text Overflow (sib/tpg)981
css, overflow, accessibility
The Case for Null in Design Systems (eri)980
design-systems
The Off by Default Web979
web, permissions
Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice? (uxd)978
user-experience, design, consistency, best-practices
Masonry? In CSS?! (mic)977
css, layout, masonry
Executing Shell Commands From Node.js (rau)976
nodejs, shells
Body Margin 8px (mia)975
css, margins, history
How to Make Text Improve User Experience: Insights Into UX Writing974
how-tos, user-experience, writing
The Unlocked Possibilities of the “:has()” Selector (jim)973
css, selectors
Two Levels of Customising “<selectmenu>” (hdv)972
accessibility, html
Super-Helpful Tips When Working With Figma Component Properties (uxd)971
figma, tips-and-tricks, components
css-browser-support (5t3)970
packages, npm, css, browsers, support
Frontend Web Performance: The Essentials969
fundamentals, performance, javascript
Faster WordPress Rendering With 3 Lines of Configuration (sto)968
wordpress, performance, css, http, configuration
Best Practices for Images967
images, html, best-practices
How to Auto-Prefix and Minify CSS?966
how-tos, css, vendor-extensions, minification, tooling
Reimagining Front-End Web Development With htmx and Hyperscript965
outlooks, htmx
Web Development Is Like Assembling IKEA Furniture (cod)964
comparisons
Write Git Commit Messages That Your Colleagues Will Love963
git, commit-messages
Breaking Out of a Central Wrapper (mic)962
css
404 vs. 410—the Technical SEO Experiment961
seo, http, comparisons, experiments
“That’s Not Accessible!” and Other Statements About Accessibility (hdv)960
accessibility
The New Wave of React State Management959
react, state-management, comparisons
CSS Variable Secrets (lea/css)958
videos, css, custom-properties
Building Tabs in Web Components957
web-components
Farewell to HTML5Rocks (dev)956
community, html, history
Thoughts on an Accessibility “Get Well” Plan (j9t)955
accessibility, processes, engineering-management, leadership
What Every Newbie Developer Should Know954
career
What the Hell Is “<!DOCTYPE html>”?953
html, doctype-switching
Are You Sure That’s a Number Input? (kil)952
html
Fresh 1.0 (lca/den)951
fresh, frameworks
Working With the File System on Node.js (rau)950
nodejs, file-handling, apis
Googlebot and the 15 MB Thing949
google, seo
A CLS Punishment for Progressive Enhancement? (bel/pic)948
performance, web-vitals, progressive-enhancement
Demystifying the New Gatsby Framework (mon/sma)947
frameworks, gatsby
How to Serve WebP Images on nginx946
how-tos, webp, images, nginx, servers
My Wonderful HTML Email Workflow (jos)945
html, mjml, markdown, mdx, email, processes
SPAs: Theory Versus Practice (nol)944
single-page-apps, comparisons
What Do the Developers Do in the Last Week of the Sprint?943
agile, scrum, processes
Style Queries (una)942
css, style-queries
Image Guard (j9t)941
packages, npm, images, compression, performance, jpeg, png, gif, webp, avif
A Previous Sibling Selector (jim)940
css, selectors
Using JavaScript to Fill localStorage to Its Maximum Capacity939
javascript, browser-storage
UX Writing: Study Guide (nng)938
guides, user-experience, writing, training, link-lists
GA4 Is Being Blocked by Content Security Policy937
security, csp, metrics, google
Why Use Sass?936
sass
4+ Years of Cracking Technical Interviews935
interviewing, career
Introduction to Defensive CSS (sha)934
introductions, css
Missing Introduction to React933
introductions, react
Single Element Loaders: The Bars (css/css)932
css
WCAG 2.1 AA Web Accessibility Checklist931
checklists, accessibility, wcag
Accessible Design Systems (ihe/tet)930
accessibility, design-systems
5 Useful CSS Properties That Get No Love (kev)929
videos, css
7 UX Laws You’re Probably Getting Wrong (web)928
user-experience, usability, design
Apple Is Not Defending Browser Engine Choice (sli)927
browsers, browser-engines, web, apple
Can We Enterprise CSS Grid? (hui)926
css, grids, layout, frameworks
Everything You Need to Know About Web Performance (in 5 Minutes)925
performance, web-vitals, compression
Getting Started With Vue Composables (log)924
vuejs, introductions
Managing Specificity With CSS Cascade Layers (zor/css)923
videos, css, selectors, cascade
Mastering “z-index” in CSS922
css, positioning
Stop the Screen Going to Sleep With JavaScript921
javascript
How We Designed an Accessible Color Palette From Scratch920
accessibility, colors, color-palettes, case-studies
10 Incident Management Best Practices for Streamlined Operations919
incident-response, best-practices, processes
Different Ways to Write CSS in React (css)918
css, react
In Defense of Blocks for Local Scopes II917
javascript, scope
In Defense of Blocks for Local Scopes916
javascript, scope
Introducing Keyboard Navigation (bru)915
videos, accessibility, introductions
Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (zel+)914
interviews, web, css
Please Remove That .git Folder913
security, git
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)912
selectors, scope, dom, shadow-dom, performance, comparisons, metrics
“text-overflow: ellipsis” Considered Harmful (yat)911
accessibility, css, overflow
Types of URL Redirects and SEO Best Practices910
urls, redirecting, seo, best-practices
What Would a Chromium-Only Web Look Like? (mno)909
browsers, browser-engines, chromium, google, web
User Vulnerabilities in the Data Cycle (uxd)908
user-experience, vulnerabilities, privacy, legal
Be the Browser’s Mentor, Not Its Micromanager (bel)907
videos, css
Cascade Layers—There’s a Polyfill for That! (odd)906
css, cascade, polyfills
How and When to Use the CSS “:has” Selector (log)905
css, selectors
Svelte Origins: A JavaScript Documentary904
videos, javascript, svelte
The Right Space Around Headings in Web Typography (pim)903
typography, spacing, headings
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs?902
videos, accessibility, writing, information-design
Future Features of JS (jsn)901
videos, javascript
How I Built a Dark Mode Toggle (hdv)900
dark-mode, toggles
Icon-Only Links Fail WCAG (tem)899
accessibility, links, wcag, images, icons, conformance
One Line of CSS to Add Basic Dark/Light Mode (cod)898
dark-mode, css
A Beginner’s Guide to Inclusive UX Design (uxd)897
guides, dei, user-experience, design
Groking “:active”, “:focus”, and “:focus-visible” Pseudo-Classes (thi)896
css, selectors, focus
Best Practices for Overlays II895
accessibility, best-practices, overlays
HTML Cheatsheet894
html, examples, cheat-sheets
The Dos and Don’ts of Pairing Typefaces (nng)893
design, typography, readability, legibility, usability
Alternatives to Installing npm Packages Globally (rau)892
installing, npm, dependencies
The Case for Using Sass in 2022 (may)891
preprocessors, sass
Is It Expensive to Build an Eco-Friendly Website?890
sustainability, economics
Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement889
user-experience, cookies, pop-ups, legal
The Cost of Convenience (sur)888
web-platform, developer-experience
Using Web Streams on Node.js (rau)887
nodejs, streaming
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)886
design, naming, history, navigation, breadcrumbs
3 Useful CSS Hacks (kev)885
videos, css
How to Use ESLint and Prettier for Code Analysis and Formatting884
how-tos, quality, consistency, eslint, prettier, linting, formatting
Naming Conventions for Design Systems883
design-systems, naming, conventions
Notes on Maintaining an Internal React Component Library882
react, maintenance, components, libraries
Web Design Tool Wish List (gri/clo)881
design, tooling, wish-lists
In and Out of Style (ada/css)880
videos, css
RIP Internet Explorer: A Hate Filled Love Letter (zol)879
internet-explorer, microsoft, browsers, retrospectives
5 Very Simple Steps You Can Take for Accessibility Improvement (mni)878
accessibility, optimization
Communication Accessibility: It’s Time to Change How We Communicate (mer)877
accessibility, communication
Complex vs. Compound Selectors (mia)876
css, selectors, comparisons
Conditionally Styling Selected Elements in a Grid Container (pre/css)875
css, grids, selectors
Fun CSS-Only Scrolling Effects for Matterday (net)874
css, effects, parallax
How to Prevent Merge Conflicts (or at Least Have Less of Them) (bla/git)873
how-tos, version-control, git
How to Remove 99% of JavaScript From Main Thread (wea)872
videos, how-tos, javascript, performance
The Guide to Windows High Contrast Mode (its/sma)871
guides, colors, contrast, microsoft, windows
You Don’t Need a JavaScript Library for Your Components870
javascript, libraries, components
Why You Should Consider Prisma.io869
databases, tooling, prisma
Do Dyslexia Fonts Improve Accessibility?868
accessibility, dyslexia, fonts
Change Management for Accessibility (deq)867
accessibility, processes
CSS Card Shadow Effects (hui)866
css, effects
Design Principles for the Web (ada/wea)865
videos, software-design, principles, web
Dialogs and Shadow DOM: Can We Make It Accessible? (nol)864
modals, accessibility, dom, shadow-dom
Notes From the Dev: Essential Advice on How to Use MJML (meg)863
how-tos, email, mjml
Should I Have Separate GitHub Accounts for Personal and Professional Projects?862
discussions, github, career, security
Simple CSS Solutions (kev)861
videos, css
Software Engineering: The Soft Parts (add)860
principles
Understanding the JavaScript Window Object859
javascript, objects
Sponsoring Dependencies: The Next Step in Open Source Sustainability (nza)858
dependencies, economics, foss
Design System Maturity (ben)857
videos, design-systems
Designing the Perfect Button856
design, buttons
The Folly of Design System “Foundations”855
design-systems
The Smallest CSS (fon)854
css, minimalism
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK853
performance, monitoring, metrics
Why You Shouldn’t Modify Scrum852
agile, scrum, processes
AbortController Is Your Friend851
javascript
Modern JavaScript, 10 Things You Should Be Using, Starting Today850
javascript
Better Scrolling Through Modern CSS (may)849
css, scrolling
10 Dos and Don’ts of Web Design in 2022 (web)848
design, principles
How We Think About Browsers (git)847
browsers, case-studies
Make DevTools Pick Colors Outside of Chrome (ami)846
dev-tools, colors, browsers, google, chrome
Measuring the Performance of Typefaces for Users II (sma)845
typography, fonts, performance
Single Element Loaders: The Spinner (css/css)844
css, effects
State of the Vuenion 2022 (eva)843
videos, vuejs
The Many Definitions of Server-Side Rendering (zac)842
server-side-rendering
Write HTML Right841
html, optimization
The Future of Frontend Build Tools (sma)840
tooling, building
Design Systems; the Great Connector (uxd)839
design-systems
How to Animate SVG Shapes on Scroll (cod)838
how-tos, css, animations, svg
How to Use Headings for Website Accessibility837
how-tos, accessibility, headings, semantics
Inclusive User Research: Analysing Findings (tet)836
dei, usability, research
JavaScript Hydration Is a Workaround, Not a Solution (the)835
javascript, hydration
Mobile-First CSS: Is It Time for a Rethink? (ali)834
mobile-first, mobile, css
Patterns for Building JavaScript Websites in 2022 (rya/thi)833
javascript, frameworks, comparisons
Simplify Your Color Palette With CSS “color-mix()” (sma)832
css, colors, color-palettes
WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (yat)831
accessibility, reflow, resizing, wcag
Aspects of Accessibility—Semantics, Contrast, and… Anxiety?830
accessibility, semantics, colors, contrast, user-experience
Building Interoperable Web Components That Even Work With React (ada/css)829
web-components, interoperability, react
Lynx Browser: The Land That Time Revived828
lynx, browsers, command-line
Mathematical Notation for JavaScript Developers Explained827
javascript, math
Meet Web Push (web)826
browsers, apis, support, standards
Optimize the Use of “if–else”825
javascript
How to Create Dark Mode for Your Designs in Figma (uxd)824
how-tos, dark-mode, figma
A New Definition of HTTP (mno)823
protocols, http
Are You Ignoring Digital Accessibility at Your Job? (the)822
accessibility, career
Shallow Copy and Deep Copy821
javascript
Web Typography: Establishing a Strong Typographic System (mis)820
typography
Best Practices for Overlays819
accessibility, best-practices, overlays
Can I DevTools?818
websites, browsers, dev-tools, support
How to Use Variables in CSS: CSS Custom Properties (web)817
how-tos, css, custom-properties
Measuring the Performance of Typefaces for Users (sma)816
typography, fonts, performance
Hamburger Footer: Reaching the Bottom of Infinite Scroll815
scrolling, usability, navigation
WCAG 3 Compliant? Check Again814
accessibility, wcag, standards
Why Most Design Systems Implode (bra/sto)813
interviews, design-systems
A Brief History of Responsive Web Design (web)812
history, responsive-design
Don’t Sink Your Website With Third Parties (sma)811
embed-code, dependencies, performance
More Light! (bas/btc)810
videos, outlooks, sustainability
Web Development Resources (mar)809
websites, link-lists
Developing Cross Browser Compatible Web Apps With Modernizr808
web-apps, modernizr, feature-detection
Bad Bad UX: 20 Common Mistakes in User Experience807
user-experience, mistakes
24 Tips for Beginner Programmers (fla)806
programming, learning, tips-and-tricks
Dealing With Hover on Mobile (kev)805
videos, css, media-queries, mobile
Declarative Design Systems (ada)804
design-systems
Do We Have a Lack of Developers or a False Assumption What the Job Is? (cod)803
career
How to Pick the Least Wrong Colors802
how-tos, colors, design, accessibility
Monorepos in JavaScript and TypeScript (rwi)801
javascript, typescript, monorepos
Useful Built-In Node.js APIs (cra)800
nodejs, apis
Obscure CSS: Implicit List-Item Counter (kiz)799
css, lists
How to Create Ebooks With Markdown (fla)798
how-tos, markdown
The Cicada Principle and Why It Matters to Web Designers (mis)797
design, principles
Writing Useful Alt Text (mic)796
accessibility, writing, alt-text, images
How to Migrate From Yarn/npm to pnpm795
how-tos, migrating, yarn, npm, pnpm
Interview With Léonie Watson (tin+)794
interviews, accessibility
Level Up Your Link Previews in Slack (whi)793
html, social-media, open-graph, links, slack
Two Lines of CSS That Boosts 7× Rendering Performance792
css, performance, rendering
Understanding CSRF Attacks (zel)791
security, csrf
Checklist for Moderating a Usability Test (nng)790
usability, testing, checklists
How Does Social Interaction Change in an Age of New Media? (uxd)789
web, interaction-design
7 Tips to Improve Your TypeScript788
typescript, tips-and-tricks, optimization
APCA: The New Algorithm for Accessible Colour Contrast787
accessibility, colors, contrast, apca
JavaScript of Halftone Printing786
javascript, halftone, print
Just How Long Should Alt Text Be? (geo/css)785
accessibility, writing, alt-text, images
You May Not Need a Bundler for Your npm Library784
bundling, npm
8 Shocking HTML Tips You Probably Don’t Know About783
html, tips-and-tricks
How to Fix: “Buttons Do Not Have Accessible Names”782
how-tos, buttons, wcag
Manage Accessible Design System Themes With CSS “color-contrast()” (sma)781
design-systems, theming, css
npm Security Update: Attack Campaign Using Stolen OAuth Tokens (git)780
security, oauth, version-control, npm, github
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)779
javascript, arrays, comparisons
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)778
html, forms, history, mistakes
The Story of the Custom Scrollbar Using CSS777
css, scrolling
What npm Can Learn From Go776
npm
What’s the Alternative (Text)? (col)775
accessibility, writing
A Perfect Table of Contents With HTML and CSS (nza/css)774
html, css
CSS: Absolutely Positioning Things Relatively773
css, positioning, layout
Customizing Color Fonts on the Web (web)772
fonts, colors, customization
JavaScript Closures, Explained771
javascript, closures
Making Headers Sticky Using CSS for a Better Reading Experience (ami)770
css, readability, user-experience
Single Page Applications (ons/tpg)769
single-page-apps
Understanding Weak Reference in JavaScript (sma)768
javascript
Why Are Iframe Titles Important for Accessibility?767
accessibility, html, iframes, writing
Advocating for Your Design System766
design-systems, advocacy
How to Position Your Design System Team for Success (vig)765
how-tos, design-systems, collaboration, productivity
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers764
guides, html, semantics, examples, cheat-sheets
Inclusive Design 101 (uxd)763
dei, design
Four Tradeoffs When Designing Navigation Menus762
design, navigation
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks761
javascript, npm, dependencies, security
15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022760
agile, scrum, processes, anti-patterns
5 Things I’d Want to See Improved in WordPress Core759
wordpress
A Guide to Writing Industry Standard Git Commit Messages758
guides, git, writing, conventions, commit-messages
An Introduction to the Tailwind CSS and Atomic CSS757
introductions, tailwind, atomic-css, comparisons
Dialog Components: Go Native HTML or Roll Your Own? (css)756
modals, components, accessibility
Lesser-Known and Underused CSS Features in 2022 (cod/sma)755
css
Accessibility From Different Perspectives (hdv)754
accessibility
Making Disabled Buttons More Inclusive (san/css)753
forms, buttons, focus, aria, html, attributes, accessibility
The Balance Has Shifted Away From SPAs (nol)752
single-page-apps
First Look at the CSS “object-view-box” Property (sha)751
css
Fun With CSS Combinators (alv)750
css, selectors
Triaging WCAG 2.1 Level AAA (tet)749
accessibility, wcag, standards
4 Web Accessibility Remediation Mistakes to Avoid748
accessibility, mistakes
Accessibility Not-Checklist (int)747
websites, accessibility, checklists
Automate Accessibility Tests With Storybook (sto)746
accessibility, testing, automation, storybook
Patterns (w3c)745
design-patterns, aria, best-practices
React Accessibility Resources (bru)744
react, accessibility, link-lists
React Hooks Best Practices in 2022743
react, hooks
The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure742
interviews, accessibility, leadership, culture, metrics
Use “@ supports” At-Rule for Feature Detection in CSS (zor/css)741
videos, css, feature-detection, support
Web Accessibility Is Broken—It’s Time to Fix It (yat)740
videos, accessibility
Web Development === Accessibility739
accessibility
What We Can Learn From Remix738
remix, frameworks
Let’s Make Accessibility Boring Again737
accessibility
Thinking Colors: Balancing Between Visual and Abstract (uxd)736
colors
Auto “nvm use” (wes)735
nvm, nodejs
Building a Button Component (arg/dev)734
components, html, css, javascript, buttons
Conditionally Loading CSS or Any Resource Using Media Queries (ami)733
html, media-queries, performance
RFC 9239: Updates to ECMAScript Media Types (rau)732
javascript, mime-types
The Rise and Fall of Neumorphism731
design
Quick and Dirty Text Diffing (jim)730
tooling
How to Ask for a Promotion (uxd)729
how-tos, career
How the HTML “lang” Attribute Helps Accessibility728
accessibility, html, attributes, localization
Reduce Array of Objects to an Object in JavaScript (ami)727
javascript, arrays, objects
The Modern Way to Create and Host a WordPress Site (sma)726
content-management, wordpress, hosting
WCAG 2.2 and WCAG 3 Status Updates725
accessibility, wcag, standards
WP Accessibility Day724
websites, awareness-days, wordpress, accessibility
UI and UX Micro-Tips (uxd)723
user-experience, forms, tips-and-tricks
The Forgotten Benefits of “Low Tech” User Interfaces (uxd)722
usability
24×24 Pixel Cursor Bookmarklet (aar)721
accessibility, wcag, testing, bookmarklets
9 Ways to Design Inclusive Content (moz)720
content, dei
An Affordable Work-from-Home Setup for Remote Workers719
productivity
Building a Design System With Eleventy718
design-systems, eleventy
Color Alignment for Multiple Design Systems717
design-systems, colors
Rethinking Server-Timing as a Critical Monitoring Tool (sma)716
performance, time, http, metrics, monitoring
The Era of Rebellious Web Design Is Here715
design
Unexpectedly HTTPS?714
http, security
Unpack Arrays Conditionally in PHP (ami)713
php, arrays
Web Applications 101 (rwi)712
web-apps, concepts
:where() :is() :has()? New CSS Selectors That Make Your Life Easier (kil/pol)711
css, selectors
Peering Into the Accessibility of Dark Mode (uxd)710
accessibility, dark-mode
Quick Tip: You Might Not Need “calc()” (mic)709
css, tips-and-tricks
More Common Accessibility Issues That You Can Fix Today (hdv)708
accessibility
Personas vs. Archetypes (nng)707
usability, user-experience, personas, testing, comparisons
Call to Action Examples706
websites, writing, buttons, examples
Keyboard Testing: The A11y Enhancement to Your Definition of Done705
accessibility, keyboard-navigation, testing
Does JavaScript Make My Site Less Accessible?704
accessibility, javascript, wcag
Don’t Fight the Browser Preload Scanner (mal/dev)703
browsers, html, parsing, performance
Master the “:nth-child()” Pseudo-Class (zor/css)702
videos, css, selectors
A Designer’s Journey of Ignorance, Resentment, and Wisdom (uxd)701
design
Cool Hover Effects That Use CSS Text Shadow (css/css)700
css, hover, effects
Bringing Page Transitions to the Web (jaf/dev)699
videos, css, transitions
Debugging Accessibility With Chrome DevTools (dev)698
videos, dev-tools, accessibility, debugging, browsers, google, chrome
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)697
how-tos, performance, google, metrics, javascript, frameworks
Light and Dark Mode in Just 14 Lines of CSS (whi)696
css, dark-mode
Tokens as Intents (don)695
design-tokens, naming, typography
W3C TAG Ethical Web Principles (tor+/w3c)694
ethics, principles, w3c
When, Why, and How to Multithread in Flutter693
videos, flutter, dart, multithreading
Bridging the Gap (rac/dev)692
css, support
Divs Are Bad! (mat)691
html, semantics
How to Learn JavaScript Fast: Six Simple Mind Tricks690
how-tos, javascript, tips-and-tricks, learning
On Design Thinking689
design
State of CSS 2022 (arg/dev)688
css
Why WCAG 2.2 Is Still in the Oven (deq)687
accessibility, wcag
XHTML Syntax Is Still Worth Using (tem)686
xhtml, html
Designing for Web Accessibility in 60 Seconds (dav)685
accessibility
Cron Jobs: A Comprehensive Guide684
guides, cron, automation
Magical SVG Techniques (sma)683
svg, images, techniques
The Complete Modern React Developer 2022682
react
Two Approaches to Accessibility on the Web (j9t)681
accessibility, automation
You Don’t Need “void 0”680
javascript
Under the Hood: React vs. Vue vs. Svelte679
frameworks, react, vuejs, svelte, comparisons
A Management Maturity Model for Performance (sli)678
performance
Frontend Versus Backend Web Development (uxm)677
comparisons
Learn HTML [and] CSS (jad)676
websites, courses, html, css
Reinventing W3C Governance (rob)675
standards, w3c
“Someone Should Build X for the Web”—Why Not You? (cod)674
github
The Road to Universal JavaScript673
javascript
Understanding User Behaviors Across Surfaces (uxm)672
usability
Why SEO Is a Great Investment, Not Just a Cost (sea)671
seo, economics
Performance Game Changer: Browser Back/Forward Cache (tun/sma)670
browsers, caching, performance, web-vitals
How to Upload an Image With PHP (rik)669
how-tos, php, images, file-handling
A Different View Into Accessibility Overlays668
accessibility, overlays, testing, documentation, auditing
My Opinion on What Makes a Good Code Review667
code-reviews, productivity
The Ultimate Electron Guide666
guides, electron, chromium, nodejs, rendering, desktop
What’s Your Heading? (col)665
accessibility, html, headings, semantics
Scaling CSS Layout Beyond Pixels (5t3/btc)664
videos, css, scaling, layout, responsive-design
How to Use the GitHub Pulls API to Manage Pull Requests663
how-tos, github, apis
Learn CSS Subgrid (sha)662
css, grids, design
Lost in Translation (mat/btc)661
videos, design, accessibility, html, css
Top 2021 CSS Frameworks Report: Validation (cit)660
studies, research, frameworks, css, conformance, quality
12 Modern CSS Techniques for Older CSS Problems659
css, techniques, optimization
A Guide to Writing About Digital Accessibility (deq)658
guides, writing, accessibility
Fetch API Is [the] New Old Version of AJAX657
javascript, data-fetching, apis, ajax
Get to Know Your Browser’s Performance Profiler656
browsers, tooling, performance, profiling
How to Use Videos With Alpha Transparency on the Web (ben)655
how-tos, html, multimedia, transparency
Master Higher-Order Functions in JavaScript654
javascript, functions
Please, Stop Disabling Zoom (mat)653
accessibility, zooming, html
Practical Use Cases for “:has()” Pseudo-Class (zor/css)652
videos, css, selectors
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)651
headless, principles, resilience
Design Patterns: How to Create Simple Interfaces (web)650
how-tos, design, design-patterns
Designing a Better Language Selector (vit/sma)649
design, usability, internationalization, localization
JavaScript Containers (tin)648
javascript, outlooks
Nail Your Website Redesign in 2022—Tips and Tricks647
videos, redesigning, tips-and-tricks
Test Back/Forward Cache (dev)646
bfcache, testing, dev-tools, chrome, browsers, google
The Evolution of WCAG: A Postcard From the Front Lines645
accessibility, wcag, standards, history
Which Programming Language Should I Learn First in 2022?644
programming, career, learning
Developing a Low-Touch Adoption Strategy for a New Design System (uxd)643
user-experience, design-systems
How Not to Do Accessible Design (uxd)642
accessibility, design, colors
Contextual Spacing for Intrinsic Web Design (5t3)641
design, intrinsic-design, css, spacing
fediverse.info640
websites, fediverse
How to Create a Color Palette for Your Design System639
how-tos, design-systems, colors, color-palettes
In Defence of the Single Page Application638
single-page-apps
Legibility—How and Why Typography Affects Ease of Reading637
websites, books, typography, legibility
Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser636
browsers, desktop, microsoft, edge, apple, safari, metrics, comparisons
Why I Don’t Miss React: A Story About Using the Platform635
react
You Don’t Need a UI Framework (jos/sma)634
frameworks, css, tooling
It’s Time We Fix the Unethical Design of Cookie Consent Windows (uxd)633
design, ethics, cookies, consent-management, legal