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

dxsrc

“2022” News Archive (3)

Entry (Sources) and Additional TopicsDate#
CSS Border Animations (bra)1151
css, borders, animations
Fluid Sizing Instead of Multiple Media Queries? (sma)1150
css, media-queries
Why I Still Love PHP and JavaScript After 20+ Years (mnl)1149
php, javascript, retrospectives
Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers (css/css)1148
css, grids, layout
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
How to Add a Subtle Gradient on Top of an Image Using CSS (the)1143
how-tos, css, gradients
Checking if a JavaScript Native Function Is Monkey Patched1142
javascript, functions
The Horizontal Overflow Problem (hui)1141
css, overflow
Which Generator Builds Markdown the Fastest? (zac)1140
site-generators, markdown, performance, comparisons
10+ Things I Always Set Up in Git When I Prepare a New Environment1139
git, command-line, environments
Use the Active Voice to Transform Your Design System Documentation (amy)1138
design-systems, documentation, writing
When Will Scrum Die?1137
agile, scrum, kanban, processes
Underengineer Your Websites (aar/ben)1136
videos, interviews, accessibility
Quick Tip: Negative Animation Delay (mic)1135
css, animations, tips-and-tricks
Recreating MDN’s Truncated Text Effect (geo/css)1134
mdn, css, effects
Adding Observability to Your Jest Tests1133
javascript, jest, testing, observability
The Advanced Guide to the CSS “:has()” Selector (log)1132
guides, css, selectors
Detecting CSS Selector Support With JavaScript1131
css, selectors, feature-detection, support
8 Simple Steps to Complete a Technical SEO Audit1130
seo, auditing
Testable Frontend: The Good, the Bad, and the Flaky (nom/sma)1129
testing, flakiness
500 ms to 1.7 ms in React: A Journey and a Checklist1128
performance, react
Abbreviations Suck (cfe)1127
accessibility, html
Design Systems for Humans (amy)1126
design-systems, user-experience
Why I’m Learning TypeScript1125
typescript
You Don’t Need Microservices1124
microservices
CSS Minimal Dark Mode Toggle Button1123
code-pens, toggles, effects, minimalism
3 Simple Ways to Center an Element Using CSS (zor/css)1122
videos, css, centering
Release Notes for Safari Technology Preview 150 (jon/web)1121
release-notes, safari, browsers
Server Side Includes—All You Need to Know About SSI1120
ssi
Adventures in Text Rendering: Kerning and Glyph Atlases1119
typography, rendering, kerning
A Good Reset1118
css, resets
Maintenance Matters (vig)1117
maintenance, code-reviews, consistency, testing, logging, documentation
Django Tips and Tricks1116
django, tips-and-tricks
#ADA32: The ADA Has Applied to Digital for Decades (lfl)1115
accessibility, ada, legal
The 10 Affirmations of Good Digital Accessibility (deq)1114
accessibility
Introducing Even More Security Enhancements to npm1113
introductions, npm, security
Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist1112
design, brutalism, user-experience, minimalism
Speaking Up and Speaking Out: Tactical Communication in Accessibility (mer/equ)1111
accessibility, communication
Typography in Web Design (uxm)1110
typography, design
Your Code Doesn’t Have to Be a Mess1109
quality
5 Best UX Careers to Pursue in 2022 (uxm)1108
user-experience, career
Fix Web Performance for the Long-Term (sia)1107
performance, testing, processes
“<article>” vs. “<section>”: How to Choose the Right One (sma)1106
html, semantics, comparisons
Priority Hints—What Your Browser Doesn’t Know (Yet)1105
performance, hints
Everything You Need to Know About JavaScript Import Maps (hon)1104
javascript, dependencies, import-maps
Solving the “Dangler” Conundrum With Container Queries and “:has()” (dav)1103
css, selectors
Mobile UX: Study Guide (nng)1102
guides, user-experience, mobile, training, link-lists
Clean Architecture: Applying With React1101
architecture, react
Ancient Web Browsers1100
websites, browsers, history
The History of JavaScript1099
history, javascript
Understanding CSS “:has()” (mey/iga)1098
videos, css, selectors
Intro to Serverless Functions1097
introductions, serverless, functions, netlify
Type Annotations in JavaScript1096
javascript, typescript, annotations
Say “No” to Tailwind, Embrace Plain CSS1095
frameworks, tailwind, css
Definitive Guide to CAPTCHA Accessibility1094
guides, accessibility, captcha
What Is HCI (Human–Computer Interaction)? Meaning, Importance, Examples, and Goals1093
concepts, hci, examples
Escaping the sRGB Prison (svg/css)1092
videos, colors
Introduction to SvelteKit (thi)1091
videos, introductions, sveltekit
Where’s the Fun in Accessibility?1090
accessibility, user-experience
Front-End Internationalisation Tips (stu)1089
internationalization, fonts, css, javascript
Top Layer Support in Chrome DevTools1088
css, dev-tools, browsers, chrome
Research Insight: Accessibility of Images (ihe/tet)1087
accessibility, usability, images, research
Roundup of Recent Document Outline Chatter (geo/css)1086
html, headings, semantics, accessibility
20 Git Commands Every Developer Should Know1085
git, command-line
Vector Animations With Figma and SVG Animate1084
animations, figma, svg, images
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv)1083
css, selectors, accessibility, keyboard-navigation, focus
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks1082
frameworks, redwoodjs, javascript, comparisons
Top 5 npm Vulnerability Scanners1081
npm, security, vulnerabilities, tooling
New WebKit Features in Safari 15.6 (web)1080
release-notes, safari, browsers, webkit
Powerful Image Optimization Tools (lou/sma)1079
link-lists, images, compression, performance, tooling
Rethinking Device Emulation in Browsers (cod)1078
browsers, tooling, usability
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
Create Complex Transitions With Individual CSS Transform Properties (zor/css)1075
videos, css, transitions
15 Common Beginner JavaScript Mistakes1074
javascript, mistakes
Logical Properties for Useful Shorthands (mic)1073
css, logical-properties, shorthands
Expert Tips for Color Accessibility on the Web1072
tips-and-tricks, accessibility, colors
The 10 Most Common JavaScript Issues Developers Face1071
javascript, mistakes
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1070
html, semantics, headings, microcontent, accessibility
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (get)1069
javascript, optimization, tree-shaking
Hacking JavaScript Objects1068
javascript, objects
How Scrum With Kanban Works1067
agile, scrum, kanban, processes
Abbreviations Can Be Problematic (tem)1066
html, accessibility
Useful Tips and Tricks in JavaScript1065
javascript, tips-and-tricks
JSON Creator Douglas Crockford Interview (dou)1064
interviews, javascript
What Is WAI? The Web Accessibility Initiative1063
accessibility
How Did REST Come to Mean the Opposite of REST? (htm)1062
apis, rest
5 Learnings From Adopting OKRs at the Team Level1061
okr, prioritization, processes, lessons, link-lists
Why I No Longer Care What People “Like” or “Don’t Like”1060
design
What Is Passwordless Authentication and How to Implement It1059
authentication, security, passwords
CSS Properties1058
css, overviews
Using Grids in Interface Designs (nng)1057
layout, grids, usability
An Approach to Continuous Learning1056
career, learning
Use Firefox for Accessibility Testing (col)1055
browsers, firefox, accessibility, testing
Can SVG Symbols Affect Web Performance?1054
svg, images, performance
CSS Gradient Background From Figma to CodePen1053
css, gradients, backgrounds, figma, codepen
7 Tips for Clean React TypeScript Code You Must Know1052
react, typescript, tips-and-tricks
Konqueror: The Forgotten Browser That Conquered the Market (dis)1051
videos, history, konqueror, browsers
Welcome to the Dark Side (yat)1050
dark-mode, accessibility, usability
7 Quick Facts About WCAG 2.2 (lev)1049
accessibility, wcag, standards
What Does x% of Issues Mean? (aar)1048
accessibility, metrics
Working With File System Paths on Node.js (rau)1047
nodejs, file-handling
Could Sustainable Websites Increase Energy Consumption?1046
sustainability
Minimal Social Markup (j9t)1045
html, social-media, open-graph, minimalism
Web Accessibility Laws and Policies1044
accessibility, legal, policies, link-lists
The Hidden History of Screen Readers (ver)1043
accessibility, screen-readers, assistive-tech, history
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
My War on Animation (ver)1040
accessibility, animations
Bag Some AAA Wins Where You Can (tem)1039
accessibility, wcag
Creating a CSS Only Interactive Site Menu1038
navigation, css
Optimizing Node.js Dependencies in AWS Lambda1037
nodejs, dependencies, aws, serverless, lambda, optimization
Custom ESM Loaders: Who, What, When, Where, Why, How1036
nodejs, esm
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)1035
javascript, prototypes
The Methods UX Professionals Use1034
user-experience, processes
Applying SOLID Principles in React1033
quality, maintainability, principles, solid, react
Making the Wrong Choice on Build vs. Buy1032
economics, processes, engineering-management, complexity, comparisons
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
Fundamentals Matter (cfe)1029
fundamentals
Forms in Modals: UX Case1028
forms, modals, user-experience
Statements vs. Expressions (jos)1027
javascript, comparisons
Integer Math in JavaScript1026
javascript, math
Technical Writing for Developers (css)1025
writing, version-control
37 Easy Ways to Spice Up Your UI Designs1024
design, effects
The Many Faces of Themeable Design Systems (bra)1023
design-systems, theming
Guide to Trending Front-End Frameworks in 2022 (uxm)1022
guides, frameworks, react, jquery, express, angular, vuejs
A Look at Remix and the Differences With Next.js (fgi/sma)1021
comparisons, frameworks, remix, nextjs
Building (or Rebuilding) a Website With Accessibility in Mind1020
accessibility
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1019
performance, web-vitals, comparisons, html, attributes, aspect-ratio, css
Generating Accessibility Test Results for a Whole Website With Pa11y CI1018
accessibility, testing, tooling
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
CSS Complexity: It’s Complicated (pro)1011
css, cascade
Data Structure and Algorithms 1021010
data-structures, algorithms, complexity
The Future of CSS: Variable Units, Powered by Custom Properties (bra)1009
css, units, custom-properties
Make It Accessible1008
websites, 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
Holograms, Light-Leaks, and How to Build CSS-Only Shaders1005
how-tos, css, blend-modes, effects
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)1004
html, semantics, accessibility
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (aar)1003
accessibility, browsers, safari, css
On Transpilers (zse)1002
transpiling, compiling, c, go, rust
What Are Color Gamuts (svg)1001
colors
HTTP Content Negotiation1000
http, content-negotiation
Truly Portable Design Patterns (gri/clo)999
design-patterns, components
The Hard Parts of Developer Advocacy (for Me) (bla)998
developer-relations, advocacy, community, career
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ)997
accessibility, captions, writing, automation, comparisons
The Joy of Variable Fonts: Getting Started on the Frontend (rom+/evi)996
fonts, variable-fonts, css, introductions
Masonry? In CSS?! (mic)995
css, layout, masonry
The Off by Default Web (pau)994
web, permissions
The Ballad of Text Overflow (sib/tpg)993
css, overflow, accessibility
The Case for Null in Design Systems (eri)992
design-systems
Executing Shell Commands From Node.js (rau)991
nodejs, shells
Inverted Media Queries and Breakpoints (hex)990
css, media-queries, breakpoints
Style With Stateful, Semantic Selectors (ben)989
css, aria
Magento Tips and Tricks to Increase Online Sales: 8 Simple Strategies988
magento, economics, tips-and-tricks, strategies
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
Two Levels of Customising “<selectmenu>” (hdv)985
accessibility, html
The Unlocked Possibilities of the “:has()” Selector (jim)984
css, selectors
Super-Helpful Tips When Working With Figma Component Properties983
figma, tips-and-tricks, components
How to Make Text Improve User Experience: Insights Into UX Writing982
how-tos, user-experience, writing
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
Best Practices for Images (nuc)978
images, html, best-practices
Breaking Out of a Central Wrapper (mic)977
css
How to Auto-Prefix and Minify CSS?976
how-tos, css, vendor-extensions, minification, tooling
Web Development Is Like Assembling IKEA Furniture (cod)975
comparisons
Write Git Commit Messages That Your Colleagues Will Love974
git, commit-messages
Reimagining Front-End Web Development With htmx and Hyperscript973
outlooks, htmx
CSS Variable Secrets (lea/css)972
videos, css, custom-properties
The New Wave of React State Management971
react, state-management, comparisons
404 vs. 410—the Technical SEO Experiment970
seo, http, comparisons, experiments
“That’s Not Accessible!” and Other Statements About Accessibility (hdv)969
accessibility
Farewell to HTML5Rocks (pau)968
community, html, history
What the Hell Is “<!DOCTYPE html>”?967
html, doctypes
Building Tabs in Web Components (dav)966
web-components
What Every Newbie Developer Should Know965
career
Thoughts on an Accessibility “Get Well” Plan (j9t)964
accessibility, processes, engineering-management, leadership
Fresh 1.0 (lca/den)963
fresh, frameworks
Googlebot and the 15 MB Thing962
google, seo
Are You Sure That’s a Number Input? (kil)961
html
Working With the File System on Node.js (rau)960
nodejs, file-handling, apis
Image Guard (j9t)959
packages, npm, images, compression, performance, jpeg, png, gif, webp, avif
Style Queries (una)958
css, style-queries
SPAs: Theory Versus Practice (nol)957
single-page-apps, comparisons
My Wonderful HTML Email Workflow (jos)956
html, mjml, markdown, mdx, email, processes
How to Serve WebP Images on nginx955
how-tos, webp, images, nginx, servers
Demystifying the New Gatsby Framework (mon/sma)954
frameworks, gatsby
A CLS Punishment for Progressive Enhancement? (bel/pic)953
performance, web-vitals, progressive-enhancement
What Do the Developers Do in the Last Week of the Sprint?952
agile, scrum, processes
UX Writing: Study Guide (nng)951
guides, user-experience, writing, training, link-lists
A Previous Sibling Selector (jim)950
css, selectors
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
Accessible Design Systems (ihe/tet)946
accessibility, design-systems
Introduction to Defensive CSS (sha)945
introductions, css
Missing Introduction to React944
introductions, react
Single Element Loaders: The Bars (css/css)943
css
WCAG 2.1 AA Web Accessibility Checklist942
checklists, accessibility, wcag
4+ Years of Cracking Technical Interviews941
interviewing, career
Mastering “z-index” in CSS940
css, positioning
Can We Enterprise CSS Grid? (hui)939
css, grids, layout, frameworks
Getting Started With Vue Composables (log)938
vuejs, introductions
7 UX Laws You’re Probably Getting Wrong (web)937
user-experience, usability, design
5 Useful CSS Properties That Get No Love (kev)936
videos, css
Apple Is Not Defending Browser Engine Choice (sli)935
browsers, browser-engines, web, apple
Managing Specificity With CSS Cascade Layers (zor/css)934
videos, css, selectors, cascade
Stop the Screen Going to Sleep With JavaScript933
javascript
How We Designed an Accessible Color Palette From Scratch932
accessibility, colors, color-palettes, case-studies
Everything You Need to Know About Web Performance (in 5 Minutes)931
performance, web-vitals, compression
Please Remove That .git Folder930
security, git
Introducing Keyboard Navigation (bru)929
videos, accessibility, introductions
Different Ways to Write CSS in React (css)928
css, react
Why We Don’t Set the “og:image:alt” Tag (yoa)927
open-graph, images, alt-text, accessibility, seo, social-media
In Defense of Blocks for Local Scopes926
javascript, scope
User Vulnerabilities in the Data Cycle925
user-experience, vulnerabilities, privacy, legal
In Defense of Blocks for Local Scopes II924
javascript, scope
What Would a Chromium-Only Web Look Like? (mno)923
browsers, browser-engines, chromium, google, web
“text-overflow: ellipsis” Considered Harmful (yat)922
accessibility, css, overflow
A Design System Here, a Design System There (dut)921
design-systems, design-tokens, css
Types of URL Redirects and SEO Best Practices920
urls, redirecting, seo, best-practices
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)919
selectors, scope, dom, shadow-dom, performance, comparisons, metrics
Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (zel+)918
interviews, web, css
10 Incident Management Best Practices for Streamlined Operations917
incident-response, best-practices, processes
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs? (vle)916
videos, accessibility, writing, information-design
Svelte Origins: A JavaScript Documentary915
videos, javascript, svelte
How and When to Use the CSS “:has” Selector (log)914
css, selectors
Cascade Layers—There’s a Polyfill for That! (odd)913
css, cascade, polyfills
Be the Browser’s Mentor, Not Its Micromanager (bel)912
videos, css
The Right Space Around Headings in Web Typography (pim)911
typography, spacing, headings
Future Features of JS (jsn)910
videos, javascript
Icon-Only Links Fail WCAG (tem)909
accessibility, links, wcag, images, icons, conformance
Best Practices for Overlays II908
accessibility, best-practices, overlays
How I Built a Dark Mode Toggle (hdv)907
dark-mode, toggles
A Beginner’s Guide to Inclusive UX Design906
guides, dei, user-experience, design
One Line of CSS to Add Basic Dark/Light Mode (cod)905
dark-mode, css
Groking “:active”, “:focus”, and “:focus-visible” Pseudo-Classes (thi)904
css, selectors, focus
HTML Cheatsheet903
html, examples, cheat-sheets
The Dos and Don’ts of Pairing Typefaces (nng)902
design, typography, readability, legibility, usability
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
Using Web Streams on Node.js (rau)898
nodejs, streaming
Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement897
user-experience, cookies, pop-ups, legal
Is It Expensive to Build an Eco-Friendly Website?896
sustainability, economics
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)895
design, naming, history, navigation, breadcrumbs
3 Useful CSS Hacks (kev)894
videos, css
In and Out of Style (css)893
videos, css
Web Design Tool Wish List (gri/clo)892
design, tooling, wish-lists
Naming Conventions for Design Systems891
design-systems, naming, conventions
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
How to Use ESLint and Prettier for Code Analysis and Formatting888
how-tos, quality, consistency, eslint, prettier, linting, formatting
Complex vs. Compound Selectors (mia)887
css, selectors, comparisons
Why You Should Consider Prisma.io886
databases, tooling, orm, prisma
Do Dyslexia Fonts Improve Accessibility?885
accessibility, dyslexia, fonts
The Guide to Windows High Contrast Mode (its/sma)884
guides, colors, contrast, windows
Fun CSS-Only Scrolling Effects for Matterday (lyn)883
css, effects, parallax
You Don’t Need a JavaScript Library for Your Components882
javascript, libraries, components
How to Remove 99% of JavaScript From Main Thread (wea)881
videos, how-tos, javascript, performance
Conditionally Styling Selected Elements in a Grid Container (pre/css)880
css, grids, selectors
How to Prevent Merge Conflicts (or at Least Have Less of Them) (bla)879
how-tos, version-control, git
5 Very Simple Steps You Can Take for Accessibility Improvement (mni)878
accessibility, optimization
Communication Accessibility: It’s Time to Change How We Communicate (mer)877
accessibility, communication
Simple CSS Solutions (kev)876
videos, css
CSS Card Shadow Effects (hui)875
css, effects
Design Principles for the Web (wea)874
videos, software-design, principles, web
Change Management for Accessibility (deq)873
accessibility, processes
Software Engineering: The Soft Parts (add)872
principles
Understanding the JavaScript Window Object871
javascript, objects
Dialogs and Shadow DOM: Can We Make It Accessible? (nol)870
modals, accessibility, dom, shadow-dom
Notes From the Dev: Essential Advice on How to Use MJML (meg)869
how-tos, email, mjml
Sponsoring Dependencies: The Next Step in Open Source Sustainability (nza)868
dependencies, economics, foss
Should I Have Separate GitHub Accounts for Personal and Professional Projects?867
discussions, github, career, security
The Smallest CSS (fon)866
css, minimalism
Design System Maturity (ben)865
videos, design-systems
Designing the Perfect Button864
design, buttons
Why You Shouldn’t Modify Scrum863
agile, scrum, processes
The Folly of Design System “Foundations”862
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
Write HTML Right857
html, optimization
State of the Vuenion 2022 (eva/vue)856
videos, vuejs
How We Think About Browsers (kei)855
browsers, case-studies
Single Element Loaders: The Spinner (css/css)854
css, effects
10 Dos and Don’ts of Web Design in 2022 (web)853
design, principles
Make DevTools Pick Colors Outside of Chrome (ami)852
dev-tools, colors, browsers, chrome
The Many Definitions of Server-Side Rendering (zac)851
server-side-rendering
Measuring the Performance of Typefaces for Users II (sma)850
typography, fonts, performance
Design Systems; the Great Connector849
design-systems
The Future of Frontend Build Tools (sma)848
tooling, building
How to Animate SVG Shapes on Scroll (cod)847
how-tos, css, animations, svg
WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (yat)846
accessibility, reflow, resizing, wcag
Mobile-First CSS: Is It Time for a Rethink? (ali)845
mobile-first, mobile, css
Inclusive User Research: Analysing Findings (tet)844
dei, usability, research
How to Use Headings for Website Accessibility843
how-tos, accessibility, headings, semantics
Simplify Your Color Palette With CSS “color-mix()” (sma)842
css, colors, color-palettes
Patterns for Building JavaScript Websites in 2022 (rya/thi)841
javascript, frameworks, comparisons
JavaScript Hydration Is a Workaround, Not a Solution840
javascript, hydration
Meet Web Push (bra/web)839
browsers, apis, support, standards
Optimize the Use of “if–else”838
javascript
Lynx Browser: The Land That Time Revived837
lynx, browsers, command-line
How to Create Dark Mode for Your Designs in Figma836
how-tos, dark-mode, figma
Aspects of Accessibility—Semantics, Contrast, and… Anxiety?835
accessibility, semantics, colors, contrast, user-experience
Mathematical Notation for JavaScript Developers Explained834
javascript, math
Building Interoperable Web Components That Even Work With React (ada/css)833
web-components, interoperability, react
A New Definition of HTTP (mno)832
protocols, http
Shallow Copy and Deep Copy831
javascript
Best Practices for Overlays830
accessibility, best-practices, overlays
Are You Ignoring Digital Accessibility at Your Job?829
accessibility, career
Web Typography: Establishing a Strong Typographic System (mis)828
typography
Can I DevTools? (pan)827
websites, browsers, dev-tools, support
How to Use Variables in CSS: CSS Custom Properties (web)826
how-tos, css, custom-properties
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
More Light! (bas/btc)821
videos, outlooks, sustainability
Web Development Resources (mar)820
websites, link-lists
24 Tips for Beginner Programmers (fla)819
programming, learning, tips-and-tricks
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
Bad Bad UX: 20 Common Mistakes in User Experience816
user-experience, mistakes
Developing Cross Browser Compatible Web Apps With Modernizr815
web-apps, modernizr, feature-detection
Declarative Design Systems814
design-systems
Useful Built-In Node.js APIs (cra)813
nodejs, apis
Dealing With Hover on Mobile (kev)812
videos, css, media-queries, mobile
How to Create Ebooks With Markdown (fla)811
how-tos, markdown
How to Pick the Least Wrong Colors810
how-tos, colors, design, accessibility
Monorepos in JavaScript and TypeScript (rwi)809
javascript, typescript, monorepos
Obscure CSS: Implicit List-Item Counter (kiz)808
css, lists, counters
Do We Have a Lack of Developers or a False Assumption What the Job Is? (cod)807
career
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
Understanding CSRF Attacks (zel)804
security, csrf
Interview With Léonie Watson (tin+)803
interviews, accessibility
How to Migrate From Yarn/npm to pnpm802
how-tos, migrating, yarn, npm, pnpm
Level Up Your Link Previews in Slack (whi)801
html, social-media, open-graph, links, slack
Checklist for Moderating a Usability Test (nng)800
usability, testing, checklists
Two Lines of CSS That Boosts 7× Rendering Performance799
css, performance, rendering
How Does Social Interaction Change in an Age of New Media?798
web, interaction-design
JavaScript of Halftone Printing797
javascript, halftone, print
7 Tips to Improve Your TypeScript796
typescript, tips-and-tricks, optimization
APCA: The New Algorithm for Accessible Colour Contrast795
accessibility, colors, contrast, apca
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 npm Can Learn From Go792
npm
What’s the Alternative (Text)? (col)791
accessibility, writing
The Story of the Custom Scrollbar Using CSS790
css, scrolling
How to Fix: “Buttons Do Not Have Accessible Names”789
how-tos, buttons, wcag
8 Shocking HTML Tips You Probably Don’t Know About788
html, tips-and-tricks
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)787
html, forms, history, mistakes
npm Security Update: Attack Campaign Using Stolen OAuth Tokens786
security, oauth, version-control, npm
Manage Accessible Design System Themes With CSS “color-contrast()” (sma)785
design-systems, theming, css
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)784
javascript, arrays, comparisons
Single Page Applications (ons/tpg)783
single-page-apps
JavaScript Closures, Explained782
javascript, closures
Customizing Color Fonts on the Web (djr/web)781
fonts, colors, customization
Understanding Weak Reference in JavaScript (sma)780
javascript
CSS: Absolutely Positioning Things Relatively779
css, positioning, layout
A Perfect Table of Contents With HTML and CSS (nza/css)778
html, css
Why Are Iframe Titles Important for Accessibility?777
accessibility, html, iframes, writing
Making Headers Sticky Using CSS for a Better Reading Experience (ami)776
css, readability, user-experience
Inclusive Design 101775
introductions, dei, design
Advocating for Your Design System774
design-systems, advocacy
Four Tradeoffs When Designing Navigation Menus773
design, navigation
How to Position Your Design System Team for Success (vig)772
how-tos, design-systems, collaboration, productivity
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers771
guides, html, semantics, examples, cheat-sheets
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks770
javascript, npm, dependencies, security
Lesser-Known and Underused CSS Features in 2022 (cod/sma)769
css
Dialog Components: Go Native HTML or Roll Your Own? (css)768
modals, components, accessibility
5 Things I’d Want to See Improved in WordPress Core767
wordpress
An Introduction to the Tailwind CSS and Atomic CSS766
introductions, tailwind, atomic-css, comparisons
A Guide to Writing Industry Standard Git Commit Messages765
guides, git, writing, conventions, commit-messages
15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022 (ste)764
agile, scrum, processes, anti-patterns
Making Disabled Buttons More Inclusive (san/css)763
forms, buttons, focus, aria, html, attributes, accessibility
Accessibility From Different Perspectives (hdv)762
accessibility
The Balance Has Shifted Away From SPAs (nol)761
single-page-apps
Fun With CSS Combinators (alv)760
css, selectors
Triaging WCAG 2.1 Level AAA (ian/tet)759
accessibility, wcag, standards
First Look at the CSS “object-view-box” Property (sha)758
css
Patterns (w3c)757
design-patterns, aria, best-practices
Auto “nvm use” (wes)756
nvm, nodejs
Accessibility Not-Checklist (int)755
websites, accessibility, checklists
What We Can Learn From Remix754
remix, frameworks
React Accessibility Resources (bru)753
react, accessibility, link-lists
Web Development === Accessibility (abb)752
accessibility
React Hooks Best Practices in 2022751
react, hooks
Let’s Make Accessibility Boring Again750
accessibility
Automate Accessibility Tests With Storybook (sto)749
accessibility, testing, automation, storybook
Web Accessibility Is Broken—It’s Time to Fix It (yat)748
videos, accessibility
4 Web Accessibility Remediation Mistakes to Avoid747
accessibility, mistakes
Use “@supports” At-Rule for Feature Detection in CSS (zor/css)746
videos, css, feature-detection, support
Thinking Colors: Balancing Between Visual and Abstract745
colors
The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure744
interviews, accessibility, leadership, culture, metrics
How to Ask for a Promotion743
how-tos, career
Building a Button Component (arg)742
components, html, css, javascript, buttons
Quick and Dirty Text Diffing (jim)741
tooling, diff
The Rise and Fall of Neumorphism740
design
RFC 9239: Updates to ECMAScript Media Types (rau)739
javascript, mime-types
Conditionally Loading CSS or Any Resource Using Media Queries (ami)738
html, media-queries, performance
UI and UX Micro-Tips737
user-experience, forms, tips-and-tricks
WP Accessibility Day736
websites, awareness-days, wordpress, accessibility
WCAG 2.2 and WCAG 3 Status Updates735
accessibility, wcag, standards
How the HTML “lang” Attribute Helps Accessibility734
accessibility, html, attributes, localization
Reduce Array of Objects to an Object in JavaScript (ami)733
javascript, arrays, objects
The Forgotten Benefits of “Low Tech” User Interfaces732
usability
The Modern Way to Create and Host a WordPress Site (sma)731
content-management, wordpress, hosting
Unexpectedly HTTPS? (eri)730
http, security
Web Applications 101 (rwi)729
introductions, web-apps, concepts
24×24 Pixel Cursor Bookmarklet (aar)728
accessibility, wcag, testing, bookmarklets
Quick Tip: You Might Not Need “calc()” (mic)727
css, tips-and-tricks
9 Ways to Design Inclusive Content (moz)726
content, dei
Unpack Arrays Conditionally in PHP (ami)725
php, arrays
Building a Design System With Eleventy724
design-systems, eleventy
The Era of Rebellious Web Design Is Here723
design
Color Alignment for Multiple Design Systems722
design-systems, colors
Peering Into the Accessibility of Dark Mode721
accessibility, dark-mode
An Affordable Work-from-Home Setup for Remote Workers720
productivity
Rethinking Server-Timing as a Critical Monitoring Tool (sma)719
performance, time, http, metrics, monitoring
:where() :is() :has()? New CSS Selectors That Make Your Life Easier (kil/pol)718
css, selectors
Personas vs. Archetypes (nng)717
usability, user-experience, personas, testing, comparisons
More Common Accessibility Issues That You Can Fix Today (hdv)716
accessibility
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
Don’t Fight the Browser Preload Scanner (mal)712
browsers, html, parsing, performance
Cool Hover Effects That Use CSS Text Shadow (css/css)711
css, hover, effects
Does JavaScript Make My Site Less Accessible?710
accessibility, javascript, wcag
A Designer’s Journey of Ignorance, Resentment, and Wisdom709
design
Tokens as Intents (don)708
design-tokens, naming, typography
W3C TAG Ethical Web Principles (tor+/w3c)707
ethics, principles, w3c
Bringing Page Transitions to the Web (jaf)706
videos, css, transitions
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
Debugging Accessibility With Chrome DevTools703
videos, dev-tools, accessibility, debugging, browsers, chrome
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)702
how-tos, performance, google, crux, metrics, javascript, frameworks
Divs Are Bad! (mat)701
html, semantics
Bridging the Gap700
css, support
State of CSS 2022 (arg)699
css
On Design Thinking698
design
Why WCAG 2.2 Is Still in the Oven (deq)697
accessibility, wcag
XHTML Syntax Is Still Worth Using (tem)696
xhtml, html
Designing for Web Accessibility in 60 Seconds (dav)695
accessibility
How to Learn JavaScript Fast: Six Simple Mind Tricks694
how-tos, javascript, tips-and-tricks, learning
You Don’t Need “void 0”693
javascript
Magical SVG Techniques (sma)692
svg, images, techniques
Cron Jobs: A Comprehensive Guide691
guides, cron, automation
Under the Hood: React vs. Vue vs. Svelte690
frameworks, react, vuejs, svelte, comparisons
The Complete Modern React Developer 2022689
react
Two Approaches to Accessibility on the Web (j9t)688
accessibility, automation
Learn HTML [and] CSS (jad)687
websites, courses, html, css
Reinventing W3C Governance (rob)686
standards, w3c
How to Upload an Image With PHP (rik)685
how-tos, php, images, file-handling
The Road to Universal JavaScript684
javascript
Frontend Versus Backend Web Development (uxm)683
comparisons
A Management Maturity Model for Performance (sli)682
performance
A Different View Into Accessibility Overlays681
accessibility, overlays, testing, documentation, auditing
Understanding User Behaviors Across Surfaces (uxm)680
usability
Why SEO Is a Great Investment, Not Just a Cost (sea)679
seo, economics
“Someone Should Build X for the Web”—Why Not You? (cod)678
github
Performance Game Changer: Browser Back/Forward Cache (tun/sma)677
browsers, caching, performance, web-vitals
What’s Your Heading? (col)676
accessibility, html, headings, semantics
The Ultimate Electron Guide675
guides, electron, chromium, nodejs, rendering, desktop
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
Fetch API Is [the] New Old Version of AJAX667
javascript, data-fetching, apis, ajax
Practical Use Cases for “:has()” Pseudo-Class (zor/css)666
videos, css, selectors
Master Higher-Order Functions in JavaScript665
javascript, functions
A Guide to Writing About Digital Accessibility (deq)664
guides, writing, accessibility
Get to Know Your Browser’s Performance Profiler663
browsers, tooling, performance, profiling
12 Modern CSS Techniques for Older CSS Problems662
css, techniques, optimization
How to Use Videos With Alpha Transparency on the Web (ben)661
how-tos, html, multimedia, transparency+opacity
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)660
headless, principles, resilience
JavaScript Containers (tin)659
javascript, outlooks
Test Back/Forward Cache658
bfcache, testing, dev-tools, chrome, browsers
How Not to Do Accessible Design657
accessibility, design, colors
Designing a Better Language Selector (sma)656
design, usability, internationalization, localization
Design Patterns: How to Create Simple Interfaces (web)655
how-tos, design, design-patterns
Nail Your Website Redesign in 2022—Tips and Tricks654
videos, redesigning, tips-and-tricks
The Evolution of WCAG: A Postcard From the Front Lines653
accessibility, wcag, standards, history
Which Programming Language Should I Learn First in 2022?652
programming, career, learning