Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2022” News Archive (3)

Entry (Sources) and Additional TopicsDate#
The Horizontal Overflow Problem (hui)1,125
css, overflow
Use the Active Voice to Transform Your Design System Documentation (amy)1,124
design-systems, documentation, writing
Which Generator Builds Markdown the Fastest? (zac)1,123
site-generators, markdown, performance, comparisons
500 ms to 1.7 ms in React: A Journey and a Checklist1,122
performance, react
8 Simple Steps to Complete a Technical SEO Audit1,121
seo, auditing
Adding Observability to Your Jest Tests1,120
javascript, jest, testing, observability
Detecting CSS Selector Support With JavaScript1,119
css, selectors, feature-detection, support
Recreating MDN’s Truncated Text Effect (geo/css)1,118
mdn, css, effects
Testable Frontend: The Good, the Bad, and the Flaky (nom/sma)1,117
testing, flakiness
The Advanced Guide to the CSS “:has()” Selector (log)1,116
guides, css, selectors
Underengineer Your Websites (aar/ben)1,115
videos, interviews, accessibility
When Will Scrum Die?1,114
agile, scrum, kanban, processes
Quick Tip: Negative Animation Delay (mic)1,113
css, animations, tips-and-tricks
3 Simple Ways to Center an Element Using CSS (zor/css)1,112
videos, css, centering
Abbreviations Suck (cfe)1,111
accessibility, html
Adventures in Text Rendering: Kerning and Glyph Atlases1,110
typography, rendering, kerning
CSS Minimal Dark Mode Toggle Button1,109
code-pens, toggles, effects, minimalism
Design Systems for Humans (amy)1,108
design-systems, user-experience
Release Notes for Safari Technology Preview 150 (jon/web)1,107
release-notes, safari, apple, browsers
Why I’m Learning TypeScript1,106
typescript
You Don’t Need Microservices1,105
microservices
Server Side Includes—All You Need to Know About SSI1,104
ssi
A Good Reset1,103
css, resets
#ADA32: The ADA Has Applied to Digital for Decades (lfl)1,102
accessibility, ada, legal
Django Tips and Tricks1,101
django, tips-and-tricks
Introducing Even More Security Enhancements to npm (git)1,100
introductions, npm, security
Maintenance Matters (vig)1,099
maintenance, code-reviews, consistency, testing, logging, documentation
Speaking Up and Speaking Out: Tactical Communication in Accessibility (mer/equ)1,098
accessibility, communication
The 10 Affirmations of Good Digital Accessibility (deq)1,097
accessibility
UX Principles That Include Cognitive Accessibility1,096
user-experience, accessibility, principles
Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist (uxd)1,095
design, user-experience, minimalism
5 Best UX Careers to Pursue in 2022 (uxm)1,094
user-experience, career
“<article>” vs. “<section>”: How to Choose the Right One (sma)1,093
html, semantics, comparisons
Everything You Need to Know About JavaScript Import Maps (hon)1,092
javascript, dependencies, import-maps
Fix Web Performance for the Long-Term (sia)1,091
performance, testing, processes
Priority Hints—What Your Browser Doesn’t Know (Yet)1,090
performance, hints
Solving the “Dangler” Conundrum With Container Queries and “:has()” (dav)1,089
css, selectors
Typography in Web Design (uxm)1,088
typography, design
Your Code Doesn’t Have to Be a Mess1,087
quality
Clean Architecture: Applying With React1,086
architecture, react
Mobile UX: Study Guide (nng)1,085
guides, user-experience, mobile, training, link-lists
Ancient Web Browsers1,084
websites, browsers, history
The History of JavaScript1,083
history, javascript
Definitive Guide to CAPTCHA Accessibility1,082
guides, accessibility, captcha
Intro to Serverless Functions (net)1,081
introductions, serverless, functions, netlify
Type Annotations in JavaScript1,080
javascript, typescript, annotations
Understanding CSS “:has()” (mey/iga)1,079
videos, css, selectors
What Is HCI (Human-Computer Interaction)? Meaning, Importance, Examples, and Goals1,078
concepts, hci, examples
Say “No” to Tailwind, Embrace Plain CSS1,077
frameworks, tailwind, css
20 Git Commands Every Developer Should Know1,076
git, command-line
Front-End Internationalisation Tips1,075
internationalization, fonts, css, javascript
Introduction to SvelteKit (thi)1,074
videos, introductions, sveltekit
Roundup of Recent Document Outline Chatter (geo/css)1,073
html, headings, semantics, accessibility
Top Layer Support in Chrome DevTools (dev)1,072
css, dev-tools, browsers, google, chrome
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv)1,071
css, selectors, accessibility, keyboard-navigation, focus
Where’s the Fun in Accessibility? (uxd)1,070
accessibility, user-experience
Vector Animations With Figma and SVG Animate (uxd)1,069
animations, figma, svg, images
Research Insight: Accessibility of Images (ihe/tet)1,068
accessibility, usability, images, research
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks1,067
frameworks, redwoodjs, javascript, comparisons
Escaping the sRGB Prison (svg/css)1,066
videos, colors
An Introduction to Multithreading in Node.js (app)1,065
introductions, nodejs, multithreading
Create Complex Transitions With Individual CSS Transform Properties (zor/css)1,064
videos, css, transitions
New WebKit Features in Safari 15.6 (jen/web)1,063
release-notes, safari, apple, browsers, webkit
Powerful Image Optimization Tools (lou/sma)1,062
link-lists, images, compression, performance, tooling
Rethinking Device Emulation in Browsers (cod)1,061
browsers, tooling, usability
Top 5 npm Vulnerability Scanners1,060
npm, security, vulnerabilities, tooling
Creating an App Using Drag and Drop With React Without Libraries1,059
react, drag-and-drop
15 Common Beginner JavaScript Mistakes1,058
javascript, mistakes
Expert Tips for Color Accessibility on the Web1,057
tips-and-tricks, accessibility, colors
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (sen)1,056
javascript, optimization, tree-shaking
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1,055
html, semantics, headings, microcontent, accessibility
The 10 Most Common JavaScript Issues Developers Face1,054
javascript, mistakes
Logical Properties for Useful Shorthands (mic)1,053
css, logical-properties, shorthands
Abbreviations Can Be Problematic (tem)1,052
html, accessibility
Hacking JavaScript Objects1,051
javascript, objects
How Did REST Come to Mean the Opposite of REST? (htm)1,050
apis, rest
How Scrum With Kanban Works1,049
agile, scrum, kanban, processes
JSON Creator Douglas Crockford Interview (dou)1,048
interviews, javascript
Useful Tips and Tricks in JavaScript1,047
javascript, tips-and-tricks
What Is Passwordless Authentication and How to Implement It1,046
authentication, security, passwords
What Is WAI? The Web Accessibility Initiative1,045
accessibility
Why I No Longer Care What People “Like” or “Don’t Like” (uxd)1,044
design
5 Learnings From Adopting OKRs at the Team Level1,043
okr, prioritization, processes, lessons, link-lists
7 Tips for Clean React TypeScript Code You Must Know1,042
react, typescript, tips-and-tricks
An Approach to Continuous Learning1,041
career, learning
Can SVG Symbols Affect Web Performance?1,040
svg, images, performance
CSS Gradient Background From Figma to CodePen1,039
css, gradients, backgrounds, figma, codepen
CSS Properties1,038
css, overviews
Konqueror: The Forgotten Browser That Conquered the Market (dis)1,037
videos, history, konqueror, browsers
Use Firefox for Accessibility Testing (col)1,036
browsers, mozilla, firefox, accessibility, testing
Using Grids in Interface Designs (nng)1,035
layout, grids, usability
7 Quick Facts About WCAG 2.21,034
accessibility, wcag, standards
Welcome to the Dark Side (yat)1,033
dark-mode, accessibility, usability
What Does x% of Issues Mean? (aar)1,032
accessibility, metrics
Could Sustainable Websites Increase Energy Consumption?1,031
sustainability
Working With File System Paths on Node.js (rau)1,030
nodejs, file-handling
Minimal Social Markup (j9t)1,029
html, social-media, open-graph, minimalism
Perceived Affordances and the Functionality Mismatch (tin)1,028
usability, accessibility, semantics
The Hidden History of Screen Readers (ver)1,027
accessibility, screen-readers, assistive-tech, history
Web Accessibility Laws and Policies1,026
accessibility, legal, policies, link-lists
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1,025
html, semantics, accessibility, aria
Bag Some AAA Wins Where You Can (tem)1,024
accessibility, wcag
Custom ESM Loaders: Who, What, When, Where, Why, How1,023
nodejs, esm
My War on Animation (ver)1,022
accessibility, animations
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)1,021
javascript, prototypes
Creating a CSS Only Interactive Site Menu1,020
navigation, css
Optimizing Node.js Dependencies in AWS Lambda (aws)1,019
nodejs, dependencies, aws, serverless, lambda, optimization
Applying SOLID Principles in React1,018
quality, maintainability, principles, solid, react
Making the Wrong Choice on Build vs. Buy1,017
economics, processes, engineering-management, complexity, comparisons
The Cost of Consistency in UI Frameworks (rya/thi)1,016
frameworks, consistency
The Methods UX Professionals Use1,015
user-experience, processes
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1,014
accessibility, html, aria, mistakes
37 Easy Ways to Spice Up Your UI Designs1,013
design, effects
A Look at Remix and the Differences With Next.js (fgi/sma)1,012
comparisons, frameworks, remix, nextjs
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1,011
performance, web-vitals, comparisons, html, attributes, aspect-ratio, css
Building (or Rebuilding) a Website With Accessibility in Mind1,010
accessibility
Forms in Modals: UX Case1,009
forms, modals, user-experience
Fundamentals Matter (cfe)1,008
fundamentals
Generating Accessibility Test Results for a Whole Website With Pa11y CI1,007
accessibility, testing, tooling
Guide to Trending Front-End Frameworks in 2022 (uxm)1,006
guides, frameworks, react, jquery, express, angular, vuejs
Integer Math in JavaScript1,005
javascript, math
Statements vs. Expressions (jos)1,004
javascript, comparisons
Technical Writing for Developers (css)1,003
writing, version-control
The Many Faces of Themeable Design Systems (bra)1,002
design-systems, theming
JavaScript Obfuscation Techniques by Example1,001
javascript, obfuscation, techniques, examples
The Ultimate Guide to Debugging Accessibility Issues1,000
guides, accessibility, debugging
Figma Auto Layout = “display: flex”999
figma, css, flexbox
Working on a New Feature as a Senior Frontend Developer998
processes
Choosing the Right Mindset to Design Complex Applications (uxd)997
design, complexity, processes
CSS Complexity: It’s Complicated996
css, cascade
Data Structure and Algorithms 102995
data-structures, algorithms, complexity
Set JAWS Free! (yat)994
accessibility, screen-readers, jaws
The Future of CSS: Variable Units, Powered by Custom Properties (bra)993
css, units, custom-properties
An Accessibility-First Approach to Chart Visual Design (sma)992
accessibility, information-design
Holograms, Light-Leaks, and How to Build CSS-Only Shaders991
how-tos, css, blend-modes, effects
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (aar)990
accessibility, browsers, apple, safari, css
Make It Accessible989
websites, accessibility
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)988
html, semantics, accessibility
The CSS Cascade, a Deep Dive (bra/css)987
videos, css, cascade, deep-dives
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ)986
accessibility, captions, writing, automation, comparisons
HTTP Content Negotiation985
http, content-negotiation
The Hard Parts of Developer Advocacy (for Me) (bla)984
developer-relations, advocacy, community, career
The Joy of Variable Fonts: Getting Started on the Frontend (rom+/evi)983
fonts, variable-fonts, css, introductions
Truly Portable Design Patterns (clo)982
design-patterns, components
What Are Color Gamuts (svg)981
colors
Executing Shell Commands From Node.js (rau)980
nodejs, shell
Inverted Media Queries and Breakpoints979
css, media-queries
Magento Tips and Tricks to Increase Online Sales: 8 Simple Strategies978
magento, economics, tips-and-tricks, strategies
Style With Stateful, Semantic Selectors (ben)977
css, aria
The Ballad of Text Overflow (sib/tpg)976
css, overflow, accessibility
The Case for Null in Design Systems (eri)975
design-systems
The Off by Default Web974
web, permissions
Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice? (uxd)973
user-experience, design, consistency, best-practices
Masonry? In CSS?! (mic)972
css, layout, masonry
Body Margin 8px (mia)971
css, margins, history
How to Make Text Improve User Experience: Insights Into UX Writing970
how-tos, user-experience, writing
The Unlocked Possibilities of the “:has()” Selector (jim)969
css, selectors
Two Levels of Customising “<selectmenu>” (hdv)968
accessibility, html
Super-Helpful Tips When Working With Figma Component Properties (uxd)967
figma, tips-and-tricks, components
css-browser-support (5t3)966
packages, npm, css, browsers, support
Frontend Web Performance: The Essentials965
fundamentals, performance, javascript
Faster WordPress Rendering With 3 Lines of Configuration (sto)964
wordpress, performance, css, http, configuration
Best Practices for Images963
images, html, best-practices
How to Auto-Prefix and Minify CSS?962
how-tos, css, vendor-extensions, minification, tooling
Reimagining Front-End Web Development With htmx and Hyperscript961
outlooks, htmx
Web Development Is Like Assembling IKEA Furniture (cod)960
comparisons
Write Git Commit Messages That Your Colleagues Will Love959
git, commit-messages
Breaking Out of a Central Wrapper (mic)958
css
404 vs. 410—the Technical SEO Experiment957
seo, http, comparisons, experiments
“That’s Not Accessible!” and Other Statements About Accessibility (hdv)956
accessibility
The New Wave of React State Management955
react, state-management, comparisons
CSS Variable Secrets (lea/css)954
videos, css, custom-properties
Building Tabs in Web Components953
web-components
Farewell to HTML5Rocks (dev)952
community, html, history
Thoughts on an Accessibility “Get Well” Plan (j9t)951
accessibility, processes, engineering-management, leadership
What Every Newbie Developer Should Know950
career
What the Hell Is “<!DOCTYPE html>”?949
html, doctype-switching
Are You Sure That’s a Number Input? (kil)948
html
Fresh 1.0 (lca/den)947
fresh, frameworks
Working With the File System on Node.js (rau)946
nodejs, file-handling, apis
Googlebot and the 15 MB Thing945
google, seo
A CLS Punishment for Progressive Enhancement? (bel/pic)944
performance, web-vitals, progressive-enhancement
Demystifying the New Gatsby Framework (mon/sma)943
frameworks, gatsby
How to Serve WebP Images on nginx942
how-tos, webp, images, nginx, servers
Imagemin Guard (j9t)941
packages, npm, images, compression, performance, jpeg, png, gif, webp, avif
My Wonderful HTML Email Workflow (jos)940
html, mjml, markdown, mdx, email, processes
SPAs: Theory Versus Practice (nol)939
single-page-apps, comparisons
What Do the Developers Do in the Last Week of the Sprint?938
agile, scrum, processes
Style Queries (una)937
css, style-queries
A Previous Sibling Selector (jim)936
css, selectors
Using JavaScript to Fill localStorage to Its Maximum Capacity935
javascript, browser-storage
UX Writing: Study Guide (nng)934
guides, user-experience, writing, training, link-lists
GA4 Is Being Blocked by Content Security Policy933
security, csp, metrics, google
Why Use Sass?932
sass
4+ Years of Cracking Technical Interviews931
interviewing, career
Introduction to Defensive CSS (sha)930
introductions, css
Missing Introduction to React929
introductions, react
Single Element Loaders: The Bars (css/css)928
css
WCAG 2.1 AA Web Accessibility Checklist927
checklists, accessibility, wcag
Accessible Design Systems (ihe/tet)926
accessibility, design-systems
5 Useful CSS Properties That Get No Love (kev)925
videos, css
7 UX Laws You’re Probably Getting Wrong (web)924
user-experience, usability, design
Apple Is Not Defending Browser Engine Choice (sli)923
browsers, browser-engines, web, apple
Can We Enterprise CSS Grid? (hui)922
css, grids, layout, frameworks
Everything You Need to Know About Web Performance (in 5 Minutes)921
performance, web-vitals, compression
Getting Started With Vue Composables (log)920
vuejs, introductions
Managing Specificity With CSS Cascade Layers (zor/css)919
videos, css, selectors, cascade
Mastering “z-index” in CSS918
css, positioning
Stop the Screen Going to Sleep With JavaScript917
javascript
How We Designed an Accessible Color Palette From Scratch916
accessibility, colors, color-palettes, case-studies
10 Incident Management Best Practices for Streamlined Operations915
incident-response, best-practices, processes
Different Ways to Write CSS in React (css)914
css, react
In Defense of Blocks for Local Scopes II913
javascript, scope
In Defense of Blocks for Local Scopes912
javascript, scope
Introducing Keyboard Navigation (bru)911
videos, accessibility, introductions
Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (zel+)910
interviews, web, css
Please Remove That .git Folder909
security, git
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)908
selectors, scope, dom, shadow-dom, performance, comparisons, metrics
“text-overflow: ellipsis” Considered Harmful (yat)907
accessibility, css, overflow
Types of URL Redirects and SEO Best Practices906
urls, redirecting, seo, best-practices
What Would a Chromium-Only Web Look Like? (mno)905
browsers, browser-engines, chromium, google, web
User Vulnerabilities in the Data Cycle (uxd)904
user-experience, vulnerabilities, privacy, legal
Be the Browser’s Mentor, Not Its Micromanager (bel)903
videos, css
Cascade Layers—There’s a Polyfill for That! (odd)902
css, cascade, polyfills
How and When to Use the CSS “:has” Selector (log)901
css, selectors
Svelte Origins: A JavaScript Documentary900
videos, javascript, svelte
The Right Space Around Headings in Web Typography (pim)899
typography, spacing, headings
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs?898
videos, accessibility, writing, information-design
Best Practices for Overlays II897
accessibility, best-practices, overlays
Future Features of JS (jsn)896
videos, javascript
How I Built a Dark Mode Toggle (hdv)895
dark-mode, toggles
Icon-Only Links Fail WCAG (tem)894
accessibility, links, wcag, images, icons, conformance
One Line of CSS to Add Basic Dark/Light Mode (cod)893
dark-mode, css
A Beginner’s Guide to Inclusive UX Design (uxd)892
guides, dei, user-experience, design
Groking “:active”, “:focus”, and “:focus-visible” Pseudo-Classes (thi)891
css, selectors, focus
HTML Cheatsheet890
html, examples, cheat-sheets
The Dos and Don’ts of Pairing Typefaces (nng)889
design, typography, readability, legibility, usability
Alternatives to Installing npm Packages Globally (rau)888
installing, npm, dependencies
The Case for Using Sass in 2022 (may)887
preprocessors, sass
Is It Expensive to Build an Eco-Friendly Website?886
sustainability, economics
Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement885
user-experience, cookies, pop-ups, legal
The Cost of Convenience (sur)884
web-platform, developer-experience
Using Web Streams on Node.js (rau)883
nodejs, streaming
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)882
design, naming, history, navigation, breadcrumbs
3 Useful CSS Hacks (kev)881
videos, css
How to Use ESLint and Prettier for Code Analysis and Formatting880
how-tos, quality, consistency, eslint, prettier, linting, formatting
Naming Conventions for Design Systems879
design-systems, naming, conventions
Notes on Maintaining an Internal React Component Library878
react, maintenance, components, libraries
Web Design Tool Wish List (gri/clo)877
design, tooling, wish-lists
In and Out of Style (ada/css)876
videos, css
5 Very Simple Steps You Can Take for Accessibility Improvement (mni)875
accessibility, optimization
Communication Accessibility: It’s Time to Change How We Communicate (mer)874
accessibility, communication
Complex vs. Compound Selectors (mia)873
css, selectors, comparisons
Conditionally Styling Selected Elements in a Grid Container (pre/css)872
css, grids, selectors
Fun CSS-Only Scrolling Effects for Matterday (net)871
css, effects, parallax
How to Prevent Merge Conflicts (or at Least Have Less of Them) (bla/git)870
how-tos, version-control, git
How to Remove 99% of JavaScript From Main Thread (wea)869
videos, how-tos, javascript, performance
The Guide to Windows High Contrast Mode (its/sma)868
guides, colors, contrast, microsoft, windows
You Don’t Need a JavaScript Library for Your Components867
javascript, libraries, components
Why You Should Consider Prisma.io866
databases, tooling, prisma
Do Dyslexia Fonts Improve Accessibility?865
accessibility, dyslexia, fonts
Change Management for Accessibility (deq)864
accessibility, processes
CSS Card Shadow Effects (hui)863
css, effects
Design Principles for the Web (ada/wea)862
videos, software-design, principles, web
Dialogs and Shadow DOM: Can We Make It Accessible? (nol)861
modals, accessibility, dom, shadow-dom
Notes From the Dev: Essential Advice on How to Use MJML (meg)860
how-tos, email, mjml
Should I Have Separate GitHub Accounts for Personal and Professional Projects?859
discussions, github, career, security
Simple CSS Solutions (kev)858
videos, css
Software Engineering: The Soft Parts (add)857
principles
Understanding the JavaScript Window Object856
javascript, objects
Sponsoring Dependencies: The Next Step in Open Source Sustainability (nza)855
dependencies, economics, foss
Design System Maturity (ben)854
videos, design-systems
Designing the Perfect Button853
design, buttons
The Folly of Design System “Foundations”852
design-systems
The Smallest CSS (fon)851
css, minimalism
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK850
performance, monitoring, metrics
Why You Shouldn’t Modify Scrum849
agile, scrum, processes
AbortController Is Your Friend848
javascript
Modern JavaScript, 10 Things You Should Be Using, Starting Today847
javascript
Better Scrolling Through Modern CSS (may)846
css, scrolling
10 Dos and Don’ts of Web Design in 2022 (web)845
design, principles
How We Think About Browsers (git)844
browsers, case-studies
Make DevTools Pick Colors Outside of Chrome (ami)843
dev-tools, colors, browsers, google, chrome
Measuring the Performance of Typefaces for Users II (sma)842
typography, fonts, performance
Single Element Loaders: The Spinner (css/css)841
css, effects
State of the Vuenion 2022 (eva)840
videos, vuejs
The Many Definitions of Server-Side Rendering (zac)839
server-side-rendering
Write HTML Right838
html, optimization
The Future of Frontend Build Tools (sma)837
tooling, building
Design Systems; the Great Connector (uxd)836
design-systems
How to Animate SVG Shapes on Scroll (cod)835
how-tos, css, animations, svg
How to Use Headings for Website Accessibility834
how-tos, accessibility, headings, semantics
Inclusive User Research: Analysing Findings (tet)833
dei, usability, research
JavaScript Hydration Is a Workaround, Not a Solution (the)832
javascript, hydration
Mobile-First CSS: Is It Time for a Rethink? (ali)831
mobile-first, mobile, css
Patterns for Building JavaScript Websites in 2022 (rya/thi)830
javascript, frameworks, comparisons
Simplify Your Color Palette With CSS “color-mix()” (sma)829
css, colors, color-palettes
WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (yat)828
accessibility, reflow, resizing, wcag
Aspects of Accessibility—Semantics, Contrast, and… Anxiety?827
accessibility, semantics, colors, contrast, user-experience
Building Interoperable Web Components That Even Work With React (ada/css)826
web-components, interoperability, react
Lynx Browser: The Land That Time Revived825
lynx, browsers, command-line
Mathematical Notation for JavaScript Developers Explained824
javascript, math
Meet Web Push (web)823
browsers, apis, support, standards
Optimize the Use of “if–else”822
javascript
How to Create Dark Mode for Your Designs in Figma (uxd)821
how-tos, dark-mode, figma
A New Definition of HTTP (mno)820
protocols, http
Are You Ignoring Digital Accessibility at Your Job? (the)819
accessibility, career
Best Practices for Overlays818
accessibility, best-practices, overlays
Shallow Copy and Deep Copy817
javascript
Web Typography: Establishing a Strong Typographic System (mis)816
typography
Can I DevTools?815
websites, browsers, dev-tools, support
How to Use Variables in CSS: CSS Custom Properties (web)814
how-tos, css, custom-properties
Measuring the Performance of Typefaces for Users (sma)813
typography, fonts, performance
Hamburger Footer: Reaching the Bottom of Infinite Scroll812
scrolling, usability, navigation
WCAG 3 Compliant? Check Again811
accessibility, wcag, standards
Why Most Design Systems Implode (bra/sto)810
interviews, design-systems
A Brief History of Responsive Web Design (web)809
history, responsive-design
Don’t Sink Your Website With Third Parties (sma)808
embed-code, dependencies, performance
More Light! (bas/btc)807
videos, outlooks, sustainability
Web Development Resources (mar)806
websites, link-lists
Developing Cross Browser Compatible Web Apps With Modernizr805
web-apps, modernizr, feature-detection
Bad Bad UX: 20 Common Mistakes in User Experience804
user-experience, mistakes
Dealing With Hover on Mobile (kev)803
videos, css, media-queries, mobile
Declarative Design Systems (ada)802
design-systems
Do We Have a Lack of Developers or a False Assumption What the Job Is? (cod)801
career
How to Pick the Least Wrong Colors800
how-tos, colors, design, accessibility
Monorepos in JavaScript and TypeScript (rwi)799
javascript, typescript, monorepos
Useful Built-In Node.js APIs (cra)798
nodejs, apis
Obscure CSS: Implicit List-Item Counter (kiz)797
css, lists
The Cicada Principle and Why It Matters to Web Designers (mis)796
design, principles
Writing Useful Alt Text (mic)795
accessibility, writing, alt-text, images
How to Migrate From Yarn/npm to pnpm794
how-tos, migrating, yarn, npm, pnpm
Interview With Léonie Watson (tin+)793
interviews, accessibility
Level Up Your Link Previews in Slack (whi)792
html, social-media, open-graph, links, slack
Two Lines of CSS That Boosts 7× Rendering Performance791
css, performance, rendering
Understanding CSRF Attacks (zel)790
security, csrf
Checklist for Moderating a Usability Test (nng)789
usability, testing, checklists
How Does Social Interaction Change in an Age of New Media? (uxd)788
web, interaction-design
7 Tips to Improve Your TypeScript787
typescript, tips-and-tricks, optimization
APCA: The New Algorithm for Accessible Colour Contrast786
accessibility, colors, contrast, apca
JavaScript of Halftone Printing785
javascript, print
Just How Long Should Alt Text Be? (geo/css)784
accessibility, writing, alt-text, images
You May Not Need a Bundler for Your npm Library783
bundling, npm
8 Shocking HTML Tips You Probably Don’t Know About782
html, tips-and-tricks
How to Fix: “Buttons Do Not Have Accessible Names”781
how-tos, buttons, wcag
Manage Accessible Design System Themes With CSS “color-contrast()” (sma)780
design-systems, theming, css
npm Security Update: Attack Campaign Using Stolen OAuth Tokens (git)779
security, oauth, version-control, npm, github
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)778
javascript, arrays, comparisons
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)777
html, forms, history, mistakes
The Story of the Custom Scrollbar Using CSS776
css, scrolling
What npm Can Learn From Go775
npm
What’s the Alternative (Text)? (col)774
accessibility, writing
A Perfect Table of Contents With HTML and CSS (nza/css)773
html, css
CSS: Absolutely Positioning Things Relatively772
css, positioning, layout
Customizing Color Fonts on the Web (web)771
fonts, colors, customization
JavaScript Closures, Explained770
javascript, closures
Making Headers Sticky Using CSS for a Better Reading Experience (ami)769
css, readability, user-experience
Single Page Applications (ons/tpg)768
single-page-apps
Understanding Weak Reference in JavaScript (sma)767
javascript
Why Are Iframe Titles Important for Accessibility?766
accessibility, html, iframes, writing
Advocating for Your Design System765
design-systems, advocacy
How to Position Your Design System Team for Success (vig)764
how-tos, design-systems, collaboration, productivity
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers763
guides, html, semantics, examples, cheat-sheets
Inclusive Design 101 (uxd)762
dei, design
Four Tradeoffs When Designing Navigation Menus761
design, navigation
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks760
javascript, npm, dependencies, security
15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022759
agile, scrum, processes, anti-patterns
5 Things I’d Want to See Improved in WordPress Core758
wordpress
A Guide to Writing Industry Standard Git Commit Messages757
guides, git, writing, conventions, commit-messages
An Introduction to the Tailwind CSS and Atomic CSS756
introductions, tailwind, atomic-css, comparisons
Dialog Components: Go Native HTML or Roll Your Own? (css)755
modals, components, accessibility
Lesser-Known and Underused CSS Features in 2022 (cod/sma)754
css
Accessibility From Different Perspectives (hdv)753
accessibility
Making Disabled Buttons More Inclusive (san/css)752
forms, buttons, focus, aria, html, attributes, accessibility
The Balance Has Shifted Away From SPAs (nol)751
single-page-apps
First Look at the CSS “object-view-box” Property (sha)750
css
Fun With CSS Combinators (alv)749
css, selectors
Triaging WCAG 2.1 Level AAA (tet)748
accessibility, wcag, standards
4 Web Accessibility Remediation Mistakes to Avoid747
accessibility, mistakes
Accessibility Not-Checklist (int)746
websites, accessibility, checklists
Automate Accessibility Tests With Storybook (sto)745
accessibility, testing, automation, storybook
Patterns (w3c)744
design-patterns, aria, best-practices
React Accessibility Resources (bru)743
react, accessibility, link-lists
React Hooks Best Practices in 2022742
react, hooks
The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure741
interviews, accessibility, leadership, culture, metrics
Use “@ supports” At-Rule for Feature Detection in CSS (zor/css)740
videos, css, feature-detection, support
Web Accessibility Is Broken—It’s Time to Fix It (yat)739
videos, accessibility
Web Development === Accessibility738
accessibility
What We Can Learn From Remix737
remix, frameworks
Let’s Make Accessibility Boring Again736
accessibility
Thinking Colors: Balancing Between Visual and Abstract (uxd)735
colors
Auto “nvm use” (wes)734
nvm, nodejs
Building a Button Component (arg/dev)733
components, html, css, javascript, buttons
Conditionally Loading CSS or Any Resource Using Media Queries (ami)732
html, media-queries, performance
RFC 9239: Updates to ECMAScript Media Types (rau)731
javascript, mime-types
The Rise and Fall of Neumorphism730
design
Quick and Dirty Text Diffing (jim)729
tooling
How to Ask for a Promotion (uxd)728
how-tos, career
How the HTML “lang” Attribute Helps Accessibility727
accessibility, html, attributes, localization
Reduce Array of Objects to an Object in JavaScript (ami)726
javascript, arrays, objects
The Modern Way to Create and Host a WordPress Site (sma)725
content-management, wordpress, hosting
WCAG 2.2 and WCAG 3 Status Updates724
accessibility, wcag, standards
WP Accessibility Day723
websites, awareness-days, wordpress, accessibility
UI and UX Micro-Tips (uxd)722
user-experience, forms, tips-and-tricks
The Forgotten Benefits of “Low Tech” User Interfaces (uxd)721
usability
24×24 Pixel Cursor Bookmarklet (aar)720
accessibility, wcag, testing, bookmarklets
9 Ways to Design Inclusive Content (moz)719
content, dei
An Affordable Work-from-Home Setup for Remote Workers718
productivity
Building a Design System With Eleventy717
design-systems, eleventy
Color Alignment for Multiple Design Systems716
design-systems, colors
Rethinking Server-Timing as a Critical Monitoring Tool (sma)715
performance, time, http, metrics, monitoring
The Era of Rebellious Web Design Is Here714
design
Unexpectedly HTTPS?713
http, security
Unpack Arrays Conditionally in PHP (ami)712
php, arrays
Web Applications 101 (rwi)711
web-apps, concepts
:where() :is() :has()? New CSS Selectors That Make Your Life Easier (kil/pol)710
css, selectors
Peering Into the Accessibility of Dark Mode (uxd)709
accessibility, dark-mode
Quick Tip: You Might Not Need “calc()” (mic)708
css, tips-and-tricks
More Common Accessibility Issues That You Can Fix Today (hdv)707
accessibility
Personas vs. Archetypes (nng)706
usability, user-experience, personas, testing, comparisons
Call to Action Examples705
websites, writing, buttons, examples
Keyboard Testing: The A11y Enhancement to Your Definition of Done704
accessibility, keyboard-navigation, testing
Does JavaScript Make My Site Less Accessible?703
accessibility, javascript, wcag
Don’t Fight the Browser Preload Scanner (mal/dev)702
browsers, html, parsing, performance
Master the “:nth-child()” Pseudo-Class (zor/css)701
videos, css, selectors
A Designer’s Journey of Ignorance, Resentment, and Wisdom (uxd)700
design
Cool Hover Effects That Use CSS Text Shadow (css/css)699
css, hover, effects
Bringing Page Transitions to the Web (jaf/dev)698
videos, css, transitions
Debugging Accessibility With Chrome DevTools (dev)697
videos, dev-tools, accessibility, debugging, browsers, google, chrome
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)696
how-tos, performance, google, metrics, javascript, frameworks
Light and Dark Mode in Just 14 Lines of CSS (whi)695
css, dark-mode
Tokens as Intents (don)694
design-tokens, naming, typography
W3C TAG Ethical Web Principles (tor+/w3c)693
ethics, principles, w3c
When, Why, and How to Multithread in Flutter692
videos, flutter, dart, multithreading
Bridging the Gap (rac/dev)691
css, support
Designing for Web Accessibility in 60 Seconds690
accessibility
Divs Are Bad! (mat)689
html, semantics
How to Learn JavaScript Fast: Six Simple Mind Tricks688
how-tos, javascript, tips-and-tricks, learning
On Design Thinking687
design
State of CSS 2022 (arg/dev)686
css
Why WCAG 2.2 Is Still in the Oven (deq)685
accessibility, wcag
XHTML Syntax Is Still Worth Using (tem)684
xhtml, html
Cron Jobs: A Comprehensive Guide683
guides, cron, automation
Magical SVG Techniques (sma)682
svg, images, techniques
The Complete Modern React Developer 2022681
react
Two Approaches to Accessibility on the Web (j9t)680
accessibility, automation
Under the Hood: React vs. Vue vs. Svelte679
frameworks, react, vuejs, svelte, comparisons
You Don’t Need “void 0”678
javascript
A Different View Into Accessibility Overlays677
accessibility, overlays, testing, documentation, auditing
A Management Maturity Model for Performance (sli)676
performance
Frontend Versus Backend Web Development (uxm)675
comparisons
Learn HTML [and] CSS (jad)674
websites, courses, html, css
Reinventing W3C Governance (rob)673
standards, w3c
“Someone Should Build X for the Web”—Why Not You? (cod)672
github
The Road to Universal JavaScript671
javascript
Understanding User Behaviors Across Surfaces (uxm)670
usability
Why SEO Is a Great Investment, Not Just a Cost (sea)669
seo, economics
Performance Game Changer: Browser Back/Forward Cache (tun/sma)668
browsers, caching, performance, web-vitals
How to Upload an Image With PHP (rik)667
how-tos, php, images, file-handling
My Opinion on What Makes a Good Code Review666
code-reviews, productivity
The Ultimate Electron Guide665
guides, electron, chromium, nodejs, rendering, desktop
What’s Your Heading? (col)664
accessibility, html, headings, semantics
Scaling CSS Layout Beyond Pixels (5t3/btc)663
videos, css, scaling, layout, responsive-design
How to Use the GitHub Pulls API to Manage Pull Requests662
how-tos, github, apis
Learn CSS Subgrid (sha)661
css, grids, design
Lost in Translation (mat/btc)660
videos, design, accessibility, html, css
Top 2021 CSS Frameworks Report: Validation (cit)659
studies, research, frameworks, css, conformance, quality
12 Modern CSS Techniques for Older CSS Problems658
css, techniques, optimization
A Guide to Writing About Digital Accessibility (deq)657
guides, writing, accessibility
Fetch API Is [the] New Old Version of AJAX656
javascript, data-fetching, apis, ajax
Get to Know Your Browser’s Performance Profiler655
browsers, tooling, performance, profiling
How to Use Videos With Alpha Transparency on the Web (ben)654
how-tos, html, multimedia, transparency
Master Higher-Order Functions in JavaScript653
javascript, functions
Please, Stop Disabling Zoom (mat)652
accessibility, zooming, html
Practical Use Cases for “:has()” Pseudo-Class (zor/css)651
videos, css, selectors
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)650
headless, principles, resilience
Design Patterns: How to Create Simple Interfaces (web)649
how-tos, design, design-patterns
Designing a Better Language Selector (vit/sma)648
design, usability, internationalization, localization
JavaScript Containers (tin)647
javascript, outlooks
Nail Your Website Redesign in 2022—Tips and Tricks646
videos, redesigning, tips-and-tricks
Test Back/Forward Cache (dev)645
bfcache, testing, dev-tools, chrome, browsers, google
The Evolution of WCAG: A Postcard From the Front Lines644
accessibility, wcag, standards, history
Which Programming Language Should I Learn First in 2022?643
programming, career, learning
Developing a Low-Touch Adoption Strategy for a New Design System (uxd)642
user-experience, design-systems
How Not to Do Accessible Design (uxd)641
accessibility, design, colors
5 Simple Productivity Tips for Developers640
productivity, tips-and-tricks
Contextual Spacing for Intrinsic Web Design (5t3)639
design, intrinsic-design, css, spacing
fediverse.info638
websites, fediverse
How to Create a Color Palette for Your Design System637
how-tos, design-systems, colors, color-palettes
In Defence of the Single Page Application636
single-page-apps
Legibility—How and Why Typography Affects Ease of Reading635
websites, books, typography, legibility
Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser634
browsers, desktop, microsoft, edge, apple, safari, metrics, comparisons
Why I Don’t Miss React: A Story About Using the Platform633
react
You Don’t Need a UI Framework (jos/sma)632
frameworks, css, tooling
It’s Time We Fix the Unethical Design of Cookie Consent Windows (uxd)631
design, ethics, cookies, consent-management, legal
Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now?630
monorepos, dependencies, comparisons, nodejs, tooling
8 JavaScript Quiz [Questions] That May Confuse You629
quizzes, javascript, interviewing
Creating Realistic Reflections With CSS (pre/css)628
css, effects
Deep Dive Into Text Wrapping and Word Breaking (lon)627
css, typography, deep-dives
Ethical Design Network626
websites, design, ethics