Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2022” News Archive

Definition, related topics, and tag feed

“2022” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Culture Is Stuck2,139
culture, design
Fluid Typography: Predicting a Problem With Your User’s Zoom-In (sma)2,138
typography, css, accessibility, zooming
Overlapping Interactive Areas (tem)2,137
accessibility, design
Why Do We Need Authorization and Authentication?2,136
authorization, authentication, security
React JS Best Practices From the New Docs2,135
react, best-practices, javascript, jsx, aria
Junior Designers, Please Don’t Give In2,134
design, career
ICANN and the 7 Keys to the Internet2,133
videos, podcasts, web, domains, history
An Ultimate Guide on Sizing, Spacing, Grids, and Layout in Web and UI/UX Design (sma)2,132
guides, spacing, grids, layout, typography, design
Git in 10 Mins2,131
git
JavaScript Frameworks—Heading Into 2023 (rya/thi)2,130
javascript, frameworks
Stashing Individual Files in Git (ami)2,129
git
Styling a “pre” That Contains a “code” (mey)2,128
css, selectors
Understanding Design Tokens, From UX Tool to Production2,127
videos, design-tokens
7 Tips for Improving Your Productivity With Git (dan)2,126
productivity, git, tips-and-tricks
How to Write an Awesome README2,125
how-tos, documentation, readme
Why Web Design Still Matters in 2023 (web)2,124
design, web
A Guide to Command-Line Data Manipulation (alv/sma)2,123
guides, command-line
How to [Set Up] Prettier2,122
videos, how-tos, prettier
Theme Toggles2,121
websites, theming, toggles, html, react
Website Accessibility (15 Best Practices) (bru)2,120
accessibility, best-practices, content, readability, captcha, images, alt-text, forms, focus, html, tooling
Shape Up2,119
processes, agile
Performance Culture Through the Looking-Glass (per)2,118
videos, performance, culture
A CSS Challenge: Skewed Highlight (pep)2,117
css, effects
Building Inclusive Products for Trans People2,116
dei
CSS Subgrid (rac/5t3)2,115
css, grids, layout
Invisible Ink Effect With SVG Filters and CSS (che)2,114
code-pens, css, svg, filters, effects
What’s Wrong With Code in 2022?2,113
complexity, quality, processes
The RUM Archive and Benford’s Law (per)2,112
performance
11 Tips That Make You a Better TypeScript Programmer2,111
tips-and-tricks, typescript
A Problem With Link Relationships (j9t)2,110
html, links, metadata, semantics, maintainability
Deploying CSS Logical Properties on Web Apps (sma)2,109
css, logical-properties, web-apps
Enforcing Better HTML Markup With Eleventy (mat)2,108
html, semantics, conformance, eleventy
User Stylesheets Are Still Pretty Great and Should Be More Widely Supported2,107
css, accessibility, user-styles
HTTP/3 Prioritization Demystified (pro/per)2,106
performance, http, protocols
2022 CSS Updates (5t3)2,105
css
Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability (jcs)2,104
firefox, mozilla, browsers, accessibility, caching
Obscure CSS: Restoring Visibility (kiz)2,103
css, hiding, accessibility
The 10 Cheapest Web Hosting Solutions in 2022 (sta)2,102
hosting, economics
Top 10 Accessibility News of 2022 (equ)2,101
accessibility, retrospectives
What Is the Difference Between Alternative Text, Long Description, and Caption? (red/mat)2,100
accessibility
Design System Fresh Bundling2,099
design-systems, bundling
Aligning Jakob Nielsen’s 10 Usability Heuristics With the WCAG 2.1 (hom)2,098
accessibility, wcag, usability, heuristics
An Inclusive and Planet-Friendly Digital Style Guide2,097
design, style-guides, accessibility, dei, sustainability, ethics
2022 Roundup of Web Research (geo/css)2,096
research, web
A Complete Guide to Timeouts in Node.js (bet)2,095
guides, nodejs, time
A Theory of Web Relativity (alv/mat)2,094
html, metadata, structured-data
Accessibility Convincing (lfl/web)2,093
videos, accessibility, ethics, legal
Billions of Unnecessary Files in GitHub2,092
github, git
Building an Accessible Theme Picker With HTML, CSS, and JavaScript (fos)2,091
accessibility, html, css, javascript, theming, functionality
CSS Color Spaces and Relative Color Syntax (dar/5t3)2,090
css, colors
React’s New Killer Documentation Focused Only on Functional Components2,089
react, documentation
Things CSS Could Still Use Heading Into 2023 (chr)2,088
css, outlooks
Signals: The Nitty-Gritty (web/per)2,087
performance, javascript, signals
Quick Start for Evaluating and Testing Web Accessibility (jar/web)2,086
videos, accessibility, testing
The Intended Consequence of Inaccessible Digital Ads (joe+/web)2,085
videos, accessibility, monetization
Bad Performance Is Bad Accessibility (bru)2,084
performance, accessibility
Common Nesting Issues in HTML (cit/mat)2,083
html, nesting
Foundations: Target Sizes (tet)2,082
accessibility, fundamentals, usability
Pointer Events (5t3)2,081
css, javascript, pointer-events, apis
Useful Accessibility and Usability Examples to Help Improve Your Designs (sma)2,080
accessibility, usability, examples
Why We Hang Onto WordPress Nostalgia2,079
wordpress
An Important Message to All Developers2,078
career
Dockerize PHP App With Apache on HTTPS2,077
docker, php, apache, servers
The Top 10 Security Vulnerabilities for Web Applications2,076
security, vulnerabilities, web-apps
Concepts Behind Modern Frameworks2,075
frameworks, concepts
Do You Know “color-scheme”? (sar/mat)2,074
css, dark-mode
Frontend Dogma + UITest.com = ❤️ (fro)2,073
frontend-dogma
Prevent Focused Elements From Being Obscured by Sticky Headers (sib/tpg)2,072
accessibility, usability, css, focus
Step Into the Light (DOM) (aaa)2,071
dom, web-components, progressive-enhancement
Taking the Stress Out of Design System Management (sma)2,070
design-systems, maintenance
The Science of User Experience (uxm)2,069
user-experience, processes
CSS Style Queries (sha)2,068
css, style-queries, container-queries
The Performance Inequality Gap, 2023 (sli)2,067
performance, javascript, metrics
Beating Latency on Scalemates.com (tim/per)2,066
performance, optimization
Interop 2022: End of Year Update (rac)2,065
interoperability, web-platform, browsers, html, css
If You Are Afraid of AI, You May Not Be the Best UX Designer Out There2,064
user-experience, design, ai, career
How to Learn in Public (bla)2,063
how-tos, career, learning
HTML Dialog (5t3)2,062
html, modals
Lockfile Trick: Package an npm Project With Nix in 20 Lines2,061
npm, tips-and-tricks
Mini-Guide to Add an Image (its/mat)2,060
html, images
Cascade Layers (mia/5t3)2,059
css, cascade
Modern HTML as a Foundation for Progressive Enhancement (ffo/mat)2,058
html, progressive-enhancement
Using Inline JavaScript Modules to Prevent CSS Blockage (sto/per)2,057
performance, javascript, css
5 HTML Elements, and a Partridge in a Despair Tree (mat)2,056
html, semantics, accessibility
Apple, Google, and Mozilla Are Teaming Up to Make a Next-Gen Browser Benchmark (ver)2,055
browsers, apple, google, mozilla
CSS Infinite 3D Sliders (css/css)2,054
css, sliders, effects, animations
How to Find and Fix the Top 3 Accessibility Issues (deq)2,053
videos, how-tos, accessibility, auditing
Code Ownership and Software Quality2,052
research, processes, quality
4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (aus)2,051
css, selectors, html, forms
A Guide for Making Apps Accessible2,050
guides, accessibility
Accessibility Starts With an Organisation’s Culture (cra)2,049
accessibility, culture
CI/CD Tutorial for Developers2,048
tutorials, ci-cd, docker
CSS “image()” (kev/5t3)2,047
css
ECMAScript Proposal: Iterator Helpers (rau)2,046
ecmascript, javascript, standards
Help Choose the Syntax for CSS Nesting (jen/web)2,045
css, nesting
Select the Right Tool for the Job (jim)2,044
principles
So, You’d Like to Animate the “display” Property (geo)2,043
css, animations
Getting Started With the CSS Custom Highlight API (its/log)2,042
introductions, css, apis
Get That Marquee AeStHeTiC (dni/mat)2,041
html, css, effects
An HTML-First Mental Model (noa/per)2,040
html, dom, performance
Logical Border Radius (mic)2,039
css, logical-properties, borders
Leaked a Secret? Check Your GitHub Alerts… for Free2,038
github, security
Apple Considering Dropping Requirement for iPhone Web Browsers to Use WebKit2,037
apple, browsers, browser-engines, webkit
IDN Is Crazy2,036
internationalization, domains
Release Notes for Safari Technology Preview 160 (jon/web)2,035
release-notes, safari, apple, browsers
Table Like It’s 2023 (cli/mat)2,034
tables, html
The Most Popular CSS-in-JS Libraries in 2022 (sta)2,033
libraries, css, javascript, css-in-js
View Transitions API (5t3)2,032
css, apis, view-transitions
A “:nth-child(An+B [of S]?)” Polyfill Thanks to CSS “:has()” (bra)2,031
css, selectors, polyfills
The Web Platform Is Back (bde/ado)2,030
web-platform
Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) (cod)2,029
react, concurrency
Get Off the Main Thread With an Inline Web Worker: An Example (sto/per)2,028
performance, javascript, web-workers, examples
Sophisticated Web Scraping With Bright Data (cra)2,027
scraping, structured-data, apis
A Few Times Container Size Queries Would Have Helped Me Out (css)2,026
css, container-queries
Accessible Front-End Patterns for Responsive Tables II (cod/sma)2,025
accessibility, tables, responsive-design
Federal Web Accessibility Focus Has Private Sector on Notice2,024
accessibility, legal
New Viewport Units (mey/5t3)2,023
viewport, css, units, responsive-design
One Day We’ll Have a Fully Customisable Select (hdv/mat)2,022
html, css
State of A11Y (thi)2,021
videos, accessibility
Top 5 Accessibility Issues in 2022 (lar/int)2,020
accessibility, retrospectives
Design Deserves More Respect2,019
design
DOM Clobbering (fre/mat)2,018
dom, security
Five Myths About Digital Accessibility2,017
videos, accessibility, myths
Top 30 Linux Commands for Everyday Use (sta)2,016
unix-like, command-line, productivity
WCAG 3.0: Are We There Yet? (ons/tpg)2,015
accessibility, wcag, standards
The Future of Design Tokens (jin+)2,014
videos, design-tokens, outlooks
Conditional Wrapping in React2,013
react
There Can Be Only One: Options for Building “Choose One” Fields (aar/mat)2,012
html, forms
LCP(FE) (tim/per)2,011
performance, web-vitals
Implement Scroll-Snapping Using Only CSS2,010
css, scrolling
An Interactive Guide to JavaScript Events (ale)2,009
guides, javascript, events, examples
Dear Developer, Your Assumptions Are Wrong (mat)2,008
html
Integrate Svelte Into PHP CMS: TYPO3 and WordPress (man)2,007
typo3, wordpress, svelte, php, content-management
Web Performance and Compression (per)2,006
performance, compression
A Complete Guide to CSS Container Queries2,005
guides, css, container-queries
CSS Infinite Slider Flipping Through Polaroid Images (css/css)2,004
sliders, css, images, effects
How to Merge Objects in JavaScript (sta)2,003
how-tos, javascript, objects
Inside the Mind of a Frontend Developer: Article Layout (sha)2,002
html, css, layout
Remove the Generator Tag From a WordPress Website2,001
wordpress, themes, plugins, metadata
WCAG—Priority of Constituencies (ala)2,000
accessibility, wcag, prioritization
A Modern HTML Template (2022)1,999
html, templates
Enough With the Pointless Images (boa)1,998
design, decoration, images
Improving SEO Without Knowing Where to Start (two/mat)1,997
seo
PHP 8.2.0 Release Announcement1,996
php
Optimize Interaction to Next Paint (mal+)1,995
performance, optimization, web-vitals
Best PHP Books for Beginners1,994
books, php, link-lists
Meaningful Labels Using ARIA—or Not (mat)1,993
accessibility, html, forms, labels, aria
Testing for the Support of a Selector (mat)1,992
css, support, selectors
W3C Publishes WCAG Testers Consistency List (wil/deq)1,991
accessibility, wcag, testing
W3C Design Tokens With Style Dictionary (luk)1,990
design-tokens, tooling
The State of CSS 2022 [Results] (sac+/dev)1,989
surveys, metrics, css
JavaScript Polyfills for Interviews1,988
javascript, polyfills, interviewing
A Practical Guide to CSS Media Queries (sta)1,987
guides, css, media-queries
Accessible Front-End Patterns for Responsive Tables (cod/sma)1,986
accessibility, tables, responsive-design
Adding Complementary Performance Data to Your Site (mat)1,985
performance, apis
“mask-image” Lets You Do Some Really Cool Stuff (kev)1,984
videos, css, masking
Take Full-Size Screenshots of Websites Without Any Tools in Chrome (ami)1,983
browsers, google, chrome, screenshots, images
4 More HTML Concepts You Didn’t Know (j9t)1,982
html, concepts, forms, focus
Accessibility: The Land That “Time to Interactive” Forgot (tin/per)1,981
videos, accessibility, performance
New npm Features for Secure Publishing and Safe Consumption1,980
npm, security, dependencies
Bad UX Writing: 5 Mistakes to Avoid (uxm)1,979
user-experience, writing, mistakes
Brief Note on Description List Support (aar)1,978
html, lists, semantics, accessibility, screen-readers, support
Does “www” Still Belong in URLs? (css)1,977
usability, urls
I Don’t Use “Pushy” Questions in Code Reviews Anymore—This Is What I Do Instead1,976
code-reviews, communication
Reading the Meter (sup/mat)1,975
html, semantics, accessibility
Swearing and Automatic Captions (eri)1,974
accessibility, multimedia, captions
The 411 on 4.1.1 (aar)1,973
accessibility, wcag, standards
Website Accessibility Is Not an Afterthought1,972
accessibility
Why You Should Be Using New CSS Features Today II (uti/iod)1,971
css
Reduce Image Sizes by Removing Metadata (per)1,970
images, metadata, performance, optimization
How to Create Typography Guidelines for a Product That Does Not Follow a Design System1,969
how-tos, typography, design-systems
Landmarks and Where to Put Them (kil/mat)1,968
html, semantics, aria, accessibility
PHP Type Declarations—A Guide for Beginners (ami)1,967
php, guides
Fast Is Good, Instant Is Better (tun/per)1,966
performance, caching
About Modern Sass1,965
sass
Amy Jiménez Márquez on Leading Information Architecture (amy+)1,964
podcasts, information-architecture
Super Useful CSS Resources1,963
css, link-lists, tooling
Using SRI to Protect From Malicious JavaScript (mat)1,962
javascript, security
CSS Infinite and Circular Rotating Image Slider (css/css)1,961
sliders, css, images, animations
“:has(:not())” vs. “:not(:has())” (mat)1,960
css, selectors, comparisons
You Don’t Need ARIA for That (den/mat)1,959
html, accessibility, aria
Proximity: Gestalt Principle for User Interface Design (nng)1,958
videos, design, principles
How to Use the WAVE Extension and Start Manual Accessibility Testing (pop)1,957
how-tos, accessibility, testing, tooling, browser-extensions, webaim
Accessibility and MVPs (dav)1,956
accessibility, principles
Prerender Pages in Chrome for Instant Page Navigations (tun)1,955
performance, browsers, google, chrome
Best APIs for Developers1,954
apis
7 Website Performance Metrics to Track for Better UX (cal)1,953
performance, user-experience, metrics
A Conversation With ChatGPT (mat)1,952
interviews, ai, chatgpt, typography, design
Apache .htaccess1,951
servers, apache
Design Spacing Tokens Semantically (don)1,950
websites, design-tokens, spacing, design
From Type to Logotype1,949
fonts, typography, design, branding, logos
How to Transfigure Wireframes Into HTML (mat)1,948
how-tos, html, prototyping, conversion
Migrating From Vue 2 to Svelte1,947
migrating, vuejs, svelte
The Final Google Fonts Knowledge Drop of 2022 (ell)1,946
google, fonts, typography
Digging Deeper Into Container Style Queries (geo/css)1,945
css, style-queries, container-queries
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)1,944
guides, web-apps, performance, web-workers, javascript
The State of UX in 2023: A Vibe Shift Is Coming (fab)1,943
user-experience, design, outlooks
Handling Images With Inconsistent Height in CSS (ami)1,942
css, images
HTML Semantics and Accessibility Cheat Sheet (web)1,941
cheat-sheets, html, semantics, accessibility
Making Microservices Accessible (cra)1,940
accessibility, microservices
“px” or “rem” in CSS? Just Use “rem” (aus)1,939
css, units
Tips for Typing Import Statements in JavaScript (rau)1,938
javascript
Transient Frameworks (mat)1,937
frameworks, web-platform
Web Components Today (kul)1,936
websites, web-components
Which Images Need Descriptive Text? (tem)1,935
accessibility, writing
Why You Should Be Using New CSS Features Today (uti/iod)1,934
css
10 Key Principles of User-Centered Design (web)1,933
design, usability, user-experience, principles
WordPress Versions 3.7–4.0 No Longer Get Security Updates (sar)1,932
wordpress, security
Counting Unique Visitors Without Using Cookies, UIDs, or Fingerprinting1,931
metrics, privacy, fingerprinting
Convert Any Value to a Boolean in JavaScript (ami)1,930
javascript
Organizing the Eleventy Config File (len)1,929
eleventy, configuration
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)1,928
javascript, performance, libraries
Stop Fighting With CSS Positioning (kev)1,927
videos, css, positioning, layout
Tailwind Is a Leaky Abstraction1,926
tailwind, css
The Complete Guide to Mobile SEO—8 Tips and Best Practices (sem)1,925
guides, mobile, seo, tips-and-tricks, best-practices
The Fediverse and the IndieWeb (ben)1,924
web, fediverse, indieweb
Two Weird Things1,923
programming, randomness, math
The Large, Small, and Dynamic Viewport Units (bra)1,922
viewport, css, units
Minification and Cache Directives for the Most Popular Websites of the Internet (dvk)1,921
minification, tooling, lightning-css, html-minifier, caching, performance, metrics
5 Ways to Make Your JavaScript More Functional1,920
javascript, programming
Advanced Web Font Optimization Techniques1,919
fonts, typography, optimization
Color Formats in CSS (jos)1,918
css, colors
Debugging Tactics (add)1,917
debugging, logging, ai, processes
Making Accessibility Simpler in Higher Education and Beyond1,916
videos, accessibility
Shadow DOM and Accessibility: The Trouble With ARIA (nol)1,915
dom, shadow-dom, accessibility, aria, html
Testing Static Types in TypeScript (rau)1,914
testing, typescript
We Document Our Design Systems—Why Don’t We Systematise our Documentation? (amy)1,913
design-systems, documentation
Designing a Utopian Layout Grid: Working With Fluid Responsive Values in a Static Design Tool1,912
layout, grids, design, liquid-design, css
Newer Things to Know About Good Ol’ HTML Lists (dxn/css)1,911
html, lists, semantics
Basic Intro to Bulma CSS1,910
introductions, bulma
CSS for URLs and HTTP Headers (jim)1,909
css, urls, http, http-headers
Upgrade Your HTML IV (j9t/fro)1,908
books, frontend-dogma, html, minimalism, craft, conformance
Three Pillars of User Delight (tbf/nng)1,907
user-experience
NestJS With API Gateway1,906
nestjs, apis
Your Brilliant App Idea (sur)1,905
economics, creativity
Content May Be King, but Design Is Queen1,904
design, content
HTML Content Model Categories (rus)1,903
html, semantics
A Guide to the Most Popular Types of APIs: REST, SOAP, GraphQL, and gRPC1,902
guides, apis, rest, graphql
Addressing Concerns About CSS Speech (tin)1,901
accessibility, css, voice
Foundational Skills1,900
career
Lazy Loading Images in HTML (sim)1,899
performance, html, lazy-loading
Elements Can Be Visible Even Though Their Parent Has Set “visibility: hidden” (ste)1,898
css, hiding
Forging Links (mat/9el)1,897
videos, css, collaboration
Positioning Notification Messages With Accessibility in Mind (cod)1,896
accessibility, notifications, positioning
Growing Design System Documentation1,895
design-systems, documentation
A Brief History of Web Apps—Why Qwik Is Innovative1,894
web-apps, history, qwik
Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide (sma)1,893
introductions, guides, dom, javascript
Git Is Not the End of History1,892
git, version-control, outlooks
Setting Up a Screen Reader Testing Environment on Your Computer (sar)1,891
screen-readers, nvda, testing, tooling, accessibility, link-lists
Should Design Systems Include Problematic Components and Patterns? (amy)1,890
design-systems, design-patterns, components
The BBC’s 15 Web Principles—15 Years Later (ede)1,889
web, principles, history
The Peculiar Case of Japanese Web Design1,888
websites, design, culture, comparisons
Why Japan’s Internet Is Weirdly Designed1,887
videos, design
The Ultimate Error Message UX Writing Guide1,886
guides, errors, writing, user-experience
The Shape-Shifting “a” Element (rus)1,885
html, links, semantics
Accessibility and Inclusive Design Systems (bra)1,884
videos, accessibility, design-systems, dei
CSS “:is()”, “:where()”, “:has()”, and “:not()”1,883
css, selectors
Down With Design Systems Dogma (amy)1,882
design-systems
Node.js Architecture Pitfalls to Avoid (app)1,881
nodejs, architecture
Our Future CSS Strategy1,880
css, javascript, css-in-js, strategies, case-studies
Preparing for WCAG 2.2 (int)1,879
videos, accessibility, wcag
The “label” Element (rus)1,878
html, labels, semantics
An Interactive Guide to Flexbox (jos)1,877
guides, css, flexbox, layout
CSS Snapshot 2022 (tab+/w3c)1,876
css, standards
Deploy Node.js to AWS: Build an Automated CI/CD Pipeline1,875
nodejs, aws, ci-cd, automation
Natural Language Inputs (jim)1,874
forms, usability
Optimizing a Vue App (mic/sma)1,873
vuejs, web-apps, optimization
Page Title Conventions (ada)1,872
html, accessibility, seo
What Happened to Text Inputs? (hey)1,871
videos, html, forms
What Image Format Should You Use in Your Next Project? (alv)1,870
images
Improving Firefox Stability With This One Weird Trick (moz)1,869
browsers, mozilla, firefox
Writing and Organizing Node.js API Tests the Right Way1,868
nodejs, apis, testing
The Value of Accessibility (ann)1,867
podcasts, accessibility
4 Mobile Must-Haves for a Modern UX Design Strategy (uxm)1,866
user-experience, design, responsive-design, mobile
A Guide to Keyboard Accessibility: JavaScript (its/sma)1,865
guides, accessibility, keyboard-navigation, javascript
Analyzing the Top 100 Retailers for Digital Accessibility (deq)1,864
studies, research, accessibility
Harnessing Groupthink: Fine-Tuning CSS Specifications (ric)1,863
css, collaboration
How to Use Huge Type on the Web1,862
how-tos, design, typography
Incorporating Accessible Design Elements Into Your Web Site (uxm)1,861
accessibility, design
State of JavaScript 2022 (sac/dev)1,860
surveys, javascript
Taming the Cascade With BEM and Modern CSS Selectors (css)1,859
css, cascade, selectors, naming, bem
Introducing Our New Guide to Google Search Ranking Systems (dan)1,858
introductions, google, search, seo
DOJ and Congressional Updates on Digital Accessibility1,857
accessibility, legal
What Is the Open Web? (pro)1,856
web, open-web, web-platform
Less Design Leadership—More Design Authorship1,855
design, leadership
Brief Note on “aria-readonly” Support (aar)1,854
accessibility, html, aria, assistive-tech, support
Get Verified on Mastodon With WordPress (osd)1,853
mastodon, wordpress
Multidimensional Design Systems (fig)1,852
videos, design-systems
Today I Learned: The Subtle Art of Code Reviews1,851
code-reviews, best-practices, quality
Distinguish Yourself in the Tech Job Market by Writing a Solid Cover Letter (and)1,850
interviewing, career
Git Notes: Git’s Coolest, Most Unloved Feature1,849
git
An Introduction to the Design Tokens File Format (fig)1,848
videos, introductions, design-tokens
Days Since Last JS Framework1,847
websites, javascript, frameworks
The Easiest Way to Get Started With CSS Grid (zor/css)1,846
videos, css, grids, layout
The Ultimate Guide to Frontend Monitoring1,845
guides, monitoring
How to Handle Unplanned Work in Scrum1,844
how-tos, scrum, agile, processes
A Guide to Image Optimization on Jamstack Sites (daw/sma)1,843
guides, images, compression, optimization, performance, tech-stacks, jamstack
An Interesting Limitation of CSS Custom Properties (tyl/clo)1,842
css, custom-properties
Experimenting With Layering, Filtering, and Masking in CSS1,841
css, experiments, masking, filters
Firefox-Only CSS (ami)1,840
css, browsers, mozilla, firefox
Migrating From npm to pnpm1,839
migrating, npm, pnpm
You Don’t Need HTML (ede)1,838
websites, html, web-platform
Style a Parent Element Based on Its Number of Children Using CSS “:has()” (bra)1,837
css, selectors
Back to Basics: What are Callbacks in JavaScript?1,836
fundamentals, javascript, callbacks
Accessibility Is in Style—Styles and Style Guides (kno)1,835
accessibility, writing, design, documentation, style-guides, consistency, quality
Build and Deploy a Node.js Microservices Application1,834
nodejs, microservices, deploying
CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly1,833
css, best-practices
Improving React Interaction Times by 4×1,832
react, performance, optimization
“Not Secure” Warning for IE Mode1,831
browsers, microsoft, edge, internet-explorer, security
Spy On “window.postMessage” Calls (bah)1,830
javascript, cypress, testing
Theory-Building and Why Employee Churn Is Lethal to Software Companies1,829
processes, productivity
“vh”, “svh”, “lvh”, and “dvh” (mat)1,828
css
Using Automated Test Results to Improve Accessibility (ste/sma)1,827
automation, testing, accessibility
5 Insider Tips to Make Accessibility Part of Workflow (mni)1,826
accessibility, tips-and-tricks, processes
10 Topics You Must Know if You Want to Be a Web Developer—a Beginners Guide1,825
guides, learning
Building Conscious Design Systems (amy)1,824
design-systems
How to Do Keyword Optimization for SEO (3 Steps) (ahr)1,823
how-tos, seo, keywords, optimization
Significant Improvements for Screen Readers Now in Nightly Firefox (moz)1,822
browsers, screen-readers, mozilla, firefox, accessibility
Why Some Developers Will Never Improve1,821
career, learning
The Best Programming Languages You Can Use for Web Development1,820
programming, web-platform
The Heuristics of Neurodesign1,819
design, heuristics
Visual Design: Breaking Into the Fourth Dimension of Experience Design1,818
design, user-experience
CSS Shapes Module Level 1 (w3c)1,817
standards, css, shapes
A Guide to Keyboard Accessibility: HTML and CSS (its/sma)1,816
guides, accessibility, keyboard-navigation, html, css
Awesome Productivity Tools for Developers1,815
productivity, tooling
Your Accessibility Claims Are Wrong, Unless… (aar)1,814
accessibility, communication
Web Sustainability Resources (mic)1,813
sustainability, link-lists
Should You Use PHP (Laravel) in 20231,812
laravel, php
Git Cheat Sheet With 40+ Commands and Concepts1,811
git, cheat-sheets, concepts
Content Strategy 101 (nng)1,810
content, content-strategy
Don’t Disable the Zoom Functionality1,809
accessibility, zooming
How to Increase Traffic to Your Website (for)1,808
how-tos, traffic
The Evolution of Scalable CSS1,807
css, maintainability, scalability, naming, oocss, smacss, bem, css-in-js, modules, atomic-css, tailwind, history
The IndieWeb for Everyone1,806
web, indieweb
10 Things I Wish I’d Known When Starting My Coding Journey1,805
career
CSS Grid and Custom Shapes III (css/css)1,804
css, grids, design
CSS “:where()” “:is()” the Difference? (hel)1,803
css, selectors
Implementation Guide for Using “Remove Cache Buster Query Parameter” Feature1,802
guides, caching, cloudflare
When Our Tools Hold Us Back (mia/odd)1,801
design, css, tooling
An Open Challenge (to Tech Event Organizers) (col)1,800
community
Are You Using an Accessibility Overlay to Help Disabled Users? Don’t! (sea)1,799
accessibility, overlays, legal
Easily Switch Between Different Node Versions Using nvm (zor/css)1,798
videos, nodejs, nvm
State of Design Systems 2022 Survey1,797
surveys, design-systems
The Anatomy of “visually-hidden” (sib/tpg)1,796
accessibility, css
Node.js Security Best Practices (nod)1,795
nodejs, security, best-practices
Why Your Backend in Node.js Needs an API Layer and How to Build It1,794
nodejs, architecture, apis
What’s New in WCAG 2.2 (a11)1,793
videos, accessibility, wcag, standards
A Brief and Probably Only Partially Correct History of CSS Nesting (chr)1,792
css, history, nesting
Accessfuturism: Digital Accessibility in 2032 (web)1,791
videos, accessibility, outlooks
Browsers, JSON, and “FormData” (jim)1,790
browsers, json, apis
CSS Timeline1,789
css, history
Cultivating Design Systems by Bringing Intention (amy)1,788
design-systems
Designing for People Who Use a Mouse (ihe/web)1,787
videos, accessibility
Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues (pop)1,786
accessibility, colors, contrast
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)1,785
html, semantics, accessibility, modals, pop-overs
Foundations: Native Versus Custom Components (tet)1,784
accessibility, fundamentals, components, html, comparisons
Generating Slugs Using One Line of Code in JavaScript (ami)1,783
javascript
How to Improve User Experience and Wow Your Users1,782
how-tos, user-experience
Is “CSS Engineer” Now a Job Position? (hel)1,781
css, career
TypeScript With Node.js (rwi)1,780
typescript, nodejs
What CSS Do You Absolutely Have to Know in 2022? (geo/css)1,779
css
Early Learnings for Early Hints at Shopify (sia/per)1,778
videos, case-studies, shopify, performance, hints
How to Create the Perfect Hero Image for Your Portfolio Site1,777
how-tos, design
Client-Side Routing Without the JavaScript (rya/thi)1,776
javascript, performance, frameworks
Managing CSS Styles in a WordPress Block Theme (css)1,775
css, maintenance, wordpress, theming
Responsive Accessibility Using “visibility: hidden” (sco)1,774
accessibility, responsive-design, hiding, css
The Superpowers of Design Tokens1,773
videos, design-tokens
Using Data-Driven Analytics to Improve Your Site’s User Experience (uxm)1,772
user-experience, analytics, metrics
Why Would Anyone Need JavaScript Generator Functions?1,771
javascript, functions
Why You Need to Monitor and Report on Accessibility—All the Time (deq)1,770
accessibility, monitoring, compliance, legal
npm Security: Preventing Supply Chain Attacks1,769
npm, dependencies, security
A Simpler Approach to Document and Web Accessibility1,768
accessibility
Creating a Design System Using Radix1,767
design-systems, radix
Saved From Callback Hell1,766
javascript, callbacks
What Designers Can Learn From Apple’s New Accessibility Features1,765
accessibility, design, apple
Hey Tech Recruiter, Here Are Some Tips From a Developer (eev)1,764
hiring, communication, tips-and-tricks
How to Adjust Alignment and Indentation for Ordered Lists in CSS1,763
how-tos, css, tailwind, lists, alignment
Inside the Mind of a Frontend Developer: Hero Section (sha)1,762
html, css
Too Much Efficiency Makes Everything Worse: Overfitting and the Strong Version of Goodhart’s Law (jas)1,761
efficiency, ai
Visual Design in UX: Study Guide (nng)1,760
guides, design, user-experience, training, link-lists
5 Takeaways From Screen Reader Usability Interviews1,759
accessibility, screen-readers, usability
Accessibility “Gaps” in MVPs (aar)1,758
accessibility
An Animated Guide for Node.js Event Loop1,757
guides, nodejs, event-loop, events
Writing Better Documentation (ale)1,756
documentation, writing
npm ESM vs. CJS (woo)1,755
npm, esm, commonjs, metrics, comparisons
6 Steps to Improve HTML Images for Users and Developers (aus)1,754
html, images, performance, responsive-design
Caring About the World Wide Web (ada)1,753
videos, accessibility, dei, web
Frontend Dogma on Mastodon (fro)1,752
frontend-dogma
Minimal Dark Mode (j9t)1,751
dark-mode, css, minimalism
See This Page Fetch Itself, Byte by Byte, Over TLS1,750
websites, typescript, tls
Ways to Improve Developer Onboarding on an Existing Codebase1,749
onboarding, productivity
16 Rare HTML Tags You Really Should Know1,748
html, semantics
7 Tactics That Benefit Both Accessibility and SEO (deq)1,747
accessibility, seo
A Testing Strategy for Accessibility in New Apps (mar)1,746
accessibility, testing
Comparing TCP and QUIC1,745
tcp, quic, protocols, comparisons
Progress Over Perfection: A Better Way to Accessibility (mer)1,744
accessibility, processes
Sustainable Web Design Reduces E-Waste1,743
sustainability
Tips for Design System Component Pages1,742
design-systems, components, documentation, consistency, tips-and-tricks
Speedy CSS Tip! Animated Gradient Text (jhe)1,741
css, gradients
The Best PHP Frameworks for 20221,740
php, frameworks
Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing (mer/a11)1,739
videos, accessibility
A Deep Dive Into Accessible Notifications (rus/a11)1,738
videos, accessibility, notifications, deep-dives
A Love Letter to React (fly)1,737
react, jsx
An Introduction to CSS Cascade Layers (lul)1,736
introductions, css, cascade
Designing the Perfect Mobile Navigation UX (vit/sma)1,735
mobile, navigation, user-experience
How to Start a Content Audit1,734
how-tos, content, content-management, auditing, quality
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed1,733
html, css, performance, tips-and-tricks
Next Steps for the W3C Web Accessibility Initiative1,732
videos, accessibility, w3c
Should Consistency Be a Goal of Design Systems? (amy)1,731
consistency, design-systems
The Case for JPEG XL (jon)1,730
jpeg-xl, images, compression
Tips to Become a Great Software Engineer1,729
career
Why Experienced Programmers Fail Coding Interviews1,728
career, interviewing
Design Management Toolbox: Non-Linear Professional Development1,727
design, career
Is Turbopack Really 10× Faster Than Vite? (eva)1,726
tooling, bundling, performance, turbopack, vite
An Overview of JavaScript Promises1,725
overviews, javascript, promises
20+ Laravel Best Practices, Tips, and Tricks to Use in 20231,724
laravel, best-practices, tips-and-tricks
“aria-label” Is a Code Smell (eri)1,723
accessibility, aria, labels, quality, technical-debt
Complexity and Caution (tem)1,722
accessibility, usability, complexity
Everything You Need to Know About Material Design 31,721
videos, material-design, google, comparisons
Folder Structure for Node.js and Express.js Project1,720
architecture, nodejs, express
Intro to HTML-First Frontend Frameworks1,719
introductions, html, frameworks
My Divtober 2022 Drawings (alv)1,718
css, art
Screenshotting VoiceOver on macOS (kil)1,717
tooling, screenshots, images, apple, unix-like, voiceover
The New CSS Media Query Range Syntax (css)1,716
css, media-queries
TypeScript 5.0 Iteration Plan (dan/typ)1,715
typescript
Why One Web Pioneer Thinks It’s Time to Reinvent the Browser (dav/ver)1,714
browsers, web
Do We Need an Interop for Assistive Technologies? (hdv)1,713
accessibility, browsers, screen-readers, assistive-tech, interoperability
5 Visual Treatments that Improve Accessibility (nng)1,712
accessibility, design
Hostile Patterns in Error Messages (nng)1,711
usability, design, errors, anti-patterns
7 Shorthand Optimization Tricks Every JavaScript Developer Should Know1,710
javascript, optimization
Knowing What It’s Not1,709
design, spacing
How to Create Advanced Animations With CSS (sma)1,708
how-tos, css, animations
The Perfect Commit (sim)1,707
version-control, documentation, testing, commit-messages
URL Redirection on AWS Using JSON Rules1,706
aws, urls, redirecting, json
CSS Ellipsis for Single-Line and Multi-Line Text1,705
css, typography
How to Build, Test, and Publish a TypeScript npm Package in 20221,704
how-tos, typescript, npm
How to Communicate Effectively as a Developer1,703
how-tos, communication, writing, career
Motion Controls in the Browser (sma)1,702
browsers, javascript, permissions
React Concurrency, Explained1,701
slides, react, concurrency
Type-Safe TypeScript With Type Narrowing (thi)1,700
typescript, type-safety
Using HSL Colors in CSS (log)1,699
css, colors
Why You Should Never Use “px” to Set “font-size” in CSS1,698
css, accessibility
What Is a Realm in JavaScript?1,697
javascript
Practical CSS Guide for Busy Developers1,696
guides, css
All Designers Start as Copycats (and That’s OK)1,695
design, career
How Flaky Tests Impact Developers1,694
research, testing, flakiness, quality
Accessibility Beyond the “Obvious” (tem)1,693
accessibility
CSS Runtime Performance1,692
slides, css, performance
Masked Gradient Dashed Lines (mey)1,691
css, gradients, masking
Getting WCAG Color Contrast Right (luk)1,690
accessibility, wcag, colors, contrast
A Beginner’s Guide to Chrome Tracing (nol)1,689
guides, browsers, google, chrome, performance, tracing
Code Coverage With Storybook Test Runner (sto)1,688
testing, code-coverage, storybook
Design Principles for the Web (ada)1,687
videos, design, principles
The Math Behind Nesting Rounded Corners (pau/clo)1,686
css, math, nesting
Typographic Hierarchies (sma)1,685
typography, design
Web Accessibility: ARIA 101 (thi)1,684
videos, accessibility, aria
Guide to the Best JavaScript Books for Beginners1,683
guides, books, javascript, link-lists
Animated Border Gradient (shs)1,682
code-pens, css, animations, gradients, effects
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)1,681
css, responsive-design, performance
OKLCH in CSS: Why We Moved From RGB and HSL (sit+/evi)1,680
css, colors, oklch
“Thousand” Values of CSS (kar)1,679
css, cascade
CSS Animated Grid Layouts (bra)1,678
css, grids, layout, animations
Building a Tooltip Component (arg)1,677
components, tooltips, html, css
Performance (rvi/htt)1,676
web-almanac, studies, research, metrics, performance, web-vitals
Structured Data (htt)1,675
web-almanac, studies, research, metrics, structured-data, semantics, semantic-web
Detect System Theme Preference Change Using JavaScript (dav)1,674
dark-mode, javascript
Do You Really Understand CSS Radial Gradients? (pat)1,673
css, gradients
Don’t Be Afraid of Reverting Code in Git1,672
git
Is There Too Much CSS Now? (sac/css)1,671
css
Sharing Data Between Microservices1,670
microservices, architecture
What? How? Why? “@layer”1,669
css, cascade
How We Improved React Loading Times by 70% With Next.js1,668
react, performance, nextjs, case-studies
Disruptive Design Patterns—an Uncharted Territory1,667
design-patterns
Evolution of Manuals: UX Inspiration From History1,666
user-experience, history, documentation
JavaScript Shallow Copy—What Is a Shallow Copy?1,665
javascript
New Git Guidelines: We Have Switched to Conventional Commits1,664
guidelines, conventions, git, commit-messages
Tailwind CSS v3.2: Revisiting My “Feature Creep” Warning1,663
css, tailwind
The Truth Behind Implicit/Explicit Form Labels1,662
html, forms, labels, accessibility
Things Strong Developers Do That Drive Their Team Crazy1,661
communication, productivity
Twitter Reminds Us About Alt Text, but How Good Are We at It?1,660
accessibility, writing, alt-text, images, twitter+x
53 UX Statistics to Know for 20231,659
user-experience, research
Let’s Talk About Web Components (bra)1,658
web-components
How to Set Up the New Google Auth in a React and Express App1,657
how-tos, google, authentication, react, express
CSS Is Awesome1,656
videos, css
Responsive Animations for Every Screen Size and Device (css)1,655
animations, css, responsive-design
Usable, Useful, and Valuable1,654
agile, scrum, processes, user-experience
Why I Never Understood CSS-in-JS (cit)1,653
css, javascript, css-in-js
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)1,652
serverless, edge-computing, git, performance, deploying
A Dashing Navbar Solution (mey)1,651
css
SEO and Accessibility Are Symbiotic (deq)1,650
accessibility, seo
Ethical Design Is a Risk Management Strategy1,649
design, ethics, strategies
GitHub Copilot Investigation1,648
websites, github-copilot, github, ai, legal
Highly Customizable Background Gradients (spa/clo)1,647
css, backgrounds, gradients
How to Build the Foundation for Digital Accessibility (deq)1,646
how-tos, accessibility, policies, processes
I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack1,645
nextjs, tailwind, type-safety, tech-stacks
Redo Websites Less Often (to Become a Better Developer) (j9t)1,644
processes, redesigning, refactoring, career
State of CSS Frameworks (thi)1,643
videos, css, frameworks
The True Type in PHP 8.2 (ami)1,642
php
What if the Team Hates My Functional Code?1,641
programming
Why We Need CSS Speech (tin)1,640
accessibility, css, voice