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. Hide

Frontend Dogma

“2022” News Archive (3)

Entry (Sources) and Additional TopicsDate#
IE: RIP or BRB? (bru)1143
videos, browsers, microsoft, internet-explorer, history
An Introduction to Webmention1142
introductions, webmentions
The Importance of Clean Code in Your Startup’s Success1141
quality
Fitts’s Law and Its Applications in UX (nng)1140
user-experience, interaction-design
Checking if a JavaScript Native Function Is Monkey Patched1139
javascript, functions
Firefox (and Other Browsers), Forgotten? (col)1138
browsers, mozilla, firefox, testing
How to Add a Subtle Gradient on Top of an Image Using CSS1137
how-tos, css, gradients
10+ Things I Always Set Up in Git When I Prepare a New Environment1136
git, command-line, environments
The Horizontal Overflow Problem (hui)1135
css, overflow
Use the Active Voice to Transform Your Design System Documentation (amy)1134
design-systems, documentation, writing
Which Generator Builds Markdown the Fastest? (zac)1133
site-generators, markdown, performance, comparisons
500 ms to 1.7 ms in React: A Journey and a Checklist1132
performance, react
Detecting CSS Selector Support With JavaScript1131
css, selectors, feature-detection, support
Recreating MDN’s Truncated Text Effect (geo/css)1130
mdn, css, effects
Testable Frontend: The Good, the Bad, and the Flaky (nom/sma)1129
testing, flakiness
The Advanced Guide to the CSS “:has()” Selector (log)1128
guides, css, selectors
Underengineer Your Websites (aar/ben)1127
videos, interviews, accessibility
Quick Tip: Negative Animation Delay (mic)1126
css, animations, tips-and-tricks
8 Simple Steps to Complete a Technical SEO Audit1125
seo, auditing
When Will Scrum Die?1124
agile, scrum, kanban, processes
Adding Observability to Your Jest Tests1123
javascript, jest, testing, observability
3 Simple Ways to Center an Element Using CSS (zor/css)1122
videos, css, centering
Abbreviations Suck (cfe)1121
accessibility, html
CSS Minimal Dark Mode Toggle Button1120
code-pens, toggles, effects, minimalism
Design Systems for Humans (amy)1119
design-systems, user-experience
Release Notes for Safari Technology Preview 150 (jon/web)1118
release-notes, safari, apple, browsers
Why I’m Learning TypeScript1117
typescript
Server Side Includes—All You Need to Know About SSI1116
ssi
You Don’t Need Microservices1115
microservices
Adventures in Text Rendering: Kerning and Glyph Atlases1114
typography, rendering, kerning
A Good Reset1113
css, resets
#ADA32: The ADA Has Applied to Digital for Decades (lfl)1112
accessibility, ada, legal
Maintenance Matters (vig)1111
maintenance, code-reviews, consistency, testing, logging, documentation
Speaking Up and Speaking Out: Tactical Communication in Accessibility (mer/equ)1110
accessibility, communication
The 10 Affirmations of Good Digital Accessibility (deq)1109
accessibility
Introducing Even More Security Enhancements to npm1108
introductions, npm, security
Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist1107
design, brutalism, user-experience, minimalism
Django Tips and Tricks1106
django, tips-and-tricks
5 Best UX Careers to Pursue in 2022 (uxm)1105
user-experience, career
“<article>” vs. “<section>”: How to Choose the Right One (sma)1104
html, semantics, comparisons
Everything You Need to Know About JavaScript Import Maps (hon)1103
javascript, dependencies, import-maps
Solving the “Dangler” Conundrum With Container Queries and “:has()” (dav)1102
css, selectors
Typography in Web Design (uxm)1101
typography, design
Your Code Doesn’t Have to Be a Mess1100
quality
Priority Hints—What Your Browser Doesn’t Know (Yet)1099
performance, hints
Fix Web Performance for the Long-Term (sia)1098
performance, testing, processes
Clean Architecture: Applying With React1097
architecture, react
Mobile UX: Study Guide (nng)1096
guides, user-experience, mobile, training, link-lists
Ancient Web Browsers1095
websites, browsers, history
The History of JavaScript1094
history, javascript
Understanding CSS “:has()” (mey/iga)1093
videos, css, selectors
Say “No” to Tailwind, Embrace Plain CSS1092
frameworks, tailwind, css
Definitive Guide to CAPTCHA Accessibility1091
guides, accessibility, captcha
Type Annotations in JavaScript1090
javascript, typescript, annotations
Intro to Serverless Functions1089
introductions, serverless, functions, netlify
What Is HCI (Human–Computer Interaction)? Meaning, Importance, Examples, and Goals1088
concepts, hci, examples
20 Git Commands Every Developer Should Know1087
git, command-line
Introduction to SvelteKit (thi)1086
videos, introductions, sveltekit
Roundup of Recent Document Outline Chatter (geo/css)1085
html, headings, semantics, accessibility
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv)1084
css, selectors, accessibility, keyboard-navigation, focus
Research Insight: Accessibility of Images (ihe/tet)1083
accessibility, usability, images, research
Escaping the sRGB Prison (svg/css)1082
videos, colors
Top Layer Support in Chrome DevTools1081
css, dev-tools, browsers, google, chrome
Where’s the Fun in Accessibility?1080
accessibility, user-experience
Vector Animations With Figma and SVG Animate1079
animations, figma, svg, images
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks1078
frameworks, redwoodjs, javascript, comparisons
Front-End Internationalisation Tips (stu)1077
internationalization, fonts, css, javascript
An Introduction to Multithreading in Node.js (app)1076
introductions, nodejs, multithreading
Create Complex Transitions With Individual CSS Transform Properties (zor/css)1075
videos, css, transitions
New WebKit Features in Safari 15.6 (jen/web)1074
release-notes, safari, apple, browsers, webkit
Powerful Image Optimization Tools (lou/sma)1073
link-lists, images, compression, performance, tooling
Rethinking Device Emulation in Browsers (cod)1072
browsers, tooling, usability
Creating an App Using Drag and Drop With React Without Libraries1071
react, drag-and-drop
Top 5 npm Vulnerability Scanners1070
npm, security, vulnerabilities, tooling
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1069
html, semantics, headings, microcontent, accessibility
Logical Properties for Useful Shorthands (mic)1068
css, logical-properties, shorthands
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (get)1067
javascript, optimization, tree-shaking
Expert Tips for Color Accessibility on the Web1066
tips-and-tricks, accessibility, colors
15 Common Beginner JavaScript Mistakes1065
javascript, mistakes
The 10 Most Common JavaScript Issues Developers Face1064
javascript, mistakes
Abbreviations Can Be Problematic (tem)1063
html, accessibility
How Did REST Come to Mean the Opposite of REST? (htm)1062
apis, rest
Useful Tips and Tricks in JavaScript1061
javascript, tips-and-tricks
5 Learnings From Adopting OKRs at the Team Level1060
okr, prioritization, processes, lessons, link-lists
JSON Creator Douglas Crockford Interview (dou)1059
interviews, javascript
What Is WAI? The Web Accessibility Initiative1058
accessibility
Hacking JavaScript Objects1057
javascript, objects
What Is Passwordless Authentication and How to Implement It1056
authentication, security, passwords
Why I No Longer Care What People “Like” or “Don’t Like”1055
design
How Scrum With Kanban Works1054
agile, scrum, kanban, processes
An Approach to Continuous Learning1053
career, learning
Can SVG Symbols Affect Web Performance?1052
svg, images, performance
CSS Gradient Background From Figma to CodePen1051
css, gradients, backgrounds, figma, codepen
CSS Properties1050
css, overviews
Konqueror: The Forgotten Browser That Conquered the Market (dis)1049
videos, history, konqueror, browsers
Using Grids in Interface Designs (nng)1048
layout, grids, usability
7 Tips for Clean React TypeScript Code You Must Know1047
react, typescript, tips-and-tricks
Use Firefox for Accessibility Testing (col)1046
browsers, mozilla, firefox, accessibility, testing
Welcome to the Dark Side (yat)1045
dark-mode, accessibility, usability
What Does x% of Issues Mean? (aar)1044
accessibility, metrics
7 Quick Facts About WCAG 2.2 (lev)1043
accessibility, wcag, standards
Working With File System Paths on Node.js (rau)1042
nodejs, file-handling
Could Sustainable Websites Increase Energy Consumption?1041
sustainability
Minimal Social Markup (j9t)1040
html, social-media, open-graph, minimalism
Perceived Affordances and the Functionality Mismatch (tin)1039
usability, accessibility, semantics
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1038
html, semantics, accessibility, aria
The Hidden History of Screen Readers (ver)1037
accessibility, screen-readers, assistive-tech, history
Web Accessibility Laws and Policies1036
accessibility, legal, policies, link-lists
Bag Some AAA Wins Where You Can (tem)1035
accessibility, wcag
Custom ESM Loaders: Who, What, When, Where, Why, How1034
nodejs, esm
My War on Animation (ver)1033
accessibility, animations
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)1032
javascript, prototypes
Optimizing Node.js Dependencies in AWS Lambda1031
nodejs, dependencies, aws, serverless, lambda, optimization
Creating a CSS Only Interactive Site Menu1030
navigation, css
Applying SOLID Principles in React1029
quality, maintainability, principles, solid, react
The Cost of Consistency in UI Frameworks (rya/thi)1028
frameworks, consistency
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1027
accessibility, html, aria, mistakes
The Methods UX Professionals Use1026
user-experience, processes
Making the Wrong Choice on Build vs. Buy1025
economics, processes, engineering-management, complexity, comparisons
37 Easy Ways to Spice Up Your UI Designs1024
design, effects
A Look at Remix and the Differences With Next.js (fgi/sma)1023
comparisons, frameworks, remix, nextjs
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1022
performance, web-vitals, comparisons, html, attributes, aspect-ratio, css
Building (or Rebuilding) a Website With Accessibility in Mind1021
accessibility
Forms in Modals: UX Case1020
forms, modals, user-experience
Fundamentals Matter (cfe)1019
fundamentals
Generating Accessibility Test Results for a Whole Website With Pa11y CI1018
accessibility, testing, tooling
Guide to Trending Front-End Frameworks in 2022 (uxm)1017
guides, frameworks, react, jquery, express, angular, vuejs
Integer Math in JavaScript1016
javascript, math
Statements vs. Expressions (jos)1015
javascript, comparisons
Technical Writing for Developers (css)1014
writing, version-control
The Many Faces of Themeable Design Systems (bra)1013
design-systems, theming
JavaScript Obfuscation Techniques by Example1012
javascript, obfuscation, techniques, examples
The Ultimate Guide to Debugging Accessibility Issues1011
guides, accessibility, debugging
Figma Auto Layout = “display: flex”1010
figma, css, flexbox
Working on a New Feature as a Senior Frontend Developer1009
processes
Choosing the Right Mindset to Design Complex Applications1008
design, complexity, processes
Data Structure and Algorithms 1021007
data-structures, algorithms, complexity
Set JAWS Free! (yat)1006
accessibility, screen-readers, jaws
The Future of CSS: Variable Units, Powered by Custom Properties (bra)1005
css, units, custom-properties
CSS Complexity: It’s Complicated (pro)1004
css, cascade
Holograms, Light-Leaks, and How to Build CSS-Only Shaders1003
how-tos, css, blend-modes, effects
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (aar)1002
accessibility, browsers, apple, safari, css
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)1001
html, semantics, accessibility
The CSS Cascade, a Deep Dive (bra/css)1000
videos, css, cascade, deep-dives
An Accessibility-First Approach to Chart Visual Design (sma)999
accessibility, information-design
Make It Accessible998
websites, accessibility
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ)997
accessibility, captions, writing, automation, comparisons
HTTP Content Negotiation996
http, content-negotiation
The Hard Parts of Developer Advocacy (for Me) (bla)995
developer-relations, advocacy, community, career
Truly Portable Design Patterns (clo)994
design-patterns, components
What Are Color Gamuts (svg)993
colors
The Joy of Variable Fonts: Getting Started on the Frontend (rom+/evi)992
fonts, variable-fonts, css, introductions
On Transpilers (zse)991
transpiling, compiling, go, rust
Style With Stateful, Semantic Selectors (ben)990
css, aria
The Ballad of Text Overflow (sib/tpg)989
css, overflow, accessibility
The Off by Default Web988
web, permissions
Masonry? In CSS?! (mic)987
css, layout, masonry
Executing Shell Commands From Node.js (rau)986
nodejs, shells
Inverted Media Queries and Breakpoints985
css, media-queries, breakpoints
The Case for Null in Design Systems (eri)984
design-systems
Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice?983
user-experience, design, consistency, best-practices
Magento Tips and Tricks to Increase Online Sales: 8 Simple Strategies982
magento, economics, tips-and-tricks, strategies
Body Margin 8px (mia)981
css, margins, history
The Unlocked Possibilities of the “:has()” Selector (jim)980
css, selectors
Two Levels of Customising “<selectmenu>” (hdv)979
accessibility, html
How to Make Text Improve User Experience: Insights Into UX Writing978
how-tos, user-experience, writing
Super-Helpful Tips When Working With Figma Component Properties977
figma, tips-and-tricks, components
css-browser-support (5t3)976
packages, npm, css, browsers, support
Frontend Web Performance: The Essentials975
fundamentals, performance, javascript
Faster WordPress Rendering With 3 Lines of Configuration (sto)974
wordpress, performance, css, http, configuration
Best Practices for Images973
images, html, best-practices
How to Auto-Prefix and Minify CSS?972
how-tos, css, vendor-extensions, minification, tooling
Web Development Is Like Assembling IKEA Furniture (cod)971
comparisons
Write Git Commit Messages That Your Colleagues Will Love970
git, commit-messages
Breaking Out of a Central Wrapper (mic)969
css
Reimagining Front-End Web Development With htmx and Hyperscript968
outlooks, htmx
“That’s Not Accessible!” and Other Statements About Accessibility (hdv)967
accessibility
The New Wave of React State Management966
react, state-management, comparisons
CSS Variable Secrets (lea/css)965
videos, css, custom-properties
404 vs. 410—the Technical SEO Experiment964
seo, http, comparisons, experiments
Building Tabs in Web Components963
web-components
Thoughts on an Accessibility “Get Well” Plan (j9t)962
accessibility, processes, engineering-management, leadership
What Every Newbie Developer Should Know961
career
Farewell to HTML5Rocks960
community, html, history
What the Hell Is “<!DOCTYPE html>”?959
html, doctypes
Are You Sure That’s a Number Input? (kil)958
html
Fresh 1.0 (lca/den)957
fresh, frameworks
Working With the File System on Node.js (rau)956
nodejs, file-handling, apis
Googlebot and the 15 MB Thing955
google, seo
A CLS Punishment for Progressive Enhancement? (bel/pic)954
performance, web-vitals, progressive-enhancement
Demystifying the New Gatsby Framework (mon/sma)953
frameworks, gatsby
How to Serve WebP Images on nginx952
how-tos, webp, images, nginx, servers
My Wonderful HTML Email Workflow (jos)951
html, mjml, markdown, mdx, email, processes
SPAs: Theory Versus Practice (nol)950
single-page-apps, comparisons
Style Queries (una)949
css, style-queries
Image Guard (j9t)948
packages, npm, images, compression, performance, jpeg, png, gif, webp, avif
What Do the Developers Do in the Last Week of the Sprint?947
agile, scrum, processes
A Previous Sibling Selector (jim)946
css, selectors
Using JavaScript to Fill localStorage to Its Maximum Capacity945
javascript, browser-storage
UX Writing: Study Guide (nng)944
guides, user-experience, writing, training, link-lists
GA4 Is Being Blocked by Content Security Policy943
security, csp, metrics, google
Why Use Sass?942
sass
4+ Years of Cracking Technical Interviews941
interviewing, career
Missing Introduction to React940
introductions, react
Single Element Loaders: The Bars (css/css)939
css
Accessible Design Systems (ihe/tet)938
accessibility, design-systems
WCAG 2.1 AA Web Accessibility Checklist937
checklists, accessibility, wcag
Introduction to Defensive CSS (sha)936
introductions, css
5 Useful CSS Properties That Get No Love (kev)935
videos, css
7 UX Laws You’re Probably Getting Wrong (web)934
user-experience, usability, design
Apple Is Not Defending Browser Engine Choice (sli)933
browsers, browser-engines, web, apple
Can We Enterprise CSS Grid? (hui)932
css, grids, layout, frameworks
Getting Started With Vue Composables (log)931
vuejs, introductions
Managing Specificity With CSS Cascade Layers (zor/css)930
videos, css, selectors, cascade
Stop the Screen Going to Sleep With JavaScript929
javascript
Mastering “z-index” in CSS928
css, positioning
Everything You Need to Know About Web Performance (in 5 Minutes)927
performance, web-vitals, compression
How We Designed an Accessible Color Palette From Scratch926
accessibility, colors, color-palettes, case-studies
Different Ways to Write CSS in React (css)925
css, react
In Defense of Blocks for Local Scopes II924
javascript, scope
In Defense of Blocks for Local Scopes923
javascript, scope
Please Remove That .git Folder922
security, git
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)921
selectors, scope, dom, shadow-dom, performance, comparisons, metrics
“text-overflow: ellipsis” Considered Harmful (yat)920
accessibility, css, overflow
What Would a Chromium-Only Web Look Like? (mno)919
browsers, browser-engines, chromium, google, web
User Vulnerabilities in the Data Cycle918
user-experience, vulnerabilities, privacy, legal
Introducing Keyboard Navigation (bru)917
videos, accessibility, introductions
Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (zel+)916
interviews, web, css
10 Incident Management Best Practices for Streamlined Operations915
incident-response, best-practices, processes
Types of URL Redirects and SEO Best Practices914
urls, redirecting, seo, best-practices
Cascade Layers—There’s a Polyfill for That! (odd)913
css, cascade, polyfills
How and When to Use the CSS “:has” Selector (log)912
css, selectors
The Right Space Around Headings in Web Typography (pim)911
typography, spacing, headings
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs?910
videos, accessibility, writing, information-design
Be the Browser’s Mentor, Not Its Micromanager (bel)909
videos, css
Svelte Origins: A JavaScript Documentary908
videos, javascript, svelte
Future Features of JS (jsn)907
videos, javascript
How I Built a Dark Mode Toggle (hdv)906
dark-mode, toggles
Icon-Only Links Fail WCAG (tem)905
accessibility, links, wcag, images, icons, conformance
One Line of CSS to Add Basic Dark/Light Mode (cod)904
dark-mode, css
Groking “:active”, “:focus”, and “:focus-visible” Pseudo-Classes (thi)903
css, selectors, focus
Best Practices for Overlays II902
accessibility, best-practices, overlays
A Beginner’s Guide to Inclusive UX Design901
guides, dei, user-experience, design
HTML Cheatsheet900
html, examples, cheat-sheets
The Dos and Don’ts of Pairing Typefaces (nng)899
design, typography, readability, legibility, usability
Alternatives to Installing npm Packages Globally (rau)898
installing, npm, dependencies
The Case for Using Sass in 2022 (may)897
preprocessors, sass
Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement896
user-experience, cookies, pop-ups, legal
The Cost of Convenience (sur)895
web-platform, developer-experience
Using Web Streams on Node.js (rau)894
nodejs, streaming
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)893
design, naming, history, navigation, breadcrumbs
Is It Expensive to Build an Eco-Friendly Website?892
sustainability, economics
3 Useful CSS Hacks (kev)891
videos, css
Notes on Maintaining an Internal React Component Library890
react, maintenance, components, libraries
Web Design Tool Wish List (gri/clo)889
design, tooling, wish-lists
In and Out of Style (ada/css)888
videos, css
RIP Internet Explorer: A Hate Filled Love Letter (zol)887
internet-explorer, microsoft, browsers, retrospectives
Naming Conventions for Design Systems886
design-systems, naming, conventions
How to Use ESLint and Prettier for Code Analysis and Formatting885
how-tos, quality, consistency, eslint, prettier, linting, formatting
5 Very Simple Steps You Can Take for Accessibility Improvement (mni)884
accessibility, optimization
Communication Accessibility: It’s Time to Change How We Communicate (mer)883
accessibility, communication
Complex vs. Compound Selectors (mia)882
css, selectors, comparisons
Conditionally Styling Selected Elements in a Grid Container (pre/css)881
css, grids, selectors
The Guide to Windows High Contrast Mode (its/sma)880
guides, colors, contrast, microsoft, windows
You Don’t Need a JavaScript Library for Your Components879
javascript, libraries, components
How to Prevent Merge Conflicts (or at Least Have Less of Them) (bla)878
how-tos, version-control, git
How to Remove 99% of JavaScript From Main Thread (wea)877
videos, how-tos, javascript, performance
Why You Should Consider Prisma.io876
databases, tooling, orm, prisma
Do Dyslexia Fonts Improve Accessibility?875
accessibility, dyslexia, fonts
Fun CSS-Only Scrolling Effects for Matterday874
css, effects, parallax
CSS Card Shadow Effects (hui)873
css, effects
Design Principles for the Web (ada/wea)872
videos, software-design, principles, web
Dialogs and Shadow DOM: Can We Make It Accessible? (nol)871
modals, accessibility, dom, shadow-dom
Simple CSS Solutions (kev)870
videos, css
Software Engineering: The Soft Parts (add)869
principles
Sponsoring Dependencies: The Next Step in Open Source Sustainability (nza)868
dependencies, economics, foss
Understanding the JavaScript Window Object867
javascript, objects
Change Management for Accessibility (deq)866
accessibility, processes
Notes From the Dev: Essential Advice on How to Use MJML (meg)865
how-tos, email, mjml
Should I Have Separate GitHub Accounts for Personal and Professional Projects?864
discussions, github, career, security
The Smallest CSS (fon)863
css, minimalism
Why You Shouldn’t Modify Scrum862
agile, scrum, processes
The Folly of Design System “Foundations”861
design-systems
Designing the Perfect Button860
design, buttons
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK859
performance, monitoring, metrics
Design System Maturity (ben)858
videos, design-systems
AbortController Is Your Friend857
javascript
Modern JavaScript, 10 Things You Should Be Using, Starting Today856
javascript
Better Scrolling Through Modern CSS (may)855
css, scrolling
10 Dos and Don’ts of Web Design in 2022 (web)854
design, principles
Make DevTools Pick Colors Outside of Chrome (ami)853
dev-tools, colors, browsers, google, chrome
Measuring the Performance of Typefaces for Users II (sma)852
typography, fonts, performance
Single Element Loaders: The Spinner (css/css)851
css, effects
The Many Definitions of Server-Side Rendering (zac)850
server-side-rendering
Write HTML Right849
html, optimization
How We Think About Browsers (kei)848
browsers, case-studies
State of the Vuenion 2022 (eva/vue)847
videos, vuejs
The Future of Frontend Build Tools (sma)846
tooling, building
Design Systems; the Great Connector845
design-systems
How to Animate SVG Shapes on Scroll (cod)844
how-tos, css, animations, svg
Inclusive User Research: Analysing Findings (tet)843
dei, usability, research
Mobile-First CSS: Is It Time for a Rethink? (ali)842
mobile-first, mobile, css
Patterns for Building JavaScript Websites in 2022 (rya/thi)841
javascript, frameworks, comparisons
Simplify Your Color Palette With CSS “color-mix()” (sma)840
css, colors, color-palettes
WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (yat)839
accessibility, reflow, resizing, wcag
JavaScript Hydration Is a Workaround, Not a Solution838
javascript, hydration
How to Use Headings for Website Accessibility837
how-tos, accessibility, headings, semantics
Aspects of Accessibility—Semantics, Contrast, and… Anxiety?836
accessibility, semantics, colors, contrast, user-experience
Building Interoperable Web Components That Even Work With React (ada/css)835
web-components, interoperability, react
Lynx Browser: The Land That Time Revived834
lynx, browsers, command-line
Meet Web Push (web)833
browsers, apis, support, standards
Optimize the Use of “if–else”832
javascript
How to Create Dark Mode for Your Designs in Figma831
how-tos, dark-mode, figma
Mathematical Notation for JavaScript Developers Explained830
javascript, math
A New Definition of HTTP (mno)829
protocols, http
Shallow Copy and Deep Copy828
javascript
Best Practices for Overlays827
accessibility, best-practices, overlays
Web Typography: Establishing a Strong Typographic System (mis)826
typography
Are You Ignoring Digital Accessibility at Your Job?825
accessibility, career
Can I DevTools?824
websites, browsers, dev-tools, support
How to Use Variables in CSS: CSS Custom Properties (web)823
how-tos, css, custom-properties
Measuring the Performance of Typefaces for Users (sma)822
typography, fonts, performance
Why Most Design Systems Implode (bra/sto)821
interviews, design-systems
Hamburger Footer: Reaching the Bottom of Infinite Scroll (pro)820
scrolling, usability, navigation
WCAG 3 Compliant? Check Again819
accessibility, wcag, standards
A Brief History of Responsive Web Design (web)818
history, responsive-design
Don’t Sink Your Website With Third Parties (sma)817
embed-code, dependencies, performance
More Light! (bas/btc)816
videos, outlooks, sustainability
Web Development Resources (mar)815
websites, link-lists
Developing Cross Browser Compatible Web Apps With Modernizr814
web-apps, modernizr, feature-detection
24 Tips for Beginner Programmers (fla)813
programming, learning, tips-and-tricks
Bad Bad UX: 20 Common Mistakes in User Experience812
user-experience, mistakes
Dealing With Hover on Mobile (kev)811
videos, css, media-queries, mobile
Declarative Design Systems (ada)810
design-systems
Do We Have a Lack of Developers or a False Assumption What the Job Is? (cod)809
career
How to Pick the Least Wrong Colors808
how-tos, colors, design, accessibility
Monorepos in JavaScript and TypeScript (rwi)807
javascript, typescript, monorepos
How to Create Ebooks With Markdown (fla)806
how-tos, markdown
Useful Built-In Node.js APIs (cra)805
nodejs, apis
Obscure CSS: Implicit List-Item Counter (kiz)804
css, lists, counters
Writing Useful Alt Text (mic)803
accessibility, writing, alt-text, images
The Cicada Principle and Why It Matters to Web Designers (mis)802
design, principles
How to Migrate From Yarn/npm to pnpm801
how-tos, migrating, yarn, npm, pnpm
Level Up Your Link Previews in Slack (whi)800
html, social-media, open-graph, links, slack
Two Lines of CSS That Boosts 7× Rendering Performance799
css, performance, rendering
Understanding CSRF Attacks (zel)798
security, csrf
Checklist for Moderating a Usability Test (nng)797
usability, testing, checklists
Interview With Léonie Watson (tin+)796
interviews, accessibility
How Does Social Interaction Change in an Age of New Media?795
web, interaction-design
7 Tips to Improve Your TypeScript794
typescript, tips-and-tricks, optimization
APCA: The New Algorithm for Accessible Colour Contrast793
accessibility, colors, contrast, apca
JavaScript of Halftone Printing792
javascript, halftone, print
Just How Long Should Alt Text Be? (geo/css)791
accessibility, writing, alt-text, images
You May Not Need a Bundler for Your npm Library790
bundling, npm
8 Shocking HTML Tips You Probably Don’t Know About789
html, tips-and-tricks
Manage Accessible Design System Themes With CSS “color-contrast()” (sma)788
design-systems, theming, css
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)787
javascript, arrays, comparisons
The Story of the Custom Scrollbar Using CSS786
css, scrolling
What’s the Alternative (Text)? (col)785
accessibility, writing
npm Security Update: Attack Campaign Using Stolen OAuth Tokens784
security, oauth, version-control, npm, github
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)783
html, forms, history, mistakes
How to Fix: “Buttons Do Not Have Accessible Names”782
how-tos, buttons, wcag
What npm Can Learn From Go781
npm
A Perfect Table of Contents With HTML and CSS (nza/css)780
html, css
JavaScript Closures, Explained779
javascript, closures
Making Headers Sticky Using CSS for a Better Reading Experience (ami)778
css, readability, user-experience
Single Page Applications (ons/tpg)777
single-page-apps
Understanding Weak Reference in JavaScript (sma)776
javascript
Customizing Color Fonts on the Web (djr/web)775
fonts, colors, customization
CSS: Absolutely Positioning Things Relatively774
css, positioning, layout
Why Are Iframe Titles Important for Accessibility?773
accessibility, html, iframes, writing
How to Position Your Design System Team for Success (vig)772
how-tos, design-systems, collaboration, productivity
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks771
javascript, npm, dependencies, security
Inclusive Design 101770
dei, design
Four Tradeoffs When Designing Navigation Menus769
design, navigation
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers768
guides, html, semantics, examples, cheat-sheets
Advocating for Your Design System767
design-systems, advocacy
A Guide to Writing Industry Standard Git Commit Messages766
guides, git, writing, conventions, commit-messages
An Introduction to the Tailwind CSS and Atomic CSS765
introductions, tailwind, atomic-css, comparisons
Dialog Components: Go Native HTML or Roll Your Own? (css)764
modals, components, accessibility
Lesser-Known and Underused CSS Features in 2022 (cod/sma)763
css
5 Things I’d Want to See Improved in WordPress Core762
wordpress
15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022 (ste)761
agile, scrum, processes, anti-patterns
Accessibility From Different Perspectives (hdv)760
accessibility
Making Disabled Buttons More Inclusive (san/css)759
forms, buttons, focus, aria, html, attributes, accessibility
The Balance Has Shifted Away From SPAs (nol)758
single-page-apps
First Look at the CSS “object-view-box” Property (sha)757
css
Fun With CSS Combinators (alv)756
css, selectors
Triaging WCAG 2.1 Level AAA (tet)755
accessibility, wcag, standards
Accessibility Not-Checklist (int)754
websites, accessibility, checklists
Automate Accessibility Tests With Storybook (sto)753
accessibility, testing, automation, storybook
Patterns (w3c)752
design-patterns, aria, best-practices
React Accessibility Resources (bru)751
react, accessibility, link-lists
React Hooks Best Practices in 2022750
react, hooks
Web Accessibility Is Broken—It’s Time to Fix It (yat)749
videos, accessibility
Web Development === Accessibility748
accessibility
Auto “nvm use” (wes)747
nvm, nodejs
Use “@supports” At-Rule for Feature Detection in CSS (zor/css)746
videos, css, feature-detection, support
The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure745
interviews, accessibility, leadership, culture, metrics
Thinking Colors: Balancing Between Visual and Abstract744
colors
4 Web Accessibility Remediation Mistakes to Avoid743
accessibility, mistakes
Let’s Make Accessibility Boring Again742
accessibility
What We Can Learn From Remix741
remix, frameworks
Conditionally Loading CSS or Any Resource Using Media Queries (ami)740
html, media-queries, performance
RFC 9239: Updates to ECMAScript Media Types (rau)739
javascript, mime-types
Quick and Dirty Text Diffing (jim)738
tooling
Building a Button Component (arg)737
components, html, css, javascript, buttons
How to Ask for a Promotion736
how-tos, career
The Rise and Fall of Neumorphism735
design
Reduce Array of Objects to an Object in JavaScript (ami)734
javascript, arrays, objects
WCAG 2.2 and WCAG 3 Status Updates733
accessibility, wcag, standards
WP Accessibility Day732
websites, awareness-days, wordpress, accessibility
The Forgotten Benefits of “Low Tech” User Interfaces731
usability
How the HTML “lang” Attribute Helps Accessibility730
accessibility, html, attributes, localization
UI and UX Micro-Tips729
user-experience, forms, tips-and-tricks
The Modern Way to Create and Host a WordPress Site (sma)728
content-management, wordpress, hosting
24×24 Pixel Cursor Bookmarklet (aar)727
accessibility, wcag, testing, bookmarklets
9 Ways to Design Inclusive Content (moz)726
content, dei
Building a Design System With Eleventy725
design-systems, eleventy
Rethinking Server-Timing as a Critical Monitoring Tool (sma)724
performance, time, http, metrics, monitoring
Unexpectedly HTTPS?723
http, security
Unpack Arrays Conditionally in PHP (ami)722
php, arrays
Web Applications 101 (rwi)721
web-apps, concepts
:where() :is() :has()? New CSS Selectors That Make Your Life Easier (kil/pol)720
css, selectors
Quick Tip: You Might Not Need “calc()” (mic)719
css, tips-and-tricks
Color Alignment for Multiple Design Systems718
design-systems, colors
An Affordable Work-from-Home Setup for Remote Workers717
productivity
Peering Into the Accessibility of Dark Mode716
accessibility, dark-mode
The Era of Rebellious Web Design Is Here715
design
More Common Accessibility Issues That You Can Fix Today (hdv)714
accessibility
Personas vs. Archetypes (nng)713
usability, user-experience, personas, testing, comparisons
Call to Action Examples712
websites, writing, buttons, examples
Keyboard Testing: The A11y Enhancement to Your Definition of Done (ste)711
accessibility, keyboard-navigation, testing
Master the “:nth-child()” Pseudo-Class (zor/css)710
videos, css, selectors
Cool Hover Effects That Use CSS Text Shadow (css/css)709
css, hover, effects
Don’t Fight the Browser Preload Scanner (mal)708
browsers, html, parsing, performance
A Designer’s Journey of Ignorance, Resentment, and Wisdom707
design
Does JavaScript Make My Site Less Accessible?706
accessibility, javascript, wcag
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)705
how-tos, performance, google, metrics, javascript, frameworks
Light and Dark Mode in Just 14 Lines of CSS (whi)704
css, dark-mode
W3C TAG Ethical Web Principles (tor+/w3c)703
ethics, principles, w3c
Debugging Accessibility With Chrome DevTools702
videos, dev-tools, accessibility, debugging, browsers, google, chrome
Bringing Page Transitions to the Web (jaf)701
videos, css, transitions
Tokens as Intents (don)700
design-tokens, naming, typography
When, Why, and How to Multithread in Flutter699
videos, flutter, dart, multithreading
Divs Are Bad! (mat)698
html, semantics
On Design Thinking697
design
Why WCAG 2.2 Is Still in the Oven (deq)696
accessibility, wcag
XHTML Syntax Is Still Worth Using (tem)695
xhtml, html
Designing for Web Accessibility in 60 Seconds (dav)694
accessibility
State of CSS 2022 (arg)693
css
Bridging the Gap (rac)692
css, support
How to Learn JavaScript Fast: Six Simple Mind Tricks691
how-tos, javascript, tips-and-tricks, learning
Magical SVG Techniques (sma)690
svg, images, techniques
Two Approaches to Accessibility on the Web (j9t)689
accessibility, automation
Under the Hood: React vs. Vue vs. Svelte688
frameworks, react, vuejs, svelte, comparisons
Cron Jobs: A Comprehensive Guide687
guides, cron, automation
You Don’t Need “void 0”686
javascript
The Complete Modern React Developer 2022685
react
A Management Maturity Model for Performance (sli)684
performance
Frontend Versus Backend Web Development (uxm)683
comparisons
Learn HTML [and] CSS (jad)682
websites, courses, html, css
Reinventing W3C Governance (rob)681
standards, w3c
“Someone Should Build X for the Web”—Why Not You? (cod)680
github
The Road to Universal JavaScript679
javascript
Understanding User Behaviors Across Surfaces (uxm)678
usability
Why SEO Is a Great Investment, Not Just a Cost (sea)677
seo, economics
Performance Game Changer: Browser Back/Forward Cache (tun/sma)676
browsers, caching, performance, web-vitals
How to Upload an Image With PHP (rik)675
how-tos, php, images, file-handling
A Different View Into Accessibility Overlays674
accessibility, overlays, testing, documentation, auditing
My Opinion on What Makes a Good Code Review673
code-reviews, productivity
The Ultimate Electron Guide672
guides, electron, chromium, nodejs, rendering, desktop
What’s Your Heading? (col)671
accessibility, html, headings, semantics
Scaling CSS Layout Beyond Pixels (5t3/btc)670
videos, css, scaling, layout, responsive-design
Learn CSS Subgrid (sha)669
css, grids, design
Lost in Translation (mat/btc)668
videos, design, accessibility, html, css
How to Use the GitHub Pulls API to Manage Pull Requests667
how-tos, github, apis
Top 2021 CSS Frameworks Report: Validation (cit)666
studies, research, frameworks, css, conformance, quality
A Guide to Writing About Digital Accessibility (deq)665
guides, writing, accessibility
Fetch API Is [the] New Old Version of AJAX664
javascript, data-fetching, apis, ajax
Get to Know Your Browser’s Performance Profiler663
browsers, tooling, performance, profiling
Please, Stop Disabling Zoom (mat)662
accessibility, zooming, html
Practical Use Cases for “:has()” Pseudo-Class (zor/css)661
videos, css, selectors
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)660
headless, principles, resilience
How to Use Videos With Alpha Transparency on the Web (ben)659
how-tos, html, multimedia, transparency+opacity
Master Higher-Order Functions in JavaScript658
javascript, functions
12 Modern CSS Techniques for Older CSS Problems657
css, techniques, optimization
Design Patterns: How to Create Simple Interfaces (web)656
how-tos, design, design-patterns
Designing a Better Language Selector (vit/sma)655
design, usability, internationalization, localization
Test Back/Forward Cache654
bfcache, testing, dev-tools, chrome, browsers, google
JavaScript Containers (tin)653
javascript, outlooks
The Evolution of WCAG: A Postcard From the Front Lines652
accessibility, wcag, standards, history
Which Programming Language Should I Learn First in 2022?651
programming, career, learning
Developing a Low-Touch Adoption Strategy for a New Design System650
user-experience, design-systems
How Not to Do Accessible Design649
accessibility, design, colors
Nail Your Website Redesign in 2022—Tips and Tricks648
videos, redesigning, tips-and-tricks
Contextual Spacing for Intrinsic Web Design (5t3)647
design, intrinsic-design, css, spacing
fediverse.info646
websites, fediverse
In Defence of the Single Page Application645
single-page-apps
Legibility—How and Why Typography Affects Ease of Reading644
websites, books, typography, legibility