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

Frontend Dogma

“2022” News Archive

Definition, related topics, and tag feed

“2022” RSS feed (per email)

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