Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2022” News Archive (3)

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