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