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

Frontend Dogma

News and Tools for Web Developers (18)

→ Stay up-to-date on all topics by various RSS feeds (main feed: only $12/year), on Mastodon, and on Bluesky (other channels)

Entry (Sources) and TopicsDate#
Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (tho/the)9,994
browsers, browser-engines, mozilla, google, apple, webkit
How to Write Semantic CSS (kev)9,993
videos, how-tos, css, semantics
Focus Appearance Thoughts (ala)9,992
accessibility, focus, css
A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (arg)9,991
css, colors, contrast, backgrounds, strategies
Testing Vue Components the Right Way9,990
vuejs, vitest, components, testing
Supporting CSS Multi Direction Languages in 20239,989
css, internationalization, logical-properties
Should Inclusive Design Be a UX Concern? (uxd)9,988
design, dei, user-experience
The “margin-trim” Property (mat)9,987
css, margins
The Difference Between Iteration and Prototyping9,986
processes, prototyping, comparisons
Qodana Code Quality Platform—Overview9,985
videos, overviews, jetbrains, qodana, quality, ci-cd
Non-Text Content Contrast Also Matters9,984
accessibility, colors, contrast
Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (its)9,983
mozilla, browser-engines, servo, browsers
How to Build a Magazine Layout With CSS Grid Areas (sma)9,982
how-tos, layout, css, grids
My Favourite 3 Lines of CSS (bel/pic)9,981
css
The Different Names for Values in CSS (chr)9,980
css
Interop 2023 CMS Checkin (chr)9,979
interoperability, html, syndication, rss, atom, semantics
How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi)9,978
how-tos, images, favicons
Frontend Frameworks for Web-App Development (uxm)9,977
frameworks, web-apps
Building a Dev Blog With the Pelican Static Site Generator (djr)9,976
site-generators, blogging
A Historical Reference of React Criticism (zac)9,975
react, history
Discovery in Agile (nng)9,974
agile, processes
React Anti-Patterns and Best Practices—Dos and Don’ts9,973
react, anti-patterns, best-practices
How to Pick a Font (That Doesn’t Suck)9,972
how-tos, guides, fonts, typography
Speeding Up the JavaScript Ecosystem—ESLint (mar)9,971
javascript, performance, eslint, linting
The Market for Lemons (sli)9,970
web-platform, javascript, frameworks
Rotating Gallery With CSS Scroll-Driven Animations (jhe)9,969
html, css, javascript, animations, scrolling
Typography Manual9,968
code-pens, typography
The Case Against Cycle Time9,967
productivity, metrics
Multi-Threaded React App Using useWorker9,966
multithreading, react, javascript, web-workers
How to Make a Zoom Effect Using CSS (css)9,965
how-tos, css, effects
What Is Bootstrap: A Beginner’s Guide9,964
guides, bootstrap
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion9,963
accessibility, wcag, standards
How to Build a Static Website9,962
how-tos, fundamentals
Foundation: The Best Framework for Building Responsive Sites9,961
foundation
The YAML Document From Hell—JavaScript Edition (phi)9,960
javascript, yaml
How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe)9,959
how-tos, javascript, arrays
High Definition CSS Color Guide (arg/dev)9,958
guides, css, colors
Advice for Engineers, From a Manager (pol)9,957
tips-and-tricks, career, communication, collaboration
The Gotcha With Animating Custom Properties (bra)9,956
css, animations, custom-properties, performance
Quick Tip: How to Manage Timezones in PHP9,955
how-tos, php, internationalization, tips-and-tricks
Interop 2023 (boc)9,954
interoperability, web-platform
Design for AI: What Should People Who Design AI Know? (uxd)9,953
design, ai
Announcing Interop 2023 (moz)9,952
interoperability, web-platform
3 Notion Templates to Better Manage Your Design System9,951
design-systems, templates, maintenance
Microsoft Edge and Interop 2023 (mic)9,950
interoperability, web-platform, browsers, microsoft, edge
Caching Data in SvelteKit (ada/css)9,949
caching, sveltekit
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (sar)9,948
wordpress
Why Is Making a Dark Mode Greyscale So Hard to Get Right?9,947
dark-mode, contrast, colors, design
Screen Reader Quick Guide9,946
guides, screen-readers
Pushing Interop Forward in 2023 (jon+/web)9,945
interoperability, web-platform
Interop 2023: Continuing to Improve the Web for Developers (foo+/dev)9,944
interoperability, web-platform
Gatsby Is Joining Netlify9,943
gatsby, netlify
Understanding App Directory Architecture in Next.js (ati/sma)9,942
architecture, nextjs
The Guide to Responsive Design in 2023 and Beyond (sha)9,941
responsive-design, css
Learn Images (wil/dev)9,940
courses, images, svg, gif, png, jpeg, webp, avif
Igalia and Interop 2023 (iga)9,939
interoperability, web-platform, igalia
How the CSS “box-sizing” Property Works (bel)9,938
css, box-model
Hex Colors Aren’t Great at Anything Except Being Popular (chr)9,937
colors, css
Don’t Use Return Types, Unless… (mat)9,936
videos, typescript
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (aus)9,935
javascript, data-fetching
Modular Web Design: Flexibility, Examples, and Alternatives9,934
design
Invoking React Components From Your Ember Apps9,933
emberjs, react, components
Typographic Hierarchy in Print, Web, and App Design (pim)9,932
typography, design, hierarchy
Monitoring Node.js Performance (ano)9,931
nodejs, performance, monitoring, tooling
Should You Start a Web Development YouTube Channel in 2023? (zor/css)9,930
videos, career, youtube
The Ultimate Guide to JavaScript Error Handling (cra)9,929
guides, javascript, errors
External Links: In or Out9,928
seo, links, accessibility, user-experience
6 Approaches for Data Fetching in React9,927
data-fetching, react
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco)9,926
accessibility, ai, chatgpt
Understanding Color and Accessibility (kat)9,925
accessibility, colors
Speed for Who? (bel)9,924
performance, frameworks, developer-experience, user-experience
New to the Web Platform in January (rac/dev)9,923
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
19 Must-Visit Sites for Product Design Inspiration (uxd)9,922
design, link-lists
Using Local Storage in JavaScript and React9,921
javascript, react, browser-storage
CSS “color-mix()” (arg/dev)9,920
css
Easy SVG Customization and Animation: A Practical Guide (cod/sma)9,919
guides, images, svg, animations
What Are HTML5 Semantic Elements?9,918
html, semantics
Léonie Watson on Accessibility (tin+)9,917
podcasts, interviews, accessibility
An Introduction to MIME Types9,916
introductions, mime-types
You’ve Got Options for Removing Event Listeners (mac)9,915
javascript, events
New WCAG 2.2 Features Rated (yat)9,914
accessibility, wcag, standards
The Pros and Cons of Responsive Web Design in 2023 (web)9,913
responsive-design
Git Commit Patterns9,912
git, commit-messages, documentation
Is It a Bad Idea to Use “target="_blank"” for Links in an Email?9,911
email, links, user-experience
10 GitHub Repositories You Should Know as a JavaScript Developer9,910
javascript, cheat-sheets, best-practices, link-lists, github
HTML Input Types (mar)9,909
html, forms
Accessible Hamburger Buttons Without JavaScript9,908
accessibility, javascript, navigation
Login Form UI Design Guide (uxd)9,907
guides, design, forms
Pointing and Calling and Accessibility Testing9,906
accessibility, testing
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra)9,905
javascript, callbacks, promises, asynchronicity
Screen Readers Support for Text Level HTML Semantics (ste/tpg)9,904
html, semantics, screen-readers, support
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)9,903
performance
Use the Dialog Element (Reasonably) (sco)9,902
html, modals, accessibility
Creating a High-Contrast Design System With CSS Custom Properties (uti/sma)9,901
design-systems, css, custom-properties, contrast, colors
Container Queries and Typography (fon)9,900
css, container-queries, typography
Optimal Images in HTML (ste/bui)9,899
html, images, backgrounds, performance, optimization
Quick Tip: How to Manage Error Reporting in PHP9,898
how-tos, php, errors, tips-and-tricks
CSS Layers for CSS Resets9,897
css, resets
10 Web Development Trends in 2023 (rwi)9,896
trends, frameworks, tooling, javascript, monorepos, presentational-html, ai, code-completion
Animating CSS Grid (How-To and Examples) (css)9,895
css, grids, layout, examples
The Modern Way of Serving Images (kur)9,894
images, html, performance
“scrollend”, a New JavaScript Event (arg/dev)9,893
javascript, events
Release Notes for Safari Technology Preview 162 (jon/web)9,892
release-notes, browsers, apple, safari
Musing Upon an “[alt]” Text Badge on Images (chr)9,891
accessibility, html, css
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (gwi/deq)9,890
accessibility, wcag, standards
A “nth-child” CSS Trick (kev)9,889
css, selectors, tips-and-tricks
Introduction to Gulp.js: Beginner’s Guide9,888
introductions, guides, gulp
Creating a Custom Cursor Using CSS (css)9,887
cursors, css, images, svg
Copying Designs Doesn’t Work, and Here’s Why (sma)9,886
design, user-experience
Things to Do and Not to Do During a Wave of Tech Layoffs (cod)9,885
career
Locking “body” Scroll for Modals on iOS (jfr)9,884
scrolling, css, modals
CSS Wishlist 2023 (dav)9,883
css, wish-lists
A Simple Custom (ste)9,882
forms, accessibility, usability, css
Easy Dynamic Social Sharing Image With Eleventy9,881
eleventy, social-media, images, tooling
Be a Digital Ally: Further Exploration of WCAG 2.2 (kno)9,880
accessibility, wcag, standards
3 Essential Design Trends, January 2023 (web)9,879
design, trends
Visual Design Rules You Can Safely Follow Every Time9,878
design
Ship Small, Ship Fast9,877
releasing
Making Sense of TypeScript Using Set Theory9,876
typescript
CSS Art Tutorial: Create a Cute Cartoon Creature9,875
tutorials, css, art
Creating a Community That Values Accessibility (web)9,874
accessibility, community
International Domain Names: Where Does meßagefactory.ca Lead You? (lem)9,873
internationalization, domains
If You Need a Link, Don’t Use a Button (tem)9,872
html, semantics, links, buttons, accessibility
CSS Named Colors: Groups, Palettes, Facts, and Fun (aus)9,871
css, colors, color-palettes
Level Up Your CSS Skills With the “:has()” Selector (5t3/sma)9,870
css, selectors
The History of Internet Explorer and Web Standards (jay/hac)9,869
history, internet-explorer, microsoft, browsers, standards, web-standards-project, link-lists
Best Browsers For Developers in 2023 (tal)9,868
browsers, comparisons, firefox, mozilla, polypane, brave, chrome, google
Replace “Create React App” Recommendation With Vite9,867
discussions, react, vite
Improve Your HTML Semantic With Pico CSS9,866
html, pico
Accessibility Tools and Resources for Designers9,865
tooling, link-lists, design
How to Review a Web Site (uxm)9,864
how-tos, user-experience, performance, seo
Is CSS-in-JS Actually Bad? (may)9,863
css, javascript, css-in-js
How to Use Pico CSS and Next.js?9,862
how-tos, pico, nextjs
Web Scraping—A Complete Guide9,861
guides, scraping
Web Accessibility Global Usage Survey9,860
surveys, accessibility
Comparing Level Access Automated Tools to Manual Accessibility Testing (rac)9,859
accessibility, tooling, testing, automation
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi (uxd)9,858
internationalization, design
Cascading Components—a Way to Organize Figma Component Variants9,857
components, figma
What Is a Core Update? (moz)9,856
seo
The Key to Good Component Design Is Selfishness (sma)9,855
components, developer-experience, maintainability
Building Reliable Distributed Systems in Node.js9,854
nodejs
15 Must-Have Cheatsheets for Developers9,853
cheat-sheets, link-lists
Unordered Lists in Main Navigations (mat)9,852
html, lists, navigation, semantics
So You Want to Make a New JS Framework (dav)9,851
javascript, frameworks
More Real-World Uses for “:has()” (css)9,850
css, selectors
Unlocking Security Updates for Transitive Dependencies With npm (git)9,849
npm, dependencies, security, maintenance
Don’t Target 100% Coverage9,848
testing, code-coverage
Two Ways to Safely Break a Long Word in HTML (ami)9,847
html
Three Attributes for Better Web Forms (ada)9,846
forms, html, attributes
Optimize Time to First Byte (mal/dev)9,845
performance, optimization
Comparing Manual and Free Automated WCAG Reviews (aar)9,844
accessibility, wcag, auditing, comparisons
“::backdrop” Doesn’t Inherit From Anywhere (kil)9,843
css
Tips and Tricks for Using Renovate (msf)9,842
renovate, configuration, tips-and-tricks
On-Scroll Typography Animations (cod)9,841
typography, animations
Accessible Writing Is Just Good Writing9,840
accessibility, writing
Front-End Is So Much More Than Building Designs (bel)9,839
processes
Discovering the Capable Web (tom/dev)9,838
web-platform
Deep Cloning Objects in JavaScript, the Modern Way (ste/bui)9,837
javascript, objects
CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (alv)9,836
css, tips-and-tricks, forms, print
Solved With “:has()”: Vertical Spacing in Long-Form Text (css)9,835
css, selectors
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (bra)9,834
css, selectors
The Storytelling Power of Simple Design Solutions (uxd)9,833
design, simplicity
Quick Tip: How to Read a Local File With PHP9,832
how-tos, file-handling, php, tips-and-tricks
The Truth About CSS Selector Performance (pat/mic)9,831
css, selectors, performance
Scalable CSS (chr)9,830
css, scalability
Intro to Wasp—Fullstack App9,829
videos, introductions, wasp, express, react
Can a Bridge Be Unethical?9,828
design, ethics
Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That9,827
accessibility, information-design
6 Common SVG Fails (and How to Fix Them) (css)9,826
svg, images
Promises, Thenables, and Lazy-Evaluation: What, Why, How (aus)9,825
javascript, promises
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages9,824
content-delivery, performance, web-vitals, cloudflare
The Undeniable Benefits of Simple Website Design9,823
design, simplicity, user-conversion
Optimizing the Image Element LCP (sma)9,822
performance, web-vitals, images
Minimal Dark Mode Styling (mey)9,821
css, dark-mode, minimalism
Greater Styling Control Over Type With “initial-letter” (sea)9,820
css, typography
A Better Way to Work With Number and Date Inputs in JavaScript (ste/bui)9,819
javascript
Using Renovate With Codeberg (nic)9,818
codeberg, dependencies, maintenance, renovate
Advanced Usage Patterns for Taking Page Element Screenshots With Playwright9,817
screenshots, images, playwright, javascript
User Style Sheets9,816
videos, user-styles, css
The Only Markdown Cheatsheet You Will Ever Need9,815
markdown, cheat-sheets
Interactive SVG Reference9,814
svg, images
Complete Guide to Make You a Regex Guru9,813
guides, regex
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)9,812
javascript, performance, modules, esm, commonjs
CSS Nesting Is Coming (alv)9,811
css, nesting
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor9,810
principles, maintainability
Succeed as a Junior Developer9,809
career
Foundations: Visible Focus Styles (tet)9,808
accessibility, fundamentals, focus, css
Four Ways to Chop Up Arrays (with Vanilla JavaScript) (cfe)9,807
javascript, arrays
Sibling Scopes in CSS, Thanks to “:has()” (bra)9,806
css, selectors
2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch (nod)9,805
nodejs, foss, tooling, link-lists
Fixing a Memory Leak in a Production Node.js App (ken)9,804
nodejs, memory
What Can We Really Do About Spam?9,803
spam, email, sustainability
React, Vite, and TypeScript: Get Started in Under 2 Minutes9,802
introductions, react, vite, typescript
Top Front-End Tools of 2022 (lou/sma)9,801
tooling, link-lists
Manual Accessibility Testing (dev)9,800
accessibility, testing
Is TypeScript Worth It?9,799
discussions, typescript
CSS Color Functions and Custom Properties (mat)9,798
css, colors, functions, custom-properties
Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit (ari/dev)9,797
cookies, browsers, google
Generics: The Most Intimidating TypeScript Feature (mat)9,796
videos, typescript, generics
The State of JavaScript 2022 [Results] (sac/dev)9,795
surveys, metrics, javascript
The Main Areas of WAI–ARIA9,794
accessibility, aria
How to Destructure Props in Vue (Composition API)9,793
how-tos, vuejs, props
11 Excellent WordPress Themes for 20239,792
wordpress, themes, link-lists
The YAML Document From Hell (ruu)9,791
yaml, standards
The Gotcha of Unhandled Promise Rejections (jaf)9,790
javascript, promises
JavaScript, Community (zac)9,789
javascript, community
Closed Captions and Subtitles UX (vit/sma)9,788
accessibility, captions, user-experience
“:has” Is an Unforgiving Selector (geo/css)9,787
css, selectors
Versioning Design Systems: Best Practices9,786
design-systems, versioning, best-practices
Quick Tip: How to Filter Data With PHP9,785
how-tos, php, tips-and-tricks
D̶e̶s̶i̶g̶n̶ Token Clusters (uxd)9,784
design-tokens
Set Up a React App With TypeScript in 5 Minutes9,783
react, vite, typescript
Data-Driven Design Systems in Practice9,782
design-systems
2023 Design Trends From an Accessibility Perspective9,781
design, accessibility, trends
Data URLs and Pool in Your URL (wes)9,780
html, data-urls
Why Not “document.write()”? (css)9,779
javascript, performance
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)9,778
performance, web-vitals, best-practices
Faking Min Width on a Table Column (css)9,777
html, tables, css, responsive-design
CSS “:readonly” Is Not for Select Fields (hel)9,776
css, selectors
CSS “:empty” Isn’t Applicable on Form Fields (hel)9,775
css, selectors, forms
Building a Design System: Lessons Learned (uxd)9,774
lessons, design-systems
Node.js Retro 2022 (nod)9,773
nodejs, retrospectives
Styling Buttons in WordPress Block Themes (css)9,772
wordpress, theming, buttons, css
Implementing Microservice Architecture in Node.js9,771
microservices, architecture, nodejs
A Software Developer’s Guide to Writing9,770
guides, writing
7 Principles of Design Psychology Every UX Designer Should Know (uxm)9,769
design, user-experience, principles
Customizing HTML Form Validation (dav)9,768
html, forms, validation
Good Design Is Intentional (jon)9,767
design
Conditional CSS (sha)9,766
css
Clever Code Considered Harmful (jos)9,765
complexity, maintainability, career
7 Purpose-Driven UX Tips for Your Next Web-Site Redesign (uxm)9,764
user-experience, redesigning, tips-and-tricks
Personas Are Living Documents: Design Them to Evolve (nng)9,763
usability, personas
Intro to SolidJS: How to Create Fast, Reactive Web Apps9,762
introductions, solidjs, web-apps
Angular vs. AngularJS: 15 Key Differences to Know9,761
angular, angularjs, comparisons
3D in CSS9,760
css
OK LCH, I’m Convinced (jim)9,759
colors, css
Best Node.js Schedulers9,758
nodejs, cron
Using GitHub Copilot for Unit Testing9,757
github-copilot, ai, testing
Stock Photos of People With Disabilities (den)9,756
accessibility, content, images
Revolutionizing the Web With WebAssembly: A Comprehensive Guide9,755
webassembly, guides
Infinite Scrolling: When to Use It, When to Avoid It (nng)9,754
videos, scrolling, usability
Why Web Performance Still Matters in 2023 (sia)9,753
performance
When to Use Flexbox and When to Use CSS Grid (log)9,752
css, flexbox, grids, layout
URI vs. URL: The Main Differences Between URL and URI9,751
urls, terminology, comparisons
Design Systems in Practice9,750
videos, design-systems
A New Accessibility Strategy for the GOV.UK Design System9,749
accessibility, strategies, design-systems
2022 JavaScript Rising Stars9,748
javascript, frameworks, react, vuejs, building, testing, tooling, mobile, desktop, state-management, css-in-js, graphql, retrospectives
Microfeatures I’d Like to See in More Languages (hil)9,747
programming
When Stakeholders Bypass the Product Owner9,746
agile, scrum, processes
Every Software Developer Should Write a Blog9,745
blogging, career, learning
A Guide to Getting Data Visualization Right (sma)9,744
guides, information-design
Using “!important” in Cascade Layers (mat)9,743
css, cascade
Understanding Git Through Images9,742
git
Progressively-Enhanced Dark Mode (dar)9,741
dark-mode, progressive-enhancement
HTML With Superpowers: An Introduction to Web Components (dav)9,740
books, courses, guides, web-components, introductions
How to Build Great HTML Form Controls (aus/fre)9,739
how-tos, html, forms
Top 13 Templating Engines for JavaScript to Improve and Simplify Your Workflow 2023 (sta)9,738
template-engines, javascript, mustache, handlebars, nunjucks, pug, marko, comparisons, link-lists
CSS “:has()” Feature Detection With “@ supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” (bra)9,737
css, selectors, feature-detection
Creating Tokens for Your Design System With ChatGPT Assistance (uxd)9,736
design-tokens, design-systems, ai, chatgpt
JAWS, NVDA, and VoiceOver Braille Viewers (aar)9,735
accessibility, screen-readers, jaws, nvda, voiceover, apple
7 Required Steps to Secure Your Iframes Security9,734
iframes, security, xss, html, http-headers, csp
Use nvm and .nvmrc for a Better JavaScript Development9,733
nvm, nodejs, javascript
How to Increase Your Chances of Getting Interviews and Job Offers in Tech9,732
how-tos, career, interviewing
5 Web Design Trends to Watch in 20239,731
design, trends
What Does It Look Like for the Web to Lose? (chr)9,730
web-platform, web
WAI–Adapt Explainer (w3c)9,729
accessibility
Quick Thoughts on Typeface and Font Accessibility9,728
accessibility, fonts, typography
The Expanding Dark Forest and Generative AI (mag)9,727
ai, web, user-experience
Conditional API Responses for JavaScript vs. HTML Forms (aus)9,726
javascript, html, forms, security, comparisons
Cloning Arrays and Objects in Vanilla JavaScript (cfe)9,725
javascript, arrays, objects
Carry On Testing 2023 (ste/tpg)9,724
accessibility, testing
Intro to JavaScript Closures9,723
introductions, javascript, closures
6 Predictions for Web Design in 2023 (web)9,722
design, outlooks
Radix UI: An Unstyled UI Component Library for React9,721
libraries, components, react, radix
Microservices vs. Monolithic Architecture: A Practical Approach9,720
architecture, microservices, monoliths, comparisons
Measuring an Engineering Organization9,719
leadership, engineering-management, metrics
17 Compelling Reasons to Start Ditching TypeScript Now9,718
typescript
The State of Usability in 2023 (vit/sma)9,717
usability, testing, research
Priority Hints and Optimizing LCP (kev)9,716
performance, web-vitals, optimization, hints
The State of Mobile User Experience (nng)9,715
research, mobile, user-experience
2022 Year in Review (eva)9,714
vuejs, retrospectives
A Beginner’s Guide to Link and Text Accessibility (pop)9,713
guides, accessibility, links, content
Culture Is Stuck9,712
culture, design
React JS Best Practices From the New Docs9,711
react, best-practices, javascript, jsx, aria
Junior Designers, Please Don’t Give In (uxd)9,710
design, career
ICANN and the 7 Keys to the Internet9,709
videos, podcasts, web, domains, history
Fluid Typography: Predicting a Problem With Your User’s Zoom-In (sma)9,708
typography, css, accessibility, zooming
Why Do We Need Authorization and Authentication?9,707
authorization, authentication, security
Overlapping Interactive Areas (tem)9,706
accessibility, design
Understanding Design Tokens, From UX Tool to Production9,705
videos, design-tokens
Git in 10 Mins9,704
git
An Ultimate Guide on Sizing, Spacing, Grids, and Layout in Web and UI/UX Design (sma)9,703
guides, spacing, grids, layout, typography, design
Styling a “pre” That Contains a “code” (mey)9,702
css, selectors
Stashing Individual Files in Git (ami)9,701
git
JavaScript Frameworks—Heading Into 2023 (rya/thi)9,700
javascript, frameworks
Why Web Design Still Matters in 2023 (web)9,699
design, web
How to Write an Awesome README9,698
how-tos, documentation, readme
7 Tips for Improving Your Productivity With Git (dan)9,697
productivity, git, tips-and-tricks
Shape Up9,696
processes, agile
Performance Culture Through the Looking-Glass9,695
videos, performance, culture
How to [Set Up] Prettier9,694
videos, how-tos, prettier
Theme Toggles9,693
websites, theming, toggles, html, react
A Guide to Command-Line Data Manipulation (alv/sma)9,692
guides, command-line
Website Accessibility (15 Best Practices) (bru)9,691
accessibility, best-practices, content, readability, captcha, images, alt-text, forms, focus, html, tooling
Building Inclusive Products for Trans People (uxd)9,690
dei
A CSS Challenge: Skewed Highlight (pep)9,689
css, effects
The RUM Archive and Benford’s Law9,688
performance
What’s Wrong With Code in 2022?9,687
complexity, quality, processes
Invisible Ink Effect With SVG Filters and CSS (che)9,686
code-pens, css, svg, filters, effects
CSS Subgrid (rac/5t3)9,685
css, grids, layout
A Problem With Link Relationships (j9t)9,684
html, links, metadata, semantics, maintainability
User Stylesheets Are Still Pretty Great and Should Be More Widely Supported9,683
css, accessibility, user-styles
HTTP/3 Prioritization Demystified (pro)9,682
performance, http, protocols
Enforcing Better HTML Markup With Eleventy (mat)9,681
html, semantics, conformance, eleventy
Deploying CSS Logical Properties on Web Apps (sma)9,680
css, logical-properties, web-apps
11 Tips That Make You a Better TypeScript Programmer9,679
tips-and-tricks, typescript
Design System Fresh Bundling9,678
design-systems, bundling
An Inclusive and Planet-Friendly Digital Style Guide (uxd)9,677
design, style-guides, accessibility, dei, sustainability, ethics
Obscure CSS: Restoring Visibility (kiz)9,676
css, hiding, accessibility
What Is the Difference Between Alternative Text, Long Description, and Caption? (red/mat)9,675
accessibility
Top 10 Accessibility News of 2022 (equ)9,674
accessibility, retrospectives
The 10 Cheapest Web Hosting Solutions in 2022 (sta)9,673
hosting, economics
Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability (jcs)9,672
firefox, mozilla, browsers, accessibility, caching
Aligning Jakob Nielsen’s 10 Usability Heuristics With the WCAG 2.1 (hom)9,671
accessibility, wcag, usability, heuristics
2022 CSS Updates (5t3)9,670
css
A Complete Guide to Timeouts in Node.js (bet)9,669
guides, nodejs, time
The Intended Consequence of Inaccessible Digital Ads (joe/web)9,668
videos, accessibility, monetization
Signals: The Nitty-Gritty (web)9,667
performance, javascript, signals
React’s New Killer Documentation Focused Only on Functional Components9,666
react, documentation
Quick Start for Evaluating and Testing Web Accessibility (jar/web)9,665
videos, accessibility, testing
Billions of Unnecessary Files in GitHub9,664
github, git
Accessibility Convincing (lfl/web)9,663
videos, accessibility, ethics, legal
Things CSS Could Still Use Heading Into 2023 (chr)9,662
css, outlooks
CSS Color Spaces and Relative Color Syntax (dar/5t3)9,661
css, colors
Building an Accessible Theme Picker With HTML, CSS, and JavaScript (fos)9,660
accessibility, html, css, javascript, theming, functionality
A Theory of Web Relativity (alv/mat)9,659
html, metadata, structured-data
2022 Roundup of Web Research (geo/css)9,658
research, web
An Important Message to All Developers9,657
career
Why We Hang Onto WordPress Nostalgia9,656
wordpress
The Top 10 Security Vulnerabilities for Web Applications9,655
security, vulnerabilities, web-apps
Foundations: Target Sizes (tet)9,654
accessibility, fundamentals, usability
Dockerize PHP App With Apache on HTTPS9,653
docker, php, apache, servers
Useful Accessibility and Usability Examples to Help Improve Your Designs (sma)9,652
accessibility, usability, examples
Pointer Events (5t3)9,651
css, javascript, pointer-events, apis
Common Nesting Issues in HTML (cit/mat)9,650
html, nesting
Bad Performance Is Bad Accessibility (bru)9,649
performance, accessibility
If You Are Afraid of AI, You May Not Be the Best UX Designer Out There (uxd)9,648
user-experience, design, ai, career
Beating Latency on Scalemates.com (tim)9,647
performance, optimization
Frontend Dogma + UITest.com = ❤️ (fro)9,646
frontend-dogma
The Science of User Experience (uxm)9,645
user-experience, processes
Concepts Behind Modern Frameworks9,644
frameworks, concepts
Interop 2022: End of Year Update (rac/dev)9,643
interoperability, web-platform, browsers, html, css
The Performance Inequality Gap, 2023 (sli)9,642
performance
Taking the Stress Out of Design System Management (sma)9,641
design-systems, maintenance
Step Into the Light (DOM) (aaa)9,640
dom, web-components, progressive-enhancement
Do You Know “color-scheme”? (sar/mat)9,639
css, dark-mode
CSS Style Queries (sha)9,638
css, container-queries
Prevent Focused Elements From Being Obscured by Sticky Headers (sib/tpg)9,637
accessibility, usability, css, focus
Lockfile Trick: Package an npm Project With Nix in 20 Lines9,636
npm, tips-and-tricks
Mini-Guide to Add an Image (its/mat)9,635
html, images
HTML Dialog (5t3)9,634
html, modals
How to Learn in Public (bla)9,633
how-tos, career, learning
Using Inline JavaScript Modules to Prevent CSS Blockage (sto)9,632
performance, javascript, css
Modern HTML as a Foundation for Progressive Enhancement (ffo/mat)9,631
html, progressive-enhancement
Cascade Layers (mia/5t3)9,630
css, cascade
Code Ownership and Software Quality9,629
research, processes, quality
CSS Infinite 3D Sliders (css/css)9,628
css, sliders, effects, animations
How to Find and Fix the Top 3 Accessibility Issues (deq)9,627
videos, how-tos, accessibility, auditing
Apple, Google, and Mozilla Are Teaming Up to Make a Next-Gen Browser Benchmark (ver)9,626
browsers, apple, google, mozilla
5 HTML Elements, and a Partridge in a Despair Tree (mat)9,625
html, semantics, accessibility
Getting Started With the CSS Custom Highlight API (its/log)9,624
introductions, css, apis
Get That Marquee AeStHeTiC (dni/mat)9,623
html, css, effects
ECMAScript Proposal: Iterator Helpers (rau)9,622
ecmascript, javascript, standards
So, You’d Like to Animate the “display” Property (geo)9,621
css, animations
Logical Border Radius (mic)9,620
css, logical-properties, borders
CI/CD Tutorial for Developers9,619
tutorials, ci-cd, docker
An HTML-First Mental Model (noa)9,618
html, dom, performance
Accessibility Starts With an Organisation’s Culture (cra)9,617
accessibility, culture
Select the Right Tool for the Job (jim)9,616
principles
Leaked a Secret? Check Your GitHub Alerts… for Free (git)9,615
github, security
Help Choose the Syntax for CSS Nesting (jen/web)9,614
css, nesting
CSS “image()” (kev/5t3)9,613
css
A Guide for Making Apps Accessible9,612
guides, accessibility
4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (aus)9,611
css, selectors, html, forms
The Web Platform Is Back (bde/ado)9,610
web-platform
Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) (cod)9,609
react, concurrency
A “:nth-child(An+B [of S]?)” Polyfill Thanks to CSS “:has()” (bra)9,608
css, selectors, polyfills
View Transitions API (5t3)9,607
css, apis, view-transitions
Sophisticated Web Scraping With Bright Data (cra)9,606
scraping, structured-data, apis
IDN Is Crazy9,605
internationalization, domains
Get Off the Main Thread With an Inline Web Worker: An Example (sto)9,604
performance, javascript, web-workers, examples
Apple Considering Dropping Requirement for iPhone Web Browsers to Use WebKit9,603
apple, browsers, browser-engines, webkit
The Most Popular CSS-in-JS Libraries in 2022 (sta)9,602
libraries, css, javascript, css-in-js
Table Like It’s 2023 (cli/mat)9,601
tables, html
Release Notes for Safari Technology Preview 160 (jon/web)9,600
release-notes, safari, apple, browsers
Design Deserves More Respect (uxd)9,599
design
State of A11Y (thi)9,598
videos, accessibility
Federal Web Accessibility Focus Has Private Sector on Notice9,597
accessibility, legal
Top 5 Accessibility Issues in 2022 (lar/int)9,596
accessibility, retrospectives
One Day We’ll Have a Fully Customisable Select (hdv/mat)9,595
html, css
New Viewport Units (mey/5t3)9,594
viewport, css, units, responsive-design
Accessible Front-End Patterns for Responsive Tables II (cod/sma)9,593
accessibility, tables, responsive-design
A Few Times Container Size Queries Would Have Helped Me Out (css)9,592
css, container-queries
The Future of Design Tokens (jin+)9,591
videos, design-tokens, outlooks
Five Myths About Digital Accessibility9,590
videos, accessibility, myths
Top 30 Linux Commands for Everyday Use (sta)9,589
unix-like, command-line, productivity
DOM Clobbering (fre/mat)9,588
dom, security
WCAG 3.0: Are We There Yet? (ons/tpg)9,587
accessibility, wcag, standards
LCP(FE) (tim)9,586
performance, web-vitals
Implement Scroll-Snapping Using Only CSS9,585
css, scrolling
Conditional Wrapping in React9,584
react
There Can Be Only One: Options for Building “Choose One” Fields (aar/mat)9,583
html, forms
Web Performance and Compression9,582
performance, compression
Dear Developer, Your Assumptions Are Wrong (mat)9,581
html
Integrate Svelte Into PHP CMS: TYPO3 and WordPress (man)9,580
typo3, wordpress, svelte, php, content-management
An Interactive Guide to JavaScript Events (ale)9,579
guides, javascript, events, examples
CSS Infinite Slider Flipping Through Polaroid Images (css/css)9,578
sliders, css, images, effects
Remove the Generator Tag From a WordPress Website9,577
wordpress, themes, plugins, metadata
A Complete Guide to CSS Container Queries9,576
guides, css, container-queries
WCAG—Priority of Constituencies (ala)9,575
accessibility, wcag, prioritization
How to Merge Objects in JavaScript (sta)9,574
how-tos, javascript, objects
Inside the Mind of a Frontend Developer: Article Layout (sha)9,573
html, css, layout
Best PHP Books for Beginners9,572
books, php, link-lists
PHP 8.2.0 Release Announcement9,571
php
A Modern HTML Template (2022)9,570
html, templates
Improving SEO Without Knowing Where to Start (two/mat)9,569
seo
Enough With the Pointless Images (boa)9,568
design, decoration, images
Optimize Interaction to Next Paint (mal+/dev)9,567
performance, optimization, web-vitals
The State of CSS 2022 [Results] (sac+/dev)9,566
surveys, metrics, css
W3C Design Tokens With Style Dictionary (luk)9,565
design-tokens, tooling
Meaningful Labels Using ARIA—or Not (mat)9,564
accessibility, html, forms, labels, aria
JavaScript Polyfills for Interviews9,563
javascript, polyfills, interviewing
W3C Publishes WCAG Testers Consistency List (wil/deq)9,562
accessibility, wcag, testing
Testing for the Support of a Selector (mat)9,561
css, support, selectors
4 More HTML Concepts You Didn’t Know (j9t)9,560
html, concepts, forms, focus
New npm Features for Secure Publishing and Safe Consumption (git)9,559
npm, security, dependencies
Adding Complementary Performance Data to Your Site (mat)9,558
performance, apis
Accessibility: The Land That “Time to Interactive” Forgot (tin)9,557
videos, accessibility, performance
Take Full-Size Screenshots of Websites Without Any Tools in Chrome (ami)9,556
browsers, google, chrome, screenshots, images
“mask-image” Lets You Do Some Really Cool Stuff (kev)9,555
videos, css, masking
Accessible Front-End Patterns for Responsive Tables (cod/sma)9,554
accessibility, tables, responsive-design
A Practical Guide to CSS Media Queries (sta)9,553
guides, css, media-queries
How to Create Typography Guidelines for a Product That Does Not Follow a Design System (uxd)9,552
how-tos, typography, design-systems
Why You Should Be Using New CSS Features Today II (uti/iod)9,551
css
Reduce Image Sizes by Removing Metadata9,550
images, metadata, performance, optimization
Brief Note on Description List Support (aar)9,549
html, lists, semantics, accessibility, screen-readers, support
Website Accessibility Is Not an Afterthought9,548
accessibility
The 411 on 4.1.1 (aar)9,547
accessibility, wcag, standards
Swearing and Automatic Captions (eri)9,546
accessibility, multimedia, captions
Reading the Meter (sup/mat)9,545
html, semantics, accessibility
I Don’t Use “Pushy” Questions in Code Reviews Anymore—This Is What I Do Instead9,544
code-reviews, communication
Does “www” Still Belong in URLs? (css)9,543
usability, urls
Bad UX Writing: 5 Mistakes to Avoid (uxm)9,542
user-experience, writing, mistakes
Fast Is Good, Instant Is Better (tun)9,541
performance, caching
PHP Type Declarations—A Guide for Beginners (ami)9,540
php, guides
Landmarks and Where to Put Them (kil/mat)9,539
html, semantics, aria, accessibility
Using SRI to Protect From Malicious JavaScript (mat)9,538
javascript, security
Super Useful CSS Resources9,537
css, link-lists, tooling
Amy Jiménez Márquez on Leading Information Architecture (amy+)9,536
podcasts, information-architecture
About Modern Sass9,535
sass
Prerender Pages in Chrome for Instant Page Navigations (tun/dev)9,534
performance, browsers, google, chrome
Proximity: Gestalt Principle for User Interface Design (nng)9,533
videos, design, principles
How to Use the WAVE Extension and Start Manual Accessibility Testing (pop)9,532
how-tos, accessibility, testing, tooling, browser-extensions, webaim
CSS Infinite and Circular Rotating Image Slider (css/css)9,531
sliders, css, images, animations
Best APIs for Developers9,530
apis
Accessibility and MVPs9,529
accessibility, principles
You Don’t Need ARIA for That (den/mat)9,528
html, accessibility, aria
“:has(:not())” vs. “:not(:has())” (mat)9,527
css, selectors, comparisons
The State of UX in 2023: A Vibe Shift Is Coming (fab/uxd)9,526
user-experience, design, outlooks
Migrating From Vue 2 to Svelte9,525
migrating, vuejs, svelte
How to Transfigure Wireframes Into HTML (mat)9,524
how-tos, html, prototyping, conversion
From Type to Logotype9,523
fonts, typography, design, branding, logos
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)9,522
guides, web-apps, performance, web-workers, javascript
Apache .htaccess9,521
servers, apache
A Conversation With ChatGPT (mat)9,520
interviews, ai, chatgpt, typography, design
The Final Google Fonts Knowledge Drop of 2022 (ell)9,519
google, fonts, typography
Digging Deeper Into Container Style Queries (geo/css)9,518
css, container-queries
Design Spacing Tokens Semantically (don)9,517
websites, design-tokens, spacing, design
7 Website Performance Metrics to Track for Better UX (cal)9,516
performance, user-experience, metrics
10 Key Principles of User-Centered Design (web)9,515
design, usability, user-experience, principles
Making Microservices Accessible (cra)9,514
accessibility, microservices
Why You Should Be Using New CSS Features Today (uti/iod)9,513
css
WordPress Versions 3.7–4.0 No Longer Get Security Updates (sar)9,512
wordpress, security
Counting Unique Visitors Without Using Cookies, UIDs, or Fingerprinting9,511
metrics, privacy, fingerprinting
HTML Semantics and Accessibility Cheat Sheet (web)9,510
cheat-sheets, html, semantics, accessibility
Which Images Need Descriptive Text? (tem)9,509
accessibility, writing
Web Components Today (kul)9,508
websites, web-components
Transient Frameworks (mat)9,507
frameworks, web-platform
Tips for Typing Import Statements in JavaScript (rau)9,506
javascript
“px” or “rem” in CSS? Just Use “rem” (aus)9,505
css, units
Handling Images With Inconsistent Height in CSS (ami)9,504
css, images
Two Weird Things9,503
programming, randomness, math
Tailwind Is a Leaky Abstraction9,502
tailwind, css
5 Ways to Make Your JavaScript More Functional9,501
javascript, programming
The Large, Small, and Dynamic Viewport Units (bra/dev)9,500
viewport, css, units
The Complete Guide to Mobile SEO—8 Tips and Best Practices (sem)9,499
guides, mobile, seo, tips-and-tricks, best-practices
Stop Fighting With CSS Positioning (kev)9,498
videos, css, positioning, layout
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)9,497
javascript, performance, libraries
Organizing the Eleventy Config File (len)9,496
eleventy, configuration
Convert Any Value to a Boolean in JavaScript (ami)9,495
javascript