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 respect and accountability. Hide

Frontend Dogma

“2022” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Why I Still Love PHP and JavaScript After 20+ Years (mnl)1148
php, javascript, retrospectives
CSS Border Animations (bra)1147
css, borders, animations
IE: RIP or BRB? (bru)1146
videos, browsers, internet-explorer, history
An Introduction to Webmention1145
introductions, webmentions
The Importance of Clean Code in Your Startup’s Success1144
quality
Fitts’s Law and Its Applications in UX (nng)1143
user-experience, interaction-design
Checking if a JavaScript Native Function Is Monkey Patched1142
javascript, functions
How to Add a Subtle Gradient on Top of an Image Using CSS1141
how-tos, css, gradients
Firefox (and Other Browsers), Forgotten? (col)1140
browsers, firefox, testing
10+ Things I Always Set Up in Git When I Prepare a New Environment1139
git, command-line, environments
The Horizontal Overflow Problem (hui)1138
css, overflow
Use the Active Voice to Transform Your Design System Documentation (amy)1137
design-systems, documentation, writing
Which Generator Builds Markdown the Fastest? (zac)1136
site-generators, markdown, performance, comparisons
500 ms to 1.7 ms in React: A Journey and a Checklist1135
performance, react
Detecting CSS Selector Support With JavaScript1134
css, selectors, feature-detection, support
Recreating MDN’s Truncated Text Effect (geo/css)1133
mdn, css, effects
Testable Frontend: The Good, the Bad, and the Flaky (nom/sma)1132
testing, flakiness
The Advanced Guide to the CSS “:has()” Selector (log)1131
guides, css, selectors
Underengineer Your Websites (aar/ben)1130
videos, interviews, accessibility
Quick Tip: Negative Animation Delay (mic)1129
css, animations, tips-and-tricks
8 Simple Steps to Complete a Technical SEO Audit1128
seo, auditing
When Will Scrum Die?1127
agile, scrum, kanban, processes
Adding Observability to Your Jest Tests1126
javascript, jest, testing, observability
3 Simple Ways to Center an Element Using CSS (zor/css)1125
videos, css, centering
Abbreviations Suck (cfe)1124
accessibility, html
CSS Minimal Dark Mode Toggle Button1123
code-pens, toggles, effects, minimalism
Design Systems for Humans (amy)1122
design-systems, user-experience
Why I’m Learning TypeScript1121
typescript
Server Side Includes—All You Need to Know About SSI1120
ssi
You Don’t Need Microservices1119
microservices
Adventures in Text Rendering: Kerning and Glyph Atlases1118
typography, rendering, kerning
Release Notes for Safari Technology Preview 150 (jon/web)1117
release-notes, safari, browsers
A Good Reset1116
css, resets
#ADA32: The ADA Has Applied to Digital for Decades (lfl)1115
accessibility, ada, legal
Maintenance Matters (vig)1114
maintenance, code-reviews, consistency, testing, logging, documentation
Speaking Up and Speaking Out: Tactical Communication in Accessibility (mer/equ)1113
accessibility, communication
The 10 Affirmations of Good Digital Accessibility (deq)1112
accessibility
Introducing Even More Security Enhancements to npm1111
introductions, npm, security
Django Tips and Tricks1110
django, tips-and-tricks
Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist1109
design, brutalism, user-experience, minimalism
5 Best UX Careers to Pursue in 2022 (uxm)1108
user-experience, career
“<article>” vs. “<section>”: How to Choose the Right One (sma)1107
html, semantics, comparisons
Solving the “Dangler” Conundrum With Container Queries and “:has()” (dav)1106
css, selectors
Typography in Web Design (uxm)1105
typography, design
Your Code Doesn’t Have to Be a Mess1104
quality
Priority Hints—What Your Browser Doesn’t Know (Yet)1103
performance, hints
Fix Web Performance for the Long-Term (sia)1102
performance, testing, processes
Everything You Need to Know About JavaScript Import Maps (hon)1101
javascript, dependencies, import-maps
Clean Architecture: Applying With React1100
architecture, react
Mobile UX: Study Guide (nng)1099
guides, user-experience, mobile, training, link-lists
Ancient Web Browsers1098
websites, browsers, history
The History of JavaScript1097
history, javascript
Understanding CSS “:has()” (mey/iga)1096
videos, css, selectors
Say “No” to Tailwind, Embrace Plain CSS1095
frameworks, tailwind, css
Definitive Guide to CAPTCHA Accessibility1094
guides, accessibility, captcha
Type Annotations in JavaScript1093
javascript, typescript, annotations
Intro to Serverless Functions1092
introductions, serverless, functions, netlify
What Is HCI (Human–Computer Interaction)? Meaning, Importance, Examples, and Goals1091
concepts, hci, examples
20 Git Commands Every Developer Should Know1090
git, command-line
Introduction to SvelteKit (thi)1089
videos, introductions, sveltekit
Roundup of Recent Document Outline Chatter (geo/css)1088
html, headings, semantics, accessibility
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv)1087
css, selectors, accessibility, keyboard-navigation, focus
Research Insight: Accessibility of Images (ihe/tet)1086
accessibility, usability, images, research
Escaping the sRGB Prison (svg/css)1085
videos, colors
Where’s the Fun in Accessibility?1084
accessibility, user-experience
Vector Animations With Figma and SVG Animate1083
animations, figma, svg, images
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks1082
frameworks, redwoodjs, javascript, comparisons
Front-End Internationalisation Tips (stu)1081
internationalization, fonts, css, javascript
Top Layer Support in Chrome DevTools1080
css, dev-tools, browsers, chrome
An Introduction to Multithreading in Node.js (app)1079
introductions, nodejs, multithreading
Create Complex Transitions With Individual CSS Transform Properties (zor/css)1078
videos, css, transitions
Powerful Image Optimization Tools (lou/sma)1077
link-lists, images, compression, performance, tooling
Rethinking Device Emulation in Browsers (cod)1076
browsers, tooling, usability
Creating an App Using Drag and Drop With React Without Libraries1075
react, drag-and-drop
Top 5 npm Vulnerability Scanners1074
npm, security, vulnerabilities, tooling
New WebKit Features in Safari 15.6 (jen/web)1073
release-notes, safari, browsers, webkit
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1072
html, semantics, headings, microcontent, accessibility
Logical Properties for Useful Shorthands (mic)1071
css, logical-properties, shorthands
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (get)1070
javascript, optimization, tree-shaking
Expert Tips for Color Accessibility on the Web1069
tips-and-tricks, accessibility, colors
15 Common Beginner JavaScript Mistakes1068
javascript, mistakes
The 10 Most Common JavaScript Issues Developers Face1067
javascript, mistakes
Abbreviations Can Be Problematic (tem)1066
html, accessibility
How Did REST Come to Mean the Opposite of REST? (htm)1065
apis, rest
Useful Tips and Tricks in JavaScript1064
javascript, tips-and-tricks
5 Learnings From Adopting OKRs at the Team Level1063
okr, prioritization, processes, lessons, link-lists
JSON Creator Douglas Crockford Interview (dou)1062
interviews, javascript
What Is WAI? The Web Accessibility Initiative1061
accessibility
Hacking JavaScript Objects1060
javascript, objects
What Is Passwordless Authentication and How to Implement It1059
authentication, security, passwords
Why I No Longer Care What People “Like” or “Don’t Like”1058
design
How Scrum With Kanban Works1057
agile, scrum, kanban, processes
An Approach to Continuous Learning1056
career, learning
Can SVG Symbols Affect Web Performance?1055
svg, images, performance
CSS Gradient Background From Figma to CodePen1054
css, gradients, backgrounds, figma, codepen
CSS Properties1053
css, overviews
Konqueror: The Forgotten Browser That Conquered the Market (dis)1052
videos, history, konqueror, browsers
Using Grids in Interface Designs (nng)1051
layout, grids, usability
7 Tips for Clean React TypeScript Code You Must Know1050
react, typescript, tips-and-tricks
Use Firefox for Accessibility Testing (col)1049
browsers, firefox, accessibility, testing
Welcome to the Dark Side (yat)1048
dark-mode, accessibility, usability
What Does x% of Issues Mean? (aar)1047
accessibility, metrics
7 Quick Facts About WCAG 2.2 (lev)1046
accessibility, wcag, standards
Could Sustainable Websites Increase Energy Consumption?1045
sustainability
Working With File System Paths on Node.js (rau)1044
nodejs, file-handling
Minimal Social Markup (j9t)1043
html, social-media, open-graph, minimalism
Perceived Affordances and the Functionality Mismatch (tin)1042
usability, accessibility, semantics
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1041
html, semantics, accessibility, aria
The Hidden History of Screen Readers (ver)1040
accessibility, screen-readers, assistive-tech, history
Web Accessibility Laws and Policies1039
accessibility, legal, policies, link-lists
Bag Some AAA Wins Where You Can (tem)1038
accessibility, wcag
Custom ESM Loaders: Who, What, When, Where, Why, How1037
nodejs, esm
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)1036
javascript, prototypes
Optimizing Node.js Dependencies in AWS Lambda1035
nodejs, dependencies, aws, serverless, lambda, optimization
Creating a CSS Only Interactive Site Menu1034
navigation, css
My War on Animation (ver)1033
accessibility, animations
Applying SOLID Principles in React1032
quality, maintainability, principles, solid, react
The Cost of Consistency in UI Frameworks (rya/thi)1031
frameworks, consistency
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1030
accessibility, html, aria, mistakes
The Methods UX Professionals Use1029
user-experience, processes
Making the Wrong Choice on Build vs. Buy1028
economics, processes, engineering-management, complexity, comparisons
A Look at Remix and the Differences With Next.js (fgi/sma)1027
comparisons, frameworks, remix, nextjs
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1026
performance, web-vitals, comparisons, html, attributes, aspect-ratio, css
Building (or Rebuilding) a Website With Accessibility in Mind1025
accessibility
Forms in Modals: UX Case1024
forms, modals, user-experience
Fundamentals Matter (cfe)1023
fundamentals
Generating Accessibility Test Results for a Whole Website With Pa11y CI1022
accessibility, testing, tooling
Guide to Trending Front-End Frameworks in 2022 (uxm)1021
guides, frameworks, react, jquery, express, angular, vuejs
Integer Math in JavaScript1020
javascript, math
Statements vs. Expressions (jos)1019
javascript, comparisons
Technical Writing for Developers (css)1018
writing, version-control
The Many Faces of Themeable Design Systems (bra)1017
design-systems, theming
37 Easy Ways to Spice Up Your UI Designs1016
design, effects
JavaScript Obfuscation Techniques by Example1015
javascript, obfuscation, techniques, examples
The Ultimate Guide to Debugging Accessibility Issues1014
guides, accessibility, debugging
Figma Auto Layout = “display: flex”1013
figma, css, flexbox
Working on a New Feature as a Senior Frontend Developer1012
processes
Choosing the Right Mindset to Design Complex Applications1011
design, complexity, processes
Data Structure and Algorithms 1021010
data-structures, algorithms, complexity
Set JAWS Free! (yat)1009
accessibility, screen-readers, jaws
The Future of CSS: Variable Units, Powered by Custom Properties (bra)1008
css, units, custom-properties
CSS Complexity: It’s Complicated (pro)1007
css, cascade
Holograms, Light-Leaks, and How to Build CSS-Only Shaders1006
how-tos, css, blend-modes, effects
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)1005
html, semantics, accessibility
The CSS Cascade, a Deep Dive (bra/css)1004
videos, css, cascade, deep-dives
An Accessibility-First Approach to Chart Visual Design (sma)1003
accessibility, information-design
Make It Accessible1002
websites, accessibility
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (aar)1001
accessibility, browsers, safari, css
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ)1000
accessibility, captions, writing, automation, comparisons
HTTP Content Negotiation999
http, content-negotiation
The Hard Parts of Developer Advocacy (for Me) (bla)998
developer-relations, advocacy, community, career
Truly Portable Design Patterns (clo)997
design-patterns, components
What Are Color Gamuts (svg)996
colors
The Joy of Variable Fonts: Getting Started on the Frontend (rom+/evi)995
fonts, variable-fonts, css, introductions
On Transpilers (zse)994
transpiling, compiling, go, rust
Style With Stateful, Semantic Selectors (ben)993
css, aria
The Ballad of Text Overflow (sib/tpg)992
css, overflow, accessibility
Masonry? In CSS?! (mic)991
css, layout, masonry
Inverted Media Queries and Breakpoints990
css, media-queries, breakpoints
The Case for Null in Design Systems (eri)989
design-systems
Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice?988
user-experience, design, consistency, best-practices
Magento Tips and Tricks to Increase Online Sales: 8 Simple Strategies987
magento, economics, tips-and-tricks, strategies
Executing Shell Commands From Node.js (rau)986
nodejs, shells
The Off by Default Web (pau)985
web, permissions
Body Margin 8px (mia)984
css, margins, history
The Unlocked Possibilities of the “:has()” Selector (jim)983
css, selectors
Two Levels of Customising “<selectmenu>” (hdv)982
accessibility, html
How to Make Text Improve User Experience: Insights Into UX Writing981
how-tos, user-experience, writing
Super-Helpful Tips When Working With Figma Component Properties980
figma, tips-and-tricks, components
css-browser-support (5t3)979
packages, npm, css, browsers, support
Frontend Web Performance: The Essentials978
fundamentals, performance, javascript
Faster WordPress Rendering With 3 Lines of Configuration (sto)977
wordpress, performance, css, http, configuration
Best Practices for Images976
images, html, best-practices
How to Auto-Prefix and Minify CSS?975
how-tos, css, vendor-extensions, minification, tooling
Web Development Is Like Assembling IKEA Furniture (cod)974
comparisons
Write Git Commit Messages That Your Colleagues Will Love973
git, commit-messages
Breaking Out of a Central Wrapper (mic)972
css
Reimagining Front-End Web Development With htmx and Hyperscript971
outlooks, htmx
“That’s Not Accessible!” and Other Statements About Accessibility (hdv)970
accessibility
The New Wave of React State Management969
react, state-management, comparisons
CSS Variable Secrets (lea/css)968
videos, css, custom-properties
404 vs. 410—the Technical SEO Experiment967
seo, http, comparisons, experiments
Building Tabs in Web Components966
web-components
Thoughts on an Accessibility “Get Well” Plan (j9t)965
accessibility, processes, engineering-management, leadership
What Every Newbie Developer Should Know964
career
What the Hell Is “<!DOCTYPE html>”?963
html, doctypes
Farewell to HTML5Rocks (pau)962
community, html, history
Are You Sure That’s a Number Input? (kil)961
html
Fresh 1.0 (lca/den)960
fresh, frameworks
Googlebot and the 15 MB Thing959
google, seo
Working With the File System on Node.js (rau)958
nodejs, file-handling, apis
A CLS Punishment for Progressive Enhancement? (bel/pic)957
performance, web-vitals, progressive-enhancement
Demystifying the New Gatsby Framework (mon/sma)956
frameworks, gatsby
How to Serve WebP Images on nginx955
how-tos, webp, images, nginx, servers
My Wonderful HTML Email Workflow (jos)954
html, mjml, markdown, mdx, email, processes
SPAs: Theory Versus Practice (nol)953
single-page-apps, comparisons
Style Queries (una)952
css, style-queries
Image Guard (j9t)951
packages, npm, images, compression, performance, jpeg, png, gif, webp, avif
What Do the Developers Do in the Last Week of the Sprint?950
agile, scrum, processes
A Previous Sibling Selector (jim)949
css, selectors
Using JavaScript to Fill localStorage to Its Maximum Capacity948
javascript, browser-storage
UX Writing: Study Guide (nng)947
guides, user-experience, writing, training, link-lists
GA4 Is Being Blocked by Content Security Policy946
security, csp, metrics, google
Why Use Sass?945
sass
4+ Years of Cracking Technical Interviews944
interviewing, career
Missing Introduction to React943
introductions, react
Single Element Loaders: The Bars (css/css)942
css
Accessible Design Systems (ihe/tet)941
accessibility, design-systems
WCAG 2.1 AA Web Accessibility Checklist940
checklists, accessibility, wcag
Introduction to Defensive CSS (sha)939
introductions, css
5 Useful CSS Properties That Get No Love (kev)938
videos, css
7 UX Laws You’re Probably Getting Wrong (web)937
user-experience, usability, design
Apple Is Not Defending Browser Engine Choice (sli)936
browsers, browser-engines, web, apple
Can We Enterprise CSS Grid? (hui)935
css, grids, layout, frameworks
Getting Started With Vue Composables (log)934
vuejs, introductions
Managing Specificity With CSS Cascade Layers (zor/css)933
videos, css, selectors, cascade
Stop the Screen Going to Sleep With JavaScript932
javascript
Everything You Need to Know About Web Performance (in 5 Minutes)931
performance, web-vitals, compression
How We Designed an Accessible Color Palette From Scratch930
accessibility, colors, color-palettes, case-studies
Mastering “z-index” in CSS929
css, positioning
Different Ways to Write CSS in React (css)928
css, react
In Defense of Blocks for Local Scopes II927
javascript, scope
In Defense of Blocks for Local Scopes926
javascript, scope
Please Remove That .git Folder925
security, git
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)924
selectors, scope, dom, shadow-dom, performance, comparisons, metrics
“text-overflow: ellipsis” Considered Harmful (yat)923
accessibility, css, overflow
What Would a Chromium-Only Web Look Like? (mno)922
browsers, browser-engines, chromium, google, web
User Vulnerabilities in the Data Cycle921
user-experience, vulnerabilities, privacy, legal
Introducing Keyboard Navigation (bru)920
videos, accessibility, introductions
Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (zel+)919
interviews, web, css
10 Incident Management Best Practices for Streamlined Operations918
incident-response, best-practices, processes
Types of URL Redirects and SEO Best Practices917
urls, redirecting, seo, best-practices
A Design System Here, a Design System There (dut)916
design-systems, design-tokens, css
Cascade Layers—There’s a Polyfill for That! (odd)915
css, cascade, polyfills
How and When to Use the CSS “:has” Selector (log)914
css, selectors
The Right Space Around Headings in Web Typography (pim)913
typography, spacing, headings
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs?912
videos, accessibility, writing, information-design
Be the Browser’s Mentor, Not Its Micromanager (bel)911
videos, css
Svelte Origins: A JavaScript Documentary910
videos, javascript, svelte
Future Features of JS (jsn)909
videos, javascript
How I Built a Dark Mode Toggle (hdv)908
dark-mode, toggles
Icon-Only Links Fail WCAG (tem)907
accessibility, links, wcag, images, icons, conformance
One Line of CSS to Add Basic Dark/Light Mode (cod)906
dark-mode, css
Groking “:active”, “:focus”, and “:focus-visible” Pseudo-Classes (thi)905
css, selectors, focus
Best Practices for Overlays II904
accessibility, best-practices, overlays
A Beginner’s Guide to Inclusive UX Design903
guides, dei, user-experience, design
HTML Cheatsheet902
html, examples, cheat-sheets
The Dos and Don’ts of Pairing Typefaces (nng)901
design, typography, readability, legibility, usability
The Case for Using Sass in 2022 (may)900
preprocessors, sass
Alternatives to Installing npm Packages Globally (rau)899
installing, npm, dependencies
The Cost of Convenience (sur)898
web-platform, developer-experience
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)897
design, naming, history, navigation, breadcrumbs
Is It Expensive to Build an Eco-Friendly Website?896
sustainability, economics
Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement895
user-experience, cookies, pop-ups, legal
Using Web Streams on Node.js (rau)894
nodejs, streaming
3 Useful CSS Hacks (kev)893
videos, css
Notes on Maintaining an Internal React Component Library892
react, maintenance, components, libraries
Web Design Tool Wish List (gri/clo)891
design, tooling, wish-lists
In and Out of Style (ada/css)890
videos, css
Naming Conventions for Design Systems889
design-systems, naming, conventions
How to Use ESLint and Prettier for Code Analysis and Formatting888
how-tos, quality, consistency, eslint, prettier, linting, formatting
RIP Internet Explorer: A Hate Filled Love Letter (zol)887
internet-explorer, browsers, retrospectives
5 Very Simple Steps You Can Take for Accessibility Improvement (mni)886
accessibility, optimization
Communication Accessibility: It’s Time to Change How We Communicate (mer)885
accessibility, communication
Complex vs. Compound Selectors (mia)884
css, selectors, comparisons
Conditionally Styling Selected Elements in a Grid Container (pre/css)883
css, grids, selectors
You Don’t Need a JavaScript Library for Your Components882
javascript, libraries, components
How to Prevent Merge Conflicts (or at Least Have Less of Them) (bla)881
how-tos, version-control, git
Why You Should Consider Prisma.io880
databases, tooling, orm, prisma
Do Dyslexia Fonts Improve Accessibility?879
accessibility, dyslexia, fonts
Fun CSS-Only Scrolling Effects for Matterday878
css, effects, parallax
The Guide to Windows High Contrast Mode (its/sma)877
guides, colors, contrast, windows
How to Remove 99% of JavaScript From Main Thread (wea)876
videos, how-tos, javascript, performance
CSS Card Shadow Effects (hui)875
css, effects
Design Principles for the Web (ada/wea)874
videos, software-design, principles, web
Dialogs and Shadow DOM: Can We Make It Accessible? (nol)873
modals, accessibility, dom, shadow-dom
Simple CSS Solutions (kev)872
videos, css
Software Engineering: The Soft Parts (add)871
principles
Sponsoring Dependencies: The Next Step in Open Source Sustainability (nza)870
dependencies, economics, foss
Understanding the JavaScript Window Object869
javascript, objects
Change Management for Accessibility (deq)868
accessibility, processes
Notes From the Dev: Essential Advice on How to Use MJML (meg)867
how-tos, email, mjml
Should I Have Separate GitHub Accounts for Personal and Professional Projects?866
discussions, github, career, security
The Smallest CSS (fon)865
css, minimalism
Why You Shouldn’t Modify Scrum864
agile, scrum, processes
The Folly of Design System “Foundations”863
design-systems
Designing the Perfect Button862
design, buttons
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK861
performance, monitoring, metrics
Design System Maturity (ben)860
videos, design-systems
AbortController Is Your Friend859
javascript
Modern JavaScript, 10 Things You Should Be Using, Starting Today858
javascript
Better Scrolling Through Modern CSS (may)857
css, scrolling
10 Dos and Don’ts of Web Design in 2022 (web)856
design, principles
Measuring the Performance of Typefaces for Users II (sma)855
typography, fonts, performance
Single Element Loaders: The Spinner (css/css)854
css, effects
The Many Definitions of Server-Side Rendering (zac)853
server-side-rendering
Write HTML Right852
html, optimization
How We Think About Browsers (kei)851
browsers, case-studies
State of the Vuenion 2022 (eva/vue)850
videos, vuejs
Make DevTools Pick Colors Outside of Chrome (ami)849
dev-tools, colors, browsers, chrome
The Future of Frontend Build Tools (sma)848
tooling, building
Design Systems; the Great Connector847
design-systems
Inclusive User Research: Analysing Findings (tet)846
dei, usability, research
Mobile-First CSS: Is It Time for a Rethink? (ali)845
mobile-first, mobile, css
Patterns for Building JavaScript Websites in 2022 (rya/thi)844
javascript, frameworks, comparisons
Simplify Your Color Palette With CSS “color-mix()” (sma)843
css, colors, color-palettes
WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (yat)842
accessibility, reflow, resizing, wcag
JavaScript Hydration Is a Workaround, Not a Solution841
javascript, hydration
How to Use Headings for Website Accessibility840
how-tos, accessibility, headings, semantics
How to Animate SVG Shapes on Scroll (cod)839
how-tos, css, animations, svg
Aspects of Accessibility—Semantics, Contrast, and… Anxiety?838
accessibility, semantics, colors, contrast, user-experience
Building Interoperable Web Components That Even Work With React (ada/css)837
web-components, interoperability, react
Lynx Browser: The Land That Time Revived836
lynx, browsers, command-line
Meet Web Push (web)835
browsers, apis, support, standards
Optimize the Use of “if–else”834
javascript
How to Create Dark Mode for Your Designs in Figma833
how-tos, dark-mode, figma
Mathematical Notation for JavaScript Developers Explained832
javascript, math
A New Definition of HTTP (mno)831
protocols, http
Shallow Copy and Deep Copy830
javascript
Best Practices for Overlays829
accessibility, best-practices, overlays
Web Typography: Establishing a Strong Typographic System (mis)828
typography
Are You Ignoring Digital Accessibility at Your Job?827
accessibility, career
Can I DevTools?826
websites, browsers, dev-tools, support
How to Use Variables in CSS: CSS Custom Properties (web)825
how-tos, css, custom-properties
Measuring the Performance of Typefaces for Users (sma)824
typography, fonts, performance
WCAG 3 Compliant? Check Again823
accessibility, wcag, standards
Why Most Design Systems Implode (bra/sto)822
interviews, design-systems
Hamburger Footer: Reaching the Bottom of Infinite Scroll (pro)821
scrolling, usability, navigation
A Brief History of Responsive Web Design (web)820
history, responsive-design
Don’t Sink Your Website With Third Parties (sma)819
embed-code, dependencies, performance
More Light! (bas/btc)818
videos, outlooks, sustainability
Web Development Resources (mar)817
websites, link-lists
Developing Cross Browser Compatible Web Apps With Modernizr816
web-apps, modernizr, feature-detection
24 Tips for Beginner Programmers (fla)815
programming, learning, tips-and-tricks
Bad Bad UX: 20 Common Mistakes in User Experience814
user-experience, mistakes
Dealing With Hover on Mobile (kev)813
videos, css, media-queries, mobile
Declarative Design Systems (ada)812
design-systems
Do We Have a Lack of Developers or a False Assumption What the Job Is? (cod)811
career
How to Pick the Least Wrong Colors810
how-tos, colors, design, accessibility
Monorepos in JavaScript and TypeScript (rwi)809
javascript, typescript, monorepos
How to Create Ebooks With Markdown (fla)808
how-tos, markdown
Useful Built-In Node.js APIs (cra)807
nodejs, apis
Obscure CSS: Implicit List-Item Counter (kiz)806
css, lists, counters
Writing Useful Alt Text (mic)805
accessibility, writing, alt-text, images
The Cicada Principle and Why It Matters to Web Designers (mis)804
design, principles
How to Migrate From Yarn/npm to pnpm803
how-tos, migrating, yarn, npm, pnpm
Level Up Your Link Previews in Slack (whi)802
html, social-media, open-graph, links, slack
Two Lines of CSS That Boosts 7× Rendering Performance801
css, performance, rendering
Understanding CSRF Attacks (zel)800
security, csrf
Checklist for Moderating a Usability Test (nng)799
usability, testing, checklists
Interview With Léonie Watson (tin+)798
interviews, accessibility
How Does Social Interaction Change in an Age of New Media?797
web, interaction-design
7 Tips to Improve Your TypeScript796
typescript, tips-and-tricks, optimization
APCA: The New Algorithm for Accessible Colour Contrast795
accessibility, colors, contrast, apca
JavaScript of Halftone Printing794
javascript, halftone, print
Just How Long Should Alt Text Be? (geo/css)793
accessibility, writing, alt-text, images
You May Not Need a Bundler for Your npm Library792
bundling, npm
8 Shocking HTML Tips You Probably Don’t Know About791
html, tips-and-tricks
Manage Accessible Design System Themes With CSS “color-contrast()” (sma)790
design-systems, theming, css
The Story of the Custom Scrollbar Using CSS789
css, scrolling
What’s the Alternative (Text)? (col)788
accessibility, writing
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)787
html, forms, history, mistakes
How to Fix: “Buttons Do Not Have Accessible Names”786
how-tos, buttons, wcag
What npm Can Learn From Go785
npm
npm Security Update: Attack Campaign Using Stolen OAuth Tokens784
security, oauth, version-control, npm
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)783
javascript, arrays, comparisons
A Perfect Table of Contents With HTML and CSS (nza/css)782
html, css
JavaScript Closures, Explained781
javascript, closures
Making Headers Sticky Using CSS for a Better Reading Experience (ami)780
css, readability, user-experience
Single Page Applications (ons/tpg)779
single-page-apps
Understanding Weak Reference in JavaScript (sma)778
javascript
Customizing Color Fonts on the Web (djr/web)777
fonts, colors, customization
CSS: Absolutely Positioning Things Relatively776
css, positioning, layout
Why Are Iframe Titles Important for Accessibility?775
accessibility, html, iframes, writing
How to Position Your Design System Team for Success (vig)774
how-tos, design-systems, collaboration, productivity
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks773
javascript, npm, dependencies, security
Inclusive Design 101772
dei, design
Four Tradeoffs When Designing Navigation Menus771
design, navigation
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers770
guides, html, semantics, examples, cheat-sheets
Advocating for Your Design System769
design-systems, advocacy
A Guide to Writing Industry Standard Git Commit Messages768
guides, git, writing, conventions, commit-messages
An Introduction to the Tailwind CSS and Atomic CSS767
introductions, tailwind, atomic-css, comparisons
Dialog Components: Go Native HTML or Roll Your Own? (css)766
modals, components, accessibility
Lesser-Known and Underused CSS Features in 2022 (cod/sma)765
css
5 Things I’d Want to See Improved in WordPress Core764
wordpress
15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022 (ste)763
agile, scrum, processes, anti-patterns
Accessibility From Different Perspectives (hdv)762
accessibility
Making Disabled Buttons More Inclusive (san/css)761
forms, buttons, focus, aria, html, attributes, accessibility
The Balance Has Shifted Away From SPAs (nol)760
single-page-apps
First Look at the CSS “object-view-box” Property (sha)759
css
Fun With CSS Combinators (alv)758
css, selectors
Triaging WCAG 2.1 Level AAA (tet)757
accessibility, wcag, standards
Accessibility Not-Checklist (int)756
websites, accessibility, checklists
Automate Accessibility Tests With Storybook (sto)755
accessibility, testing, automation, storybook
Patterns (w3c)754
design-patterns, aria, best-practices
React Accessibility Resources (bru)753
react, accessibility, link-lists
React Hooks Best Practices in 2022752
react, hooks
Web Accessibility Is Broken—It’s Time to Fix It (yat)751
videos, accessibility
Web Development === Accessibility750
accessibility
Auto “nvm use” (wes)749
nvm, nodejs
Use “@supports” At-Rule for Feature Detection in CSS (zor/css)748
videos, css, feature-detection, support
The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure747
interviews, accessibility, leadership, culture, metrics
Thinking Colors: Balancing Between Visual and Abstract746
colors
4 Web Accessibility Remediation Mistakes to Avoid745
accessibility, mistakes
Let’s Make Accessibility Boring Again744
accessibility
What We Can Learn From Remix743
remix, frameworks
Conditionally Loading CSS or Any Resource Using Media Queries (ami)742
html, media-queries, performance
Quick and Dirty Text Diffing (jim)741
tooling
Building a Button Component (arg)740
components, html, css, javascript, buttons
How to Ask for a Promotion739
how-tos, career
The Rise and Fall of Neumorphism738
design
RFC 9239: Updates to ECMAScript Media Types (rau)737
javascript, mime-types
Reduce Array of Objects to an Object in JavaScript (ami)736
javascript, arrays, objects
WCAG 2.2 and WCAG 3 Status Updates735
accessibility, wcag, standards
WP Accessibility Day734
websites, awareness-days, wordpress, accessibility
The Forgotten Benefits of “Low Tech” User Interfaces733
usability
How the HTML “lang” Attribute Helps Accessibility732
accessibility, html, attributes, localization
UI and UX Micro-Tips731
user-experience, forms, tips-and-tricks
The Modern Way to Create and Host a WordPress Site (sma)730
content-management, wordpress, hosting
24×24 Pixel Cursor Bookmarklet (aar)729
accessibility, wcag, testing, bookmarklets
9 Ways to Design Inclusive Content (moz)728
content, dei
Building a Design System With Eleventy727
design-systems, eleventy
Rethinking Server-Timing as a Critical Monitoring Tool (sma)726
performance, time, http, metrics, monitoring
Unexpectedly HTTPS?725
http, security
Unpack Arrays Conditionally in PHP (ami)724
php, arrays
Web Applications 101 (rwi)723
web-apps, concepts
:where() :is() :has()? New CSS Selectors That Make Your Life Easier (kil/pol)722
css, selectors
Quick Tip: You Might Not Need “calc()” (mic)721
css, tips-and-tricks
Color Alignment for Multiple Design Systems720
design-systems, colors
An Affordable Work-from-Home Setup for Remote Workers719
productivity
Peering Into the Accessibility of Dark Mode718
accessibility, dark-mode
The Era of Rebellious Web Design Is Here717
design
More Common Accessibility Issues That You Can Fix Today (hdv)716
accessibility
Personas vs. Archetypes (nng)715
usability, user-experience, personas, testing, comparisons
Call to Action Examples714
websites, writing, buttons, examples
Keyboard Testing: The A11y Enhancement to Your Definition of Done (ste)713
accessibility, keyboard-navigation, testing
Master the “:nth-child()” Pseudo-Class (zor/css)712
videos, css, selectors
Cool Hover Effects That Use CSS Text Shadow (css/css)711
css, hover, effects
Don’t Fight the Browser Preload Scanner (mal)710
browsers, html, parsing, performance
A Designer’s Journey of Ignorance, Resentment, and Wisdom709
design
Does JavaScript Make My Site Less Accessible?708
accessibility, javascript, wcag
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)707
how-tos, performance, google, metrics, javascript, frameworks
W3C TAG Ethical Web Principles (tor+/w3c)706
ethics, principles, w3c
Bringing Page Transitions to the Web (jaf)705
videos, css, transitions
Tokens as Intents (don)704
design-tokens, naming, typography
When, Why, and How to Multithread in Flutter703
videos, flutter, dart, multithreading
Debugging Accessibility With Chrome DevTools702
videos, dev-tools, accessibility, debugging, browsers, chrome
Light and Dark Mode in Just 14 Lines of CSS (whi)701
css, dark-mode
Divs Are Bad! (mat)700
html, semantics
Why WCAG 2.2 Is Still in the Oven (deq)699
accessibility, wcag
XHTML Syntax Is Still Worth Using (tem)698
xhtml, html
Designing for Web Accessibility in 60 Seconds (dav)697
accessibility
State of CSS 2022 (arg)696
css
Bridging the Gap (rac)695
css, support
How to Learn JavaScript Fast: Six Simple Mind Tricks694
how-tos, javascript, tips-and-tricks, learning
On Design Thinking693
design
Magical SVG Techniques (sma)692
svg, images, techniques
Two Approaches to Accessibility on the Web (j9t)691
accessibility, automation
Under the Hood: React vs. Vue vs. Svelte690
frameworks, react, vuejs, svelte, comparisons
Cron Jobs: A Comprehensive Guide689
guides, cron, automation
You Don’t Need “void 0”688
javascript
The Complete Modern React Developer 2022687
react
A Management Maturity Model for Performance (sli)686
performance
Frontend Versus Backend Web Development (uxm)685
comparisons
Learn HTML [and] CSS (jad)684
websites, courses, html, css
Reinventing W3C Governance (rob)683
standards, w3c
“Someone Should Build X for the Web”—Why Not You? (cod)682
github
The Road to Universal JavaScript681
javascript
Understanding User Behaviors Across Surfaces (uxm)680
usability
Why SEO Is a Great Investment, Not Just a Cost (sea)679
seo, economics
Performance Game Changer: Browser Back/Forward Cache (tun/sma)678
browsers, caching, performance, web-vitals
How to Upload an Image With PHP (rik)677
how-tos, php, images, file-handling
A Different View Into Accessibility Overlays676
accessibility, overlays, testing, documentation, auditing
My Opinion on What Makes a Good Code Review675
code-reviews, productivity
The Ultimate Electron Guide674
guides, electron, chromium, nodejs, rendering, desktop
What’s Your Heading? (col)673
accessibility, html, headings, semantics
Scaling CSS Layout Beyond Pixels (5t3/btc)672
videos, css, scaling, layout, responsive-design
Learn CSS Subgrid (sha)671
css, grids, design
Lost in Translation (mat/btc)670
videos, design, accessibility, html, css
How to Use the GitHub Pulls API to Manage Pull Requests669
how-tos, github, apis
Top 2021 CSS Frameworks Report: Validation (cit)668
studies, research, frameworks, css, conformance, quality
A Guide to Writing About Digital Accessibility (deq)667
guides, writing, accessibility
Fetch API Is [the] New Old Version of AJAX666
javascript, data-fetching, apis, ajax
Get to Know Your Browser’s Performance Profiler665
browsers, tooling, performance, profiling
Please, Stop Disabling Zoom (mat)664
accessibility, zooming, html
Practical Use Cases for “:has()” Pseudo-Class (zor/css)663
videos, css, selectors
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)662
headless, principles, resilience
How to Use Videos With Alpha Transparency on the Web (ben)661
how-tos, html, multimedia, transparency+opacity
Master Higher-Order Functions in JavaScript660
javascript, functions
12 Modern CSS Techniques for Older CSS Problems659
css, techniques, optimization
Design Patterns: How to Create Simple Interfaces (web)658
how-tos, design, design-patterns
Designing a Better Language Selector (vit/sma)657
design, usability, internationalization, localization
JavaScript Containers (tin)656
javascript, outlooks
The Evolution of WCAG: A Postcard From the Front Lines655
accessibility, wcag, standards, history
Which Programming Language Should I Learn First in 2022?654
programming, career, learning
Developing a Low-Touch Adoption Strategy for a New Design System653
user-experience, design-systems
How Not to Do Accessible Design652
accessibility, design, colors
Nail Your Website Redesign in 2022—Tips and Tricks651
videos, redesigning, tips-and-tricks
Test Back/Forward Cache650
bfcache, testing, dev-tools, chrome, browsers
Contextual Spacing for Intrinsic Web Design (5t3)649
design, intrinsic-design, css, spacing