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

Frontend Dogma

“2022” News Archive

Definition, related topics, and tag feed

“2022” RSS feed (per email)

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