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

Frontend Dogma

“2022” News Archive (3)

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