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