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