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

Frontend Dogma

“2022” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Ruby Styling (ri/web)1151
html, ruby-markup, css
Why I Still Love PHP and JavaScript After 20+ Years (mnl)1150
php, javascript, retrospectives
CSS Border Animations (bra)1149
css, borders, animations
IE: RIP or BRB? (bru)1148
videos, browsers, internet-explorer, history
An Introduction to Webmention1147
introductions, webmentions
Fitts’s Law and Its Applications in UX (nng)1146
user-experience, interaction-design
The Importance of Clean Code in Your Startup’s Success1145
quality
Firefox (and Other Browsers), Forgotten? (col)1144
browsers, firefox, testing
Checking if a JavaScript Native Function Is Monkey Patched1143
javascript, functions
How to Add a Subtle Gradient on Top of an Image Using CSS (the)1142
how-tos, css, gradients
The Horizontal Overflow Problem (hui)1141
css, overflow
Use the Active Voice to Transform Your Design System Documentation (amy)1140
design-systems, documentation, writing
Which Generator Builds Markdown the Fastest? (zac)1139
site-generators, markdown, performance, comparisons
10+ Things I Always Set Up in Git When I Prepare a New Environment1138
git, command-line, environments
Recreating MDN’s Truncated Text Effect (geo/css)1137
mdn, css, effects
Testable Frontend: The Good, the Bad, and the Flaky (nom/sma)1136
testing, flakiness
The Advanced Guide to the CSS “:has()” Selector (log)1135
guides, css, selectors
Underengineer Your Websites (aar/ben)1134
videos, interviews, accessibility
Quick Tip: Negative Animation Delay (mic)1133
css, animations, tips-and-tricks
8 Simple Steps to Complete a Technical SEO Audit1132
seo, auditing
Adding Observability to Your Jest Tests1131
javascript, jest, testing, observability
When Will Scrum Die?1130
agile, scrum, kanban, processes
Detecting CSS Selector Support With JavaScript1129
css, selectors, feature-detection, support
500 ms to 1.7 ms in React: A Journey and a Checklist1128
performance, react
3 Simple Ways to Center an Element Using CSS (zor/css)1127
videos, css, centering
Abbreviations Suck (cfe)1126
accessibility, html
Design Systems for Humans (amy)1125
design-systems, user-experience
Why I’m Learning TypeScript1124
typescript
Server Side Includes—All You Need to Know About SSI1123
ssi
You Don’t Need Microservices1122
microservices
Adventures in Text Rendering: Kerning and Glyph Atlases1121
typography, rendering, kerning
Release Notes for Safari Technology Preview 150 (jon/web)1120
release-notes, safari, browsers
CSS Minimal Dark Mode Toggle Button1119
code-pens, toggles, effects, minimalism
#ADA32: The ADA Has Applied to Digital for Decades (lfl)1118
accessibility, ada, legal
Maintenance Matters (vig)1117
maintenance, code-reviews, consistency, testing, logging, documentation
Speaking Up and Speaking Out: Tactical Communication in Accessibility (mer/equ)1116
accessibility, communication
The 10 Affirmations of Good Digital Accessibility (deq)1115
accessibility
Introducing Even More Security Enhancements to npm1114
introductions, npm, security
Django Tips and Tricks1113
django, tips-and-tricks
Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist1112
design, brutalism, user-experience, minimalism
A Good Reset1111
css, resets
5 Best UX Careers to Pursue in 2022 (uxm)1110
user-experience, career
Solving the “Dangler” Conundrum With Container Queries and “:has()” (dav)1109
css, selectors
Typography in Web Design (uxm)1108
typography, design
Your Code Doesn’t Have to Be a Mess1107
quality
Priority Hints—What Your Browser Doesn’t Know (Yet)1106
performance, hints
Fix Web Performance for the Long-Term (sia)1105
performance, testing, processes
Everything You Need to Know About JavaScript Import Maps (hon)1104
javascript, dependencies, import-maps
“<article>” vs. “<section>”: How to Choose the Right One (sma)1103
html, semantics, comparisons
Clean Architecture: Applying With React1102
architecture, react
Mobile UX: Study Guide (nng)1101
guides, user-experience, mobile, training, link-lists
Ancient Web Browsers1100
websites, browsers, history
The History of JavaScript1099
history, javascript
Understanding CSS “:has()” (mey/iga)1098
videos, css, selectors
Definitive Guide to CAPTCHA Accessibility1097
guides, accessibility, captcha
Type Annotations in JavaScript1096
javascript, typescript, annotations
What Is HCI (Human–Computer Interaction)? Meaning, Importance, Examples, and Goals1095
concepts, hci, examples
Intro to Serverless Functions1094
introductions, serverless, functions, netlify
Say “No” to Tailwind, Embrace Plain CSS1093
frameworks, tailwind, css
Roundup of Recent Document Outline Chatter (geo/css)1092
html, headings, semantics, accessibility
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv)1091
css, selectors, accessibility, keyboard-navigation, focus
Research Insight: Accessibility of Images (ihe/tet)1090
accessibility, usability, images, research
Escaping the sRGB Prison (svg/css)1089
videos, colors
Front-End Internationalisation Tips (stu)1088
internationalization, fonts, css, javascript
Introduction to SvelteKit (thi)1087
videos, introductions, sveltekit
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks1086
frameworks, redwoodjs, javascript, comparisons
20 Git Commands Every Developer Should Know1085
git, command-line
Vector Animations With Figma and SVG Animate1084
animations, figma, svg, images
Where’s the Fun in Accessibility?1083
accessibility, user-experience
Top Layer Support in Chrome DevTools1082
css, dev-tools, browsers, chrome
Create Complex Transitions With Individual CSS Transform Properties (zor/css)1081
videos, css, transitions
Powerful Image Optimization Tools (lou/sma)1080
link-lists, images, compression, performance, tooling
Rethinking Device Emulation in Browsers (cod)1079
browsers, tooling, usability
Top 5 npm Vulnerability Scanners1078
npm, security, vulnerabilities, tooling
An Introduction to Multithreading in Node.js (app)1077
introductions, nodejs, multithreading
Creating an App Using Drag and Drop With React Without Libraries1076
react, drag-and-drop
New WebKit Features in Safari 15.6 (web)1075
release-notes, safari, browsers, webkit
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1074
html, semantics, headings, microcontent, accessibility
Logical Properties for Useful Shorthands (mic)1073
css, logical-properties, shorthands
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (get)1072
javascript, optimization, tree-shaking
Expert Tips for Color Accessibility on the Web1071
tips-and-tricks, accessibility, colors
15 Common Beginner JavaScript Mistakes1070
javascript, mistakes
The 10 Most Common JavaScript Issues Developers Face1069
javascript, mistakes
Abbreviations Can Be Problematic (tem)1068
html, accessibility
How Did REST Come to Mean the Opposite of REST? (htm)1067
apis, rest
5 Learnings From Adopting OKRs at the Team Level1066
okr, prioritization, processes, lessons, link-lists
JSON Creator Douglas Crockford Interview (dou)1065
interviews, javascript
What Is WAI? The Web Accessibility Initiative1064
accessibility
Hacking JavaScript Objects1063
javascript, objects
How Scrum With Kanban Works1062
agile, scrum, kanban, processes
Why I No Longer Care What People “Like” or “Don’t Like”1061
design
Useful Tips and Tricks in JavaScript1060
javascript, tips-and-tricks
What Is Passwordless Authentication and How to Implement It1059
authentication, security, passwords
CSS Gradient Background From Figma to CodePen1058
css, gradients, backgrounds, figma, codepen
CSS Properties1057
css, overviews
Konqueror: The Forgotten Browser That Conquered the Market (dis)1056
videos, history, konqueror, browsers
Using Grids in Interface Designs (nng)1055
layout, grids, usability
7 Tips for Clean React TypeScript Code You Must Know1054
react, typescript, tips-and-tricks
Use Firefox for Accessibility Testing (col)1053
browsers, firefox, accessibility, testing
Can SVG Symbols Affect Web Performance?1052
svg, images, performance
An Approach to Continuous Learning1051
career, learning
Welcome to the Dark Side (yat)1050
dark-mode, accessibility, usability
What Does x% of Issues Mean? (aar)1049
accessibility, metrics
7 Quick Facts About WCAG 2.2 (lev)1048
accessibility, wcag, standards
Could Sustainable Websites Increase Energy Consumption?1047
sustainability
Working With File System Paths on Node.js (rau)1046
nodejs, file-handling
Minimal Social Markup (j9t)1045
html, social-media, open-graph, minimalism
Perceived Affordances and the Functionality Mismatch (tin)1044
usability, accessibility, semantics
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1043
html, semantics, accessibility, aria
The Hidden History of Screen Readers (ver)1042
accessibility, screen-readers, assistive-tech, history
Web Accessibility Laws and Policies1041
accessibility, legal, policies, link-lists
Bag Some AAA Wins Where You Can (tem)1040
accessibility, wcag
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)1039
javascript, prototypes
Optimizing Node.js Dependencies in AWS Lambda1038
nodejs, dependencies, aws, serverless, lambda, optimization
Creating a CSS Only Interactive Site Menu1037
navigation, css
My War on Animation (ver)1036
accessibility, animations
Custom ESM Loaders: Who, What, When, Where, Why, How1035
nodejs, esm
The Cost of Consistency in UI Frameworks (rya/thi)1034
frameworks, consistency
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1033
accessibility, html, aria, mistakes
The Methods UX Professionals Use1032
user-experience, processes
Making the Wrong Choice on Build vs. Buy1031
economics, processes, engineering-management, complexity, comparisons
Applying SOLID Principles in React1030
quality, maintainability, principles, solid, react
A Look at Remix and the Differences With Next.js (fgi/sma)1029
comparisons, frameworks, remix, nextjs
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1028
performance, web-vitals, comparisons, html, attributes, aspect-ratio, css
Fundamentals Matter (cfe)1027
fundamentals
Guide to Trending Front-End Frameworks in 2022 (uxm)1026
guides, frameworks, react, jquery, express, angular, vuejs
Statements vs. Expressions (jos)1025
javascript, comparisons
The Many Faces of Themeable Design Systems (bra)1024
design-systems, theming
37 Easy Ways to Spice Up Your UI Designs1023
design, effects
Technical Writing for Developers (css)1022
writing, version-control
Generating Accessibility Test Results for a Whole Website With Pa11y CI1021
accessibility, testing, tooling
Integer Math in JavaScript1020
javascript, math
Forms in Modals: UX Case1019
forms, modals, user-experience
Building (or Rebuilding) a Website With Accessibility in Mind1018
accessibility
JavaScript Obfuscation Techniques by Example1017
javascript, obfuscation, techniques, examples
The Ultimate Guide to Debugging Accessibility Issues1016
guides, accessibility, debugging
Figma Auto Layout = “display: flex”1015
figma, css, flexbox
Working on a New Feature as a Senior Frontend Developer1014
processes
Choosing the Right Mindset to Design Complex Applications1013
design, complexity, processes
Set JAWS Free! (yat)1012
accessibility, screen-readers, jaws
The Future of CSS: Variable Units, Powered by Custom Properties (bra)1011
css, units, custom-properties
CSS Complexity: It’s Complicated (pro)1010
css, cascade
Data Structure and Algorithms 1021009
data-structures, algorithms, complexity
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)1008
html, semantics, accessibility
The CSS Cascade, a Deep Dive (bra/css)1007
videos, css, cascade, deep-dives
An Accessibility-First Approach to Chart Visual Design (sma)1006
accessibility, information-design
Make It Accessible1005
websites, accessibility
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (aar)1004
accessibility, browsers, safari, css
Holograms, Light-Leaks, and How to Build CSS-Only Shaders1003
how-tos, css, blend-modes, effects
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ)1002
accessibility, captions, writing, automation, comparisons
The Hard Parts of Developer Advocacy (for Me) (bla)1001
developer-relations, advocacy, community, career
What Are Color Gamuts (svg)1000
colors
The Joy of Variable Fonts: Getting Started on the Frontend (rom+/evi)999
fonts, variable-fonts, css, introductions
HTTP Content Negotiation998
http, content-negotiation
Truly Portable Design Patterns (gri/clo)997
design-patterns, components
On Transpilers (zse)996
transpiling, compiling, c, go, rust
Style With Stateful, Semantic Selectors (ben)995
css, aria
The Ballad of Text Overflow (sib/tpg)994
css, overflow, accessibility
Masonry? In CSS?! (mic)993
css, layout, masonry
The Case for Null in Design Systems (eri)992
design-systems
Executing Shell Commands From Node.js (rau)991
nodejs, shells
The Off by Default Web (pau)990
web, permissions
Magento Tips and Tricks to Increase Online Sales: 8 Simple Strategies989
magento, economics, tips-and-tricks, strategies
Inverted Media Queries and Breakpoints (hex)988
css, media-queries, breakpoints
Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice?987
user-experience, design, consistency, best-practices
Body Margin 8px (mia)986
css, margins, history
The Unlocked Possibilities of the “:has()” Selector (jim)985
css, selectors
Two Levels of Customising “<selectmenu>” (hdv)984
accessibility, html
How to Make Text Improve User Experience: Insights Into UX Writing983
how-tos, user-experience, writing
Super-Helpful Tips When Working With Figma Component Properties982
figma, tips-and-tricks, components
css-browser-support (5t3)981
packages, npm, css, browsers, support
Frontend Web Performance: The Essentials980
fundamentals, performance, javascript
Faster WordPress Rendering With 3 Lines of Configuration (sto)979
wordpress, performance, css, http, configuration
Web Development Is Like Assembling IKEA Furniture (cod)978
comparisons
Breaking Out of a Central Wrapper (mic)977
css
Reimagining Front-End Web Development With htmx and Hyperscript976
outlooks, htmx
Best Practices for Images (nuc)975
images, html, best-practices
How to Auto-Prefix and Minify CSS?974
how-tos, css, vendor-extensions, minification, tooling
Write Git Commit Messages That Your Colleagues Will Love973
git, commit-messages
“That’s Not Accessible!” and Other Statements About Accessibility (hdv)972
accessibility
The New Wave of React State Management971
react, state-management, comparisons
CSS Variable Secrets (lea/css)970
videos, css, custom-properties
404 vs. 410—the Technical SEO Experiment969
seo, http, comparisons, experiments
Thoughts on an Accessibility “Get Well” Plan (j9t)968
accessibility, processes, engineering-management, leadership
What the Hell Is “<!DOCTYPE html>”?967
html, doctypes
Farewell to HTML5Rocks (pau)966
community, html, history
Building Tabs in Web Components (dav)965
web-components
What Every Newbie Developer Should Know964
career
Are You Sure That’s a Number Input? (kil)963
html
Fresh 1.0 (lca/den)962
fresh, frameworks
Googlebot and the 15 MB Thing961
google, seo
Working With the File System on Node.js (rau)960
nodejs, file-handling, apis
A CLS Punishment for Progressive Enhancement? (bel/pic)959
performance, web-vitals, progressive-enhancement
Demystifying the New Gatsby Framework (mon/sma)958
frameworks, gatsby
How to Serve WebP Images on nginx957
how-tos, webp, images, nginx, servers
My Wonderful HTML Email Workflow (jos)956
html, mjml, markdown, mdx, email, processes
SPAs: Theory Versus Practice (nol)955
single-page-apps, comparisons
Style Queries (una)954
css, style-queries
Image Guard (j9t)953
packages, npm, images, compression, performance, jpeg, png, gif, webp, avif
What Do the Developers Do in the Last Week of the Sprint?952
agile, scrum, processes
A Previous Sibling Selector (jim)951
css, selectors
UX Writing: Study Guide (nng)950
guides, user-experience, writing, training, link-lists
Using JavaScript to Fill localStorage to Its Maximum Capacity949
javascript, browser-storage
Why Use Sass?948
sass
GA4 Is Being Blocked by Content Security Policy947
security, csp, metrics, google
Single Element Loaders: The Bars (css/css)946
css
Accessible Design Systems (ihe/tet)945
accessibility, design-systems
WCAG 2.1 AA Web Accessibility Checklist944
checklists, accessibility, wcag
Introduction to Defensive CSS (sha)943
introductions, css
Missing Introduction to React942
introductions, react
4+ Years of Cracking Technical Interviews941
interviewing, career
5 Useful CSS Properties That Get No Love (kev)940
videos, css
Apple Is Not Defending Browser Engine Choice (sli)939
browsers, browser-engines, web, apple
Can We Enterprise CSS Grid? (hui)938
css, grids, layout, frameworks
Getting Started With Vue Composables (log)937
vuejs, introductions
Managing Specificity With CSS Cascade Layers (zor/css)936
videos, css, selectors, cascade
Everything You Need to Know About Web Performance (in 5 Minutes)935
performance, web-vitals, compression
How We Designed an Accessible Color Palette From Scratch934
accessibility, colors, color-palettes, case-studies
Mastering “z-index” in CSS933
css, positioning
Stop the Screen Going to Sleep With JavaScript932
javascript
7 UX Laws You’re Probably Getting Wrong (web)931
user-experience, usability, design
Please Remove That .git Folder930
security, git
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)929
selectors, scope, dom, shadow-dom, performance, comparisons, metrics
“text-overflow: ellipsis” Considered Harmful (yat)928
accessibility, css, overflow
What Would a Chromium-Only Web Look Like? (mno)927
browsers, browser-engines, chromium, google, web
Introducing Keyboard Navigation (bru)926
videos, accessibility, introductions
Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (zel+)925
interviews, web, css
10 Incident Management Best Practices for Streamlined Operations924
incident-response, best-practices, processes
Types of URL Redirects and SEO Best Practices923
urls, redirecting, seo, best-practices
A Design System Here, a Design System There (dut)922
design-systems, design-tokens, css
Different Ways to Write CSS in React (css)921
css, react
User Vulnerabilities in the Data Cycle920
user-experience, vulnerabilities, privacy, legal
In Defense of Blocks for Local Scopes919
javascript, scope
In Defense of Blocks for Local Scopes II918
javascript, scope
Why We Don’t Set the “og:image:alt” Tag (yoa)917
open-graph, images, alt-text, accessibility, seo, social-media
The Right Space Around Headings in Web Typography (pim)916
typography, spacing, headings
Be the Browser’s Mentor, Not Its Micromanager (bel)915
videos, css
Svelte Origins: A JavaScript Documentary914
videos, javascript, svelte
How and When to Use the CSS “:has” Selector (log)913
css, selectors
Cascade Layers—There’s a Polyfill for That! (odd)912
css, cascade, polyfills
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs? (vle)911
videos, accessibility, writing, information-design
How I Built a Dark Mode Toggle (hdv)910
dark-mode, toggles
Icon-Only Links Fail WCAG (tem)909
accessibility, links, wcag, images, icons, conformance
One Line of CSS to Add Basic Dark/Light Mode (cod)908
dark-mode, css
Groking “:active”, “:focus”, and “:focus-visible” Pseudo-Classes (thi)907
css, selectors, focus
Best Practices for Overlays II906
accessibility, best-practices, overlays
A Beginner’s Guide to Inclusive UX Design905
guides, dei, user-experience, design
Future Features of JS (jsn)904
videos, javascript
The Dos and Don’ts of Pairing Typefaces (nng)903
design, typography, readability, legibility, usability
HTML Cheatsheet902
html, examples, cheat-sheets
The Case for Using Sass in 2022 (may)901
preprocessors, sass
Alternatives to Installing npm Packages Globally (rau)900
installing, npm, dependencies
The Cost of Convenience (sur)899
web-platform, developer-experience
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)898
design, naming, history, navigation, breadcrumbs
Is It Expensive to Build an Eco-Friendly Website?897
sustainability, economics
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
Using Web Streams on Node.js (rau)895
nodejs, streaming
3 Useful CSS Hacks (kev)894
videos, css
Web Design Tool Wish List (gri/clo)893
design, tooling, wish-lists
Naming Conventions for Design Systems892
design-systems, naming, conventions
How to Use ESLint and Prettier for Code Analysis and Formatting891
how-tos, quality, consistency, eslint, prettier, linting, formatting
RIP Internet Explorer: A Hate Filled Love Letter (zol)890
internet-explorer, browsers, retrospectives
Notes on Maintaining an Internal React Component Library889
react, maintenance, components, libraries
In and Out of Style (css)888
videos, css
5 Very Simple Steps You Can Take for Accessibility Improvement (mni)887
accessibility, optimization
Communication Accessibility: It’s Time to Change How We Communicate (mer)886
accessibility, communication
Complex vs. Compound Selectors (mia)885
css, selectors, comparisons
Conditionally Styling Selected Elements in a Grid Container (pre/css)884
css, grids, selectors
You Don’t Need a JavaScript Library for Your Components883
javascript, libraries, components
How to Prevent Merge Conflicts (or at Least Have Less of Them) (bla)882
how-tos, version-control, git
Why You Should Consider Prisma.io881
databases, tooling, orm, prisma
Do Dyslexia Fonts Improve Accessibility?880
accessibility, dyslexia, fonts
The Guide to Windows High Contrast Mode (its/sma)879
guides, colors, contrast, windows
How to Remove 99% of JavaScript From Main Thread (wea)878
videos, how-tos, javascript, performance
Fun CSS-Only Scrolling Effects for Matterday (lyn)877
css, effects, parallax
CSS Card Shadow Effects (hui)876
css, effects
Dialogs and Shadow DOM: Can We Make It Accessible? (nol)875
modals, accessibility, dom, shadow-dom
Simple CSS Solutions (kev)874
videos, css
Software Engineering: The Soft Parts (add)873
principles
Sponsoring Dependencies: The Next Step in Open Source Sustainability (nza)872
dependencies, economics, foss
Understanding the JavaScript Window Object871
javascript, objects
Change Management for Accessibility (deq)870
accessibility, processes
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
Design Principles for the Web (wea)867
videos, software-design, principles, web
The Smallest CSS (fon)866
css, minimalism
Why You Shouldn’t Modify Scrum865
agile, scrum, processes
The Folly of Design System “Foundations”864
design-systems
Designing the Perfect Button863
design, buttons
Design System Maturity (ben)862
videos, design-systems
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK (the)861
performance, monitoring, metrics
AbortController Is Your Friend860
javascript
Modern JavaScript, 10 Things You Should Be Using, Starting Today859
javascript
Better Scrolling Through Modern CSS (may)858
css, scrolling
Measuring the Performance of Typefaces for Users II (sma)857
typography, fonts, performance
Single Element Loaders: The Spinner (css/css)856
css, effects
The Many Definitions of Server-Side Rendering (zac)855
server-side-rendering
How We Think About Browsers (kei)854
browsers, case-studies
State of the Vuenion 2022 (eva/vue)853
videos, vuejs
Make DevTools Pick Colors Outside of Chrome (ami)852
dev-tools, colors, browsers, chrome
10 Dos and Don’ts of Web Design in 2022 (web)851
design, principles
Write HTML Right850
html, optimization
The Future of Frontend Build Tools (sma)849
tooling, building
Design Systems; the Great Connector848
design-systems
Inclusive User Research: Analysing Findings (tet)847
dei, usability, research
Mobile-First CSS: Is It Time for a Rethink? (ali)846
mobile-first, mobile, css
Patterns for Building JavaScript Websites in 2022 (rya/thi)845
javascript, frameworks, comparisons
WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (yat)844
accessibility, reflow, resizing, wcag
JavaScript Hydration Is a Workaround, Not a Solution843
javascript, hydration
How to Use Headings for Website Accessibility842
how-tos, accessibility, headings, semantics
How to Animate SVG Shapes on Scroll (cod)841
how-tos, css, animations, svg
Simplify Your Color Palette With CSS “color-mix()” (sma)840
css, colors, color-palettes
Building Interoperable Web Components That Even Work With React (ada/css)839
web-components, interoperability, react
Lynx Browser: The Land That Time Revived838
lynx, browsers, command-line
Optimize the Use of “if–else”837
javascript
Mathematical Notation for JavaScript Developers Explained836
javascript, math
Aspects of Accessibility—Semantics, Contrast, and… Anxiety?835
accessibility, semantics, colors, contrast, user-experience
Meet Web Push (bra/web)834
browsers, apis, support, standards
How to Create Dark Mode for Your Designs in Figma833
how-tos, dark-mode, figma
A New Definition of HTTP (mno)832
protocols, http
Best Practices for Overlays831
accessibility, best-practices, overlays
Web Typography: Establishing a Strong Typographic System (mis)830
typography
Are You Ignoring Digital Accessibility at Your Job?829
accessibility, career
Shallow Copy and Deep Copy828
javascript
How to Use Variables in CSS: CSS Custom Properties (web)827
how-tos, css, custom-properties
Can I DevTools? (pan)826
websites, browsers, dev-tools, support
Measuring the Performance of Typefaces for Users (sma)825
typography, fonts, performance
WCAG 3 Compliant? Check Again824
accessibility, wcag, standards
Why Most Design Systems Implode (bra/sto)823
interviews, design-systems
Hamburger Footer: Reaching the Bottom of Infinite Scroll (pro)822
scrolling, usability, navigation
A Brief History of Responsive Web Design (web)821
history, responsive-design
More Light! (bas/btc)820
videos, outlooks, sustainability
Web Development Resources (mar)819
websites, link-lists
Developing Cross Browser Compatible Web Apps With Modernizr818
web-apps, modernizr, feature-detection
24 Tips for Beginner Programmers (fla)817
programming, learning, tips-and-tricks
Bad Bad UX: 20 Common Mistakes in User Experience816
user-experience, mistakes
Don’t Sink Your Website With Third Parties (sma)815
embed-code, dependencies, performance
Dealing With Hover on Mobile (kev)814
videos, css, media-queries, mobile
Do We Have a Lack of Developers or a False Assumption What the Job Is? (cod)813
career
Monorepos in JavaScript and TypeScript (rwi)812
javascript, typescript, monorepos
How to Create Ebooks With Markdown (fla)811
how-tos, markdown
Useful Built-In Node.js APIs (cra)810
nodejs, apis
Obscure CSS: Implicit List-Item Counter (kiz)809
css, lists, counters
How to Pick the Least Wrong Colors808
how-tos, colors, design, accessibility
Declarative Design Systems807
design-systems
Writing Useful Alt Text (mic)806
accessibility, writing, alt-text, images
The Cicada Principle and Why It Matters to Web Designers (mis)805
design, principles
How to Migrate From Yarn/npm to pnpm804
how-tos, migrating, yarn, npm, pnpm
Level Up Your Link Previews in Slack (whi)803
html, social-media, open-graph, links, slack
Understanding CSRF Attacks (zel)802
security, csrf
Interview With Léonie Watson (tin+)801
interviews, accessibility
How Does Social Interaction Change in an Age of New Media?800
web, interaction-design
Checklist for Moderating a Usability Test (nng)799
usability, testing, checklists
Two Lines of CSS That Boosts 7× Rendering Performance798
css, performance, rendering
APCA: The New Algorithm for Accessible Colour Contrast797
accessibility, colors, contrast, apca
JavaScript of Halftone Printing796
javascript, halftone, print
7 Tips to Improve Your TypeScript795
typescript, tips-and-tricks, optimization
Just How Long Should Alt Text Be? (geo/css)794
accessibility, writing, alt-text, images
You May Not Need a Bundler for Your npm Library793
bundling, npm
What’s the Alternative (Text)? (col)792
accessibility, writing
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)791
html, forms, history, mistakes
How to Fix: “Buttons Do Not Have Accessible Names”790
how-tos, buttons, wcag
What npm Can Learn From Go789
npm
npm Security Update: Attack Campaign Using Stolen OAuth Tokens788
security, oauth, version-control, npm
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)787
javascript, arrays, comparisons
Manage Accessible Design System Themes With CSS “color-contrast()” (sma)786
design-systems, theming, css
The Story of the Custom Scrollbar Using CSS785
css, scrolling
8 Shocking HTML Tips You Probably Don’t Know About784
html, tips-and-tricks
A Perfect Table of Contents With HTML and CSS (nza/css)783
html, css
Making Headers Sticky Using CSS for a Better Reading Experience (ami)782
css, readability, user-experience
Single Page Applications (ons/tpg)781
single-page-apps
Customizing Color Fonts on the Web (djr/web)780
fonts, colors, customization
Why Are Iframe Titles Important for Accessibility?779
accessibility, html, iframes, writing
CSS: Absolutely Positioning Things Relatively778
css, positioning, layout
JavaScript Closures, Explained777
javascript, closures
Understanding Weak Reference in JavaScript (sma)776
javascript
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks775
javascript, npm, dependencies, security
Advocating for Your Design System774
design-systems, advocacy
How to Position Your Design System Team for Success (vig)773
how-tos, design-systems, collaboration, productivity
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers772
guides, html, semantics, examples, cheat-sheets
Four Tradeoffs When Designing Navigation Menus771
design, navigation
Inclusive Design 101770
introductions, dei, design
A Guide to Writing Industry Standard Git Commit Messages769
guides, git, writing, conventions, commit-messages
Lesser-Known and Underused CSS Features in 2022 (cod/sma)768
css
5 Things I’d Want to See Improved in WordPress Core767
wordpress
15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022 (ste)766
agile, scrum, processes, anti-patterns
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
Accessibility From Different Perspectives (hdv)763
accessibility
Making Disabled Buttons More Inclusive (san/css)762
forms, buttons, focus, aria, html, attributes, accessibility
The Balance Has Shifted Away From SPAs (nol)761
single-page-apps
First Look at the CSS “object-view-box” Property (sha)760
css
Fun With CSS Combinators (alv)759
css, selectors
Triaging WCAG 2.1 Level AAA (ian/tet)758
accessibility, wcag, standards
Accessibility Not-Checklist (int)757
websites, accessibility, checklists
Patterns (w3c)756
design-patterns, aria, best-practices
React Accessibility Resources (bru)755
react, accessibility, link-lists
Web Accessibility Is Broken—It’s Time to Fix It (yat)754
videos, accessibility
Auto “nvm use” (wes)753
nvm, nodejs
Use “@supports” At-Rule for Feature Detection in CSS (zor/css)752
videos, css, feature-detection, support
4 Web Accessibility Remediation Mistakes to Avoid751
accessibility, mistakes
Let’s Make Accessibility Boring Again750
accessibility
What We Can Learn From Remix749
remix, frameworks
Web Development === Accessibility (abb)748
accessibility
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
Automate Accessibility Tests With Storybook (sto)745
accessibility, testing, automation, storybook
React Hooks Best Practices in 2022744
react, hooks
Conditionally Loading CSS or Any Resource Using Media Queries (ami)743
html, media-queries, performance
Building a Button Component (arg)742
components, html, css, javascript, buttons
The Rise and Fall of Neumorphism741
design
RFC 9239: Updates to ECMAScript Media Types (rau)740
javascript, mime-types
How to Ask for a Promotion739
how-tos, career
Quick and Dirty Text Diffing (jim)738
tooling, diff
Reduce Array of Objects to an Object in JavaScript (ami)737
javascript, arrays, objects
WCAG 2.2 and WCAG 3 Status Updates736
accessibility, wcag, standards
WP Accessibility Day735
websites, awareness-days, wordpress, accessibility
The Forgotten Benefits of “Low Tech” User Interfaces734
usability
How the HTML “lang” Attribute Helps Accessibility733
accessibility, html, attributes, localization
UI and UX Micro-Tips732
user-experience, forms, tips-and-tricks
The Modern Way to Create and Host a WordPress Site (sma)731
content-management, wordpress, hosting
24×24 Pixel Cursor Bookmarklet (aar)730
accessibility, wcag, testing, bookmarklets
Unpack Arrays Conditionally in PHP (ami)729
php, arrays
:where() :is() :has()? New CSS Selectors That Make Your Life Easier (kil/pol)728
css, selectors
Quick Tip: You Might Not Need “calc()” (mic)727
css, tips-and-tricks
Color Alignment for Multiple Design Systems726
design-systems, colors
An Affordable Work-from-Home Setup for Remote Workers725
productivity
The Era of Rebellious Web Design Is Here724
design
9 Ways to Design Inclusive Content (moz)723
content, dei
Rethinking Server-Timing as a Critical Monitoring Tool (sma)722
performance, time, http, metrics, monitoring
Peering Into the Accessibility of Dark Mode721
accessibility, dark-mode
Building a Design System With Eleventy720
design-systems, eleventy
Unexpectedly HTTPS? (eri)719
http, security
Web Applications 101 (rwi)718
introductions, web-apps, concepts
More Common Accessibility Issues That You Can Fix Today (hdv)717
accessibility
Personas vs. Archetypes (nng)716
usability, user-experience, personas, testing, comparisons
Call to Action Examples715
websites, writing, buttons, examples
Keyboard Testing: The A11y Enhancement to Your Definition of Done (ste)714
accessibility, keyboard-navigation, testing
Master the “:nth-child()” Pseudo-Class (zor/css)713
videos, css, selectors
Cool Hover Effects That Use CSS Text Shadow (css/css)712
css, hover, effects
Don’t Fight the Browser Preload Scanner (mal)711
browsers, html, parsing, performance
Does JavaScript Make My Site Less Accessible?710
accessibility, javascript, wcag
A Designer’s Journey of Ignorance, Resentment, and Wisdom709
design
W3C TAG Ethical Web Principles (tor+/w3c)708
ethics, principles, w3c
Bringing Page Transitions to the Web (jaf)707
videos, css, transitions
Tokens as Intents (don)706
design-tokens, naming, typography
When, Why, and How to Multithread in Flutter705
videos, flutter, dart, multithreading
Light and Dark Mode in Just 14 Lines of CSS (whi)704
css, dark-mode
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)703
how-tos, performance, google, crux, metrics, javascript, frameworks
Debugging Accessibility With Chrome DevTools702
videos, dev-tools, accessibility, debugging, browsers, chrome
Divs Are Bad! (mat)701
html, semantics
Why WCAG 2.2 Is Still in the Oven (deq)700
accessibility, wcag
XHTML Syntax Is Still Worth Using (tem)699
xhtml, html
Designing for Web Accessibility in 60 Seconds (dav)698
accessibility
State of CSS 2022 (arg)697
css
On Design Thinking696
design
How to Learn JavaScript Fast: Six Simple Mind Tricks695
how-tos, javascript, tips-and-tricks, learning
Bridging the Gap694
css, support
Magical SVG Techniques (sma)693
svg, images, techniques
Two Approaches to Accessibility on the Web (j9t)692
accessibility, automation
Under the Hood: React vs. Vue vs. Svelte691
frameworks, react, vuejs, svelte, comparisons
You Don’t Need “void 0”690
javascript
The Complete Modern React Developer 2022689
react
Cron Jobs: A Comprehensive Guide688
guides, cron, automation
A Management Maturity Model for Performance (sli)687
performance
Frontend Versus Backend Web Development (uxm)686
comparisons
Learn HTML [and] CSS (jad)685
websites, courses, html, css
Reinventing W3C Governance (rob)684
standards, w3c
“Someone Should Build X for the Web”—Why Not You? (cod)683
github
Understanding User Behaviors Across Surfaces (uxm)682
usability
Performance Game Changer: Browser Back/Forward Cache (tun/sma)681
browsers, caching, performance, web-vitals
How to Upload an Image With PHP (rik)680
how-tos, php, images, file-handling
A Different View Into Accessibility Overlays679
accessibility, overlays, testing, documentation, auditing
The Road to Universal JavaScript678
javascript
Why SEO Is a Great Investment, Not Just a Cost (sea)677
seo, economics
The Ultimate Electron Guide676
guides, electron, chromium, nodejs, rendering, desktop
What’s Your Heading? (col)675
accessibility, html, headings, semantics
My Opinion on What Makes a Good Code Review674
code-reviews, productivity
Scaling CSS Layout Beyond Pixels (5t3/btc)673
videos, css, scaling, layout, responsive-design
Learn CSS Subgrid (sha)672
css, grids, design
Lost in Translation (mat/btc)671
videos, design, accessibility, html, css
Top 2021 CSS Frameworks Report: Validation (cit)670
studies, research, frameworks, css, conformance, quality
How to Use the GitHub Pulls API to Manage Pull Requests669
how-tos, github, apis
Please, Stop Disabling Zoom (mat)668
accessibility, zooming, html
Practical Use Cases for “:has()” Pseudo-Class (zor/css)667
videos, css, selectors
How to Use Videos With Alpha Transparency on the Web (ben)666
how-tos, html, multimedia, transparency+opacity
12 Modern CSS Techniques for Older CSS Problems665
css, techniques, optimization
Fetch API Is [the] New Old Version of AJAX664
javascript, data-fetching, apis, ajax
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)663
headless, principles, resilience
A Guide to Writing About Digital Accessibility (deq)662
guides, writing, accessibility
Get to Know Your Browser’s Performance Profiler661
browsers, tooling, performance, profiling
Master Higher-Order Functions in JavaScript660
javascript, functions
Design Patterns: How to Create Simple Interfaces (web)659
how-tos, design, design-patterns
JavaScript Containers (tin)658
javascript, outlooks
The Evolution of WCAG: A Postcard From the Front Lines657
accessibility, wcag, standards, history
How Not to Do Accessible Design656
accessibility, design, colors
Nail Your Website Redesign in 2022—Tips and Tricks655
videos, redesigning, tips-and-tricks
Test Back/Forward Cache654
bfcache, testing, dev-tools, chrome, browsers
Developing a Low-Touch Adoption Strategy for a New Design System653
user-experience, design-systems
Which Programming Language Should I Learn First in 2022?652
programming, career, learning