Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2022” News Archive (3)

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