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