Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2022” News Archive

Definition, related topics, and tag feed

“2022” RSS feed (per email)

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