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