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 (16)

→ 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#
An Introduction to the View Transitions API (cra)11,169
introductions, css, view-transitions, apis
Feature Flags Configuration, Instrumentation, and Use (git)11,168
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,167
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,166
npm, yarn, pnpm, comparisons, performance, best-practices
Getting Started With Native Design Tokens in Figma (luk/uxd)11,165
design-tokens, figma, introductions
JavaScript Console Methods: A Deep Dive11,164
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,163
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,162
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,161
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,160
css, animations
On Feedback11,159
communication, collaboration, culture
How to Use CSS “background-size” and “background-position”11,158
how-tos, css, backgrounds
Form and Search Landmarks (mat)11,157
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,156
accessibility, mobile
The Fake Aura of Care in UX (uxd)11,155
user-experience
Amplify Design Values Through Building Design System (uxd)11,154
design, design-systems
The Massive Bug at the Heart of the npm Ecosystem11,153
npm, dependencies, security
What’s Next for JavaScript: New Features to Look Forward To (mar/the)11,152
javascript
Screen Magnification: Digital Accessibilitiy11,151
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,150
browsers, dev-tools, tips-and-tricks
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams11,149
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?11,148
javascript, operators
Building Sliding Cards With “position: sticky;” (sar)11,147
css
What Does the Image “decoding” Attribute Actually Do? (tun)11,146
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,145
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,144
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,143
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,142
accessibility, webaim, auditing, tips-and-tricks
Tips for Upgrading Your Techstack for Faster Frontend Development11,141
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
The Novel Engines: Servo (bka+/iga)11,140
podcasts, browser-engines, servo, browsers
Qwik Introduction—a Framework That Goes Fast11,139
videos, introductions, qwik
Mapping Typography (sco/9el)11,138
videos, typography, css
Magnification and Zoom Accessibility Guide—Everything You Need to Know11,137
guides, accessibility, screen-magnification, zooming
Live Regions in React11,136
react, aria, live-regions, accessibility
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)11,135
how-tos, colors, css
Going Beyond Constants With Custom Properties (uti/iod)11,134
css, custom-properties
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)11,133
ai, web
A Beginner’s Guide to Laravel: Introduction and Key Features11,132
guides, introductions, laravel
Understanding Space-Based Architecture11,131
architecture
Mixing Colors With CSS (mrt)11,130
colors, css
An Introduction to Parser Combinators11,129
introductions, parsing
Introduction to Cloud Computing11,128
introductions, cloud-computing
XML Is the Future11,127
web, processes
WebSockets 101 (thi)11,126
introductions, protocols, websockets
Using BEM for Design System Tokens11,125
css, bem, design-tokens, conventions
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript11,124
introductions, security, vulnerabilities, nodejs, javascript
Choosing a Color Palette (nng)11,123
videos, design, colors, color-palettes
Understanding Authorization Before Authentication: Enhancing Web API Security11,122
authorization, authentication, apis, security, comparisons
The Case for Variables11,121
sass, css, variables, custom-properties, json, figma
Text Wrap Pretty Is Coming to CSS (ami)11,120
css, typography
Debugging INP (scr)11,119
videos, performance, debugging, web-vitals
Converting [a] JavaScript Codebase to TypeScript11,118
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors11,117
security, cors, errors
Component Driven User Interface Testing (CDUIT)11,116
components, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web11,115
unicode, history
The Cost of JavaScript 2023 (add)11,114
videos, javascript, performance
Introducing the MDN Playground: Bring Your Code to Life (mdn)11,113
introductions, mozilla, mdn, documentation, testing
Future CSS: State Container Queries (sha)11,112
css, container-queries
Announcing Svelte 4 (sve)11,111
release-notes, svelte
Debugging Commands Every Linux Administrator Should Know11,110
debugging, command-line, unix-like
How Designers Can Beat AI at Design (uxd)11,109
design, ai
Designing for Inclusion (uxd)11,108
design, dei, accessibility
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,107
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,106
videos, css, selectors
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)11,105
wcag, accessibility, testing, tooling
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)11,104
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,103
http
Design Systems Directory11,102
websites, design-systems
CSS in Micro Frontends11,101
css, micro-frontends
Cascade Layers Are Useless * (mat)11,100
css, cascade
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,099
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,098
w3c
Top 6 AI Coding Assistants in 202311,097
ai, tooling
Three Key Principles for an Accessible Website11,096
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,095
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,094
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,093
surveys, css
Making Your Design Tokens Future-Proof (and)11,092
design-tokens
Continuous Accessibility (a11)11,091
websites, accessibility, processes
Authentication vs. Authorization11,090
authentication, authorization, comparisons
ExtJS for Beginners11,089
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,088
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,087
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,086
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,085
gatsby, internationalization
Can Web Developers Be Held Liable?11,084
accessibility, legal
Button Types (ada)11,083
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,082
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,081
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,080
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,079
navigation, scrolling, user-experience
The New CSS (mat)11,078
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,077
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,076
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design (uxd)11,075
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,074
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,073
git, concepts
Wolvic 1.4 Released (wol)11,072
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,071
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,070
accessibility, community
Standardising Design Tokens (oll)11,069
design-tokens, conventions
Scoping (mat)11,068
css, scope
Create React UI Lib: Component Library Speedrun11,067
typescript, react, components, npm
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,066
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,065
ai
What Are Deceptive Patterns?11,064
user-experience, dark-patterns
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,063
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,062
eleventy
HTML Imports (w3c)11,061
html
How to Add a CSS Reveal Animation to Your Images (css)11,060
how-tos, css, animations, images
Django: A Security Improvement Coming to “format_html()” (ada)11,059
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,058
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,057
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,056
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,055
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll (uxd)11,054
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,053
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,052
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,051
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,050
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,049
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,048
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,047
toggles, css, custom-properties
When and Why to Use a Click Test11,046
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,045
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,044
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,043
functionality, components, css
Nuxt in 100 Seconds (fir)11,042
videos, introductions, nuxt
Naming Components11,041
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,040
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,039
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,038
gatsby, internationalization
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)11,037
browsers, google, chrome, testing
Blur Vignette Effect in CSS11,036
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,035
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,034
css, web-platform
How to Learn Programming11,033
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,032
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,031
css, community
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,030
html, viewport, metadata, accessibility, responsive-design
An Introduction to DevOps11,029
introductions, dev-ops
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,028
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,027
videos, shadow-dom, dom
Modern CSS for Dynamic Component-Based Architecture (5t3)11,026
css, architecture, components
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,025
videos, css, scrolling, animations, view-transitions
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,024
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,023
design, strategies
CSS Containers, What Do They Know? (mia/css)11,022
videos, css, container-queries
Best Animation Libraries for React11,021
libraries, animations, react, link-lists
Why Doesn’t CSS Have Scope? (hey/css)11,020
videos, css, scope
The Universal Focus State (eri)11,019
accessibility, focus, css
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,018
css, scrolling
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,017
videos, css, selectors, performance
Sticky Content: Focus in View (tet)11,016
accessibility, focus, scrolling, css
State of the CSS Community (una/css)11,015
videos, css, community
No, “AI” Will Not Fix Accessibility (aar)11,014
accessibility, ai
Must Know JavaScript API—IndexedDB API11,013
databases, indexeddb, javascript, apis
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,012
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,011
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,010
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,009
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,008
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,007
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,006
programming, principles, terminology
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,005
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,004
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,003
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,002
guides, writing, blogging
Styling Scrollbars (oll)11,001
scrolling, css
RSC From Scratch: Server Components11,000
videos, react, components
Reducing Complexity in Front End Development (mic)10,999
complexity, performance, css, javascript
Modern CSS in Real Life (chr)10,998
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)10,997
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)10,996
css, units
Assume the Position—a Labeling Story (llo/tpg)10,995
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)10,994
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)10,993
accessibility, ai
What Is Open Graph? How to Use It for Your WordPress Website?10,992
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)10,991
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS10,990
apple, web-apps
Is React Having An AngularJS Moment?10,989
react, angularjs
An Introduction to Debugging in Node.js (cra)10,988
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details10,987
accessibility, testing
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)10,986
user-experience, accessibility, focus, forms
test262.fyi10,985
websites, javascript, ecmascript, javascript-engines, v8, spidermonkey
New Job? Negotiate as if Your Life Depends on It10,984
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance10,983
how-tos, rendering, dom, performance, debugging, angular
How We Created an Accessible, Scalable Color Palette10,982
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers (uxd)10,981
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)10,980
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript10,979
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)10,978
javascript, strings
No Single Metric Captures Productivity10,977
productivity, metrics
New CSS Color Spaces and Functions in All Major Engines (rac/dev)10,976
css, colors, functions, browsers, support
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)10,975
browsers, google, chrome, performance
How AI Can Make Software More Intuitive10,974
ai, usability
Do Not Drop Sass for CSS10,973
css, sass, preprocessors
An Introduction to “@ scope” in CSS (oll)10,972
introductions, scope, css
Presentational Colors (luk/uxd)10,971
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)10,970
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)10,969
videos, javascript
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)10,968
transitions, dev-tools, browsers, google, chrome
The Context Dilemma10,967
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases10,966
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)10,965
html, semantics
Quick Tip: Shipping Resilient CSS Components (5t3)10,964
css, components, maintainability, resilience, tips-and-tricks
Performance Is Not a Checklist (tka)10,963
performance, user-experience
Asynchronous JavaScript for Beginners10,962
javascript, asynchronicity
Announcing TypeScript 5.1 (dan/typ)10,961
release-notes, typescript
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)10,960
forms, apis, css
Accessible Components: The Hamburger Menu10,959
accessibility, components, navigation
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS10,958
guides, deploying, complexity, architecture, aws
How to Format a Date With JavaScript—Date Formatting in JS (fre)10,957
how-tos, javascript, time
Watch Out for Layout Shifts With “ch” Units (pau/clo)10,956
performance, css, units
Token Operations (don)10,955
design-tokens
security.txt Now Mandatory for Dutch Government Websites10,954
security, legal
Release Notes for Safari Technology Preview 171 (jon/web)10,953
release-notes, browsers, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)10,952
css, units, media-queries, comparisons
New to the Web Platform in May (rac/dev)10,951
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Linting Defensive and Logical CSS With Stylelint Plugins (log)10,950
css, logical-properties, linting, stylelint, plugins
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)10,949
images, gif
How to Add Custom Meta Boxes in WordPress Without a Plugin10,948
how-tos, wordpress, customization
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)10,947
browsers, browser-engines, rendering, blink, css, selectors
Design Systems: A Curated List for Today’s UI/UX Designers (sta)10,946
design-systems, design, tooling, link-lists
Accessibility Audits for All (ada)10,945
accessibility, auditing, testing
What Is Personalization?10,944
personalization, concepts
The Art of Code Review10,943
code-reviews, processes, collaboration
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity10,942
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
I Think I Finally “Get” JS Objects10,941
javascript, objects
Hands on With the Node.js Test Runner (phi)10,940
nodejs, testing
Cracking the Theme Switcher and Dark Mode10,939
css, javascript, dark-mode
Announcing the Second Compute Pressure Origin Trial (dev)10,938
apis, browsers, google, chrome
An Introduction to JavaScript Proxies (cra)10,937
introductions, javascript
21 Awesome Web Features You’re Not Using Yet (fir)10,936
videos, html, css, javascript
The Double-Edged Sword of Design Systems (uxd)10,935
design-systems, design
Simple Things Make Things Simple (pjo)10,934
simplicity, case-studies
Don’t Meddle With User Input (tem)10,933
accessibility, forms
10 Incident Management Best Practices10,932
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions10,931
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)10,930
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)10,929
accessibility, forms, assistive-tech, support
The Optimization Sinkhole10,928
productivity, optimization
Sass-Like Nesting in Native CSS (ami)10,927
css, sass, nesting
Mastering CSS Blend Modes10,926
css, blend-modes
Understanding the Importance of Encoding10,925
encoding
WordPress Turns 20 (sar)10,924
wordpress
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?10,923
javascript, unicode
When to Use Plain Text or Images Instead of MathML10,922
mathml, math, accessibility
Plain Old JavaScript and the DOM (dou)10,921
javascript, dom
We Need to Talk About How We Talk About Accessibility10,920
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)10,919
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)10,918
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)10,917
design, processes, figma
Brief Note on Popovers With Dialogs (aar)10,916
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)10,915
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)10,914
colors, oklch
Seven Lessons From 7 Years Designing Systems10,913
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)10,912
videos, accessibility
“display: contents” Considered Harmful (eri)10,911
accessibility, css
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)10,910
css, transitions, techniques
WebKit and web-platform-tests (ann)10,909
webkit
Single Line Comments in CSS (jim)10,908
css, comments
Responsive CSS Layout Grids Without Media Queries (5t3)10,907
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)10,906
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)10,905
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)10,904
html
Deploying AVIF for More Responsive Websites (dev)10,903
images, avif, performance
A Complete Guide to Using IndexedDB (log)10,902
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)10,901
html, best-practices, forms
You Don’t Need a Modal Window (dz4)10,900
websites, modals
Where to Put Your Types in Application Code (mat)10,899
typescript
Two Simple Layouts That Work Better With Grid (kev)10,898
videos, css, grids, layout
Introducing the Popover API (una/dev)10,897
introductions, apis, html, pop-overs
I Created 100+ Unique CSS Patterns (css)10,896
css, backgrounds, effects
Graph Slider10,895
sliders, css
Future of CSS: Popover API10,894
css, apis, pop-overs
File Upload Security and Malware Protection (aus)10,893
security, malware, file-handling, edge-computing
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design10,892
accessibility, dei, modals, time
Building a Modern Design System in Layers10,891
design-systems
Working With URLs With Vanilla JavaScript (cfe)10,890
javascript, urls
Why We’re Bad at CSS (per)10,889
css
Visual-Design Principles and UX Design Best Practices (uxm)10,888
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)10,887
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)10,886
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)10,885
landing-pages, user-conversion, metrics
Beyond Design Systems for Interfaces: A Mega System of Design Systems10,884
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB10,883
offline, web-apps, web-workers, databases, indexeddb, javascript
A Web Component Intro With Example10,882
introductions, web-components, examples
Server-Sent Events With Node.js10,881
nodejs, events
A Beginners Guide to Digital Accessibility (fra)10,880
guides, accessibility
Website Issues: On the Relevance of Audience Size and Impact (j9t)10,879
processes, quality
Using “linear()” for Better Animation (oll)10,878
animations, css, javascript
Measuring Design System “Adoption” (pjo)10,877
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)10,876
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS10,875
tailwind, effects
A New Approach to Measuring Developer Productivity10,874
research, productivity, metrics
Write Better Code by Following These JavaScript Best Practices10,873
javascript, best-practices
What Devs Can Do on Global Accessibility Awareness Day10,872
accessibility, awareness-days
How to Create a Custom Range Slider Using CSS (css)10,871
how-tos, sliders, css, forms
Getting Started With View Transitions on Multi-Page Apps (dav)10,870
css, view-transitions, multi-page-apps, introductions
Core Principles of SEO10,869
seo, principles, overviews
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)10,868
accessibility, wcag, standards
Accessible Numbers10,867
websites, accessibility
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)10,866
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Thinking on Ways to Solve Color Palettes (arg/dev)10,865
videos, css, colors, color-palettes
Release Notes for Safari Technology Preview 170 (jon/web)10,864
release-notes, browsers, apple, safari
Jekyll Tutorial: How to Create a Static Website (kin)10,863
tutorials, how-tos, jekyll
ESLint Guide: How to Use It With Confidence10,862
guides, eslint, linting, consistency, maintainability
A History of Metaphors for the Internet (ver)10,861
history, web, terminology
Comparing Version Control Systems: Git, SVN, CVS, and More10,860
comparisons, version-control, git, svn, cvs
Why Your Design Language System Needs a Product Manager10,859
design-systems, product-management
Why Is Web Accessibility Important? (tpg)10,858
videos, accessibility
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)10,857
css, units
State of Node.js Performance 2023 (raf)10,856
nodejs
Semantics and the “popover” Attribute: What to Use When? (hdv)10,855
html, attributes, semantics, accessibility, pop-overs
Python Developers Survey 2022 Results (jet)10,854
surveys, python
It’ll Soon Be (Too) Easy to Develop a Website in A Day10,853
ai, processes, productivity, creativity
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)10,852
career, interviewing
GitHub Copilot and ChatGPT Alternatives (ger)10,851
github-copilot, chatgpt, ai, comparisons
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)10,850
javascript, arrays
Fieldsets, Legends, and Screen Readers Again (ste/tpg)10,849
accessibility, html, forms, screen-readers
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)10,848
design-patterns, design-systems, collaboration
Conditional CSS With “:has” and “:nth-last-child” (sha)10,847
css, selectors
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)10,846
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)10,845
css, floats
Let’s Share Our Salaries, Title, Location, XP10,844
discussions, career
HTML Landmark Roles Screen Reader Demo (sch/mdn)10,843
videos, accessibility, html, screen-readers, voiceover, apple
How to Handle Production Support When Using Scrum10,842
how-tos, agile, scrum, processes
Get Full Type Support With Plain JavaScript10,841
javascript
CSS Art: Drawing a Coffee Stain (alv)10,840
css, art
10 Books to Improve Coding Skill in 202310,839
books, programming, link-lists
Error Message Guidelines (nng)10,838
guidelines, usability, errors, writing
The Problem With Disabled Buttons and What to Do Instead (ada)10,837
buttons, user-experience, accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)10,836
html, accessibility, screen-readers, support
ES2023 Features10,835
ecmascript
7 Secret TypeScript Tricks Pros Use10,834
typescript, tips-and-tricks
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies10,833
frameworks, reactivity, dependencies
What Is “Fake Door” Testing in UX? (uxd)10,832
testing, user-experience
Respect Your Children (ste/tpg)10,831
accessibility, html, aria
Keeping Up With an Ever Changing Web (joh)10,830
web-platform, learning
Building a Greener Web (mic)10,829
videos, web, sustainability
Add Opacity to an Existing Color (chr)10,828
colors, css
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)10,827
css, retrospectives
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)10,826
javascript
Regular Expressions in JavaScript (hon)10,825
javascript, regex, examples
Introduction to Screen‐Readers: VoiceOver macOS Edition10,824
introductions, screen-readers, voiceover, apple
Introduction to Screen‐Readers: NVDA Edition10,823
introductions, screen-readers, nvda
Introduction to Screen‐Readers: JAWS Edition10,822
introductions, screen-readers, jaws
Best Practices for All Developers10,821
best-practices
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)10,820
performance, web-vitals, shopify
An Introduction to the Bun JavaScript Runtime (cra)10,819
javascript, runtimes, bun
Introducing INP to Core Web Vitals10,818
introductions, performance, web-vitals, seo
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)10,817
videos, performance, web-vitals
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)10,816
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)10,815
engineering-management, code-reviews
What’s New in Web (dev)10,814
videos, browsers, support, web-platform
What’s New in Web Animations (bra/dev)10,813
videos, animations
Slow Design10,812
websites, design
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)10,811
sustainability, network
Introducing Baseline (rac/dev)10,810
introductions, browsers, support, web-platform
Introducing Baseline: A Unified View of Stable Web Features (mdn)10,809
introductions, browsers, support, web-platform
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)10,808
videos, how-tos, performance, web-vitals
ES2023 Introduces New Array Copying Methods to JavaScript (phi)10,807
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)10,806
videos, browsers, dev-tools
Crafting a Modern Spotlight Effect With React and CSS10,805
css, react, effects
Baseline Features You Can Use Today (dev)10,804
browsers, support, web-platform
Advancing Interaction to Next Paint (rvi+/dev)10,803
performance, web-vitals
API Design Practice10,802
apis, documentation, link-lists
See What’s New in Firefox [113.0] (moz)10,801
release-notes, browsers, mozilla, firefox
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)10,800
css, grids, layout, view-transitions, apis
The Ongoing Defence of Frontend as a Full-Time Job (cod)10,799
career
Script Evaluation and Long Tasks (mal/dev)10,798
performance, javascript, web-vitals
Optimize Input Delay (mal/dev)10,797
performance, web-vitals, optimization
How to Handle Emojis in Node.js10,796
how-tos, nodejs, emoji, unicode
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)10,795
performance, dom, html, optimization
Find Slow Interactions in the Field (mal/dev)10,794
performance, web-vitals, auditing
Diagnose Slow Interactions in the Lab (mal/dev)10,793
performance, web-vitals
Design Systems [Are] a Mindset Not a Library10,792
design-systems
Client-Side Rendering of HTML and Interactivity (mal/dev)10,791
performance, html, client-side-rendering
An Introduction to Container Queries in CSS (5t3)10,790
introductions, css, container-queries
Proportional Design Systems With Proportio.app (uxd)10,789
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications10,788
guides, langchain, google, gcp, functions, ai
Speed Trap (dav/ver)10,787
google, amp, web-platform
ShatGPT (ste)10,786
accessibility, ai
Pay Attention to Web Performance Metrics to Improve the UX (uxm)10,785
performance, metrics, user-experience, web-vitals, optimization
Improving Web-Site Conversion Rates Through Better UX Design (uxm)10,784
user-conversion, metrics, optimization, user-experience
Dithering (chr)10,783
images, dithering
A Complete Guide to Usability Testing (uxm)10,782
guides, usability, testing
The Problem With Sticky Menus and What to Do Instead (ada)10,781
navigation, usability, user-experience
How to Configure Path Aliases in Frontend Projects in the Native Way10,780
how-tos, aliases, javascript, configuration
How Far Back in Time Can I Take My Website’s Design10,779
web, design, history, html, css
Should the Confirmation Button Come First or Last? (uxd)10,778
buttons, interaction-design
The Image Sorting Experiment (uxd)10,777
images, information-design, sorting, experiments
Scaling Node.js Web Apps With Docker10,776
scalability, nodejs, web-apps, docker
Cron Job: A Comprehensive Guide for Beginners10,775
guides, cron
Complete Guide on Playwright Visual Regression Testing10,774
guides, playwright, design, testing, regressions
Design Tokens: Beginner’s Guide10,773
guides, design-tokens, design-systems
Speed Up or Slow Down a Video (pat/dev)10,772
browsers, dev-tools, multimedia
Scroll-Driven Animations (bra)10,771
websites, scrolling, animations
I’m Done With React10,770
videos, react
HTTP/1 vs. HTTP/2 vs. HTTP/310,769
http, protocols, comparisons
htmx Is the Future10,768
htmx, outlooks
How “:not()” Chains Multiple Selectors (mdn)10,767
css, selectors
CSS Logical Properties: A Good Use Case (wes)10,766
videos, css, logical-properties
The Frontend Cloud Advantage10,765
cloud-computing
Using Go for Front End Development10,764
go
React Testing Library and Accessibility10,763
react, testing, libraries, accessibility, automation
How Do You Declare Namespace in JavaScript?10,762
javascript, namespaces
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)10,761
github, github-actions, automation, nodejs
Code Coverage vs. Test Coverage10,760
code-coverage, testing, quality, comparisons
An Introduction to the “:has()” Selector in CSS (5t3)10,759
introductions, css, selectors
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)10,758
performance, web-vitals, best-practices
How to Make a CSS-Only Hamburger Menu10,757
how-tos, css, navigation
Where Would You Take the W3C? (rob)10,756
discussions, w3c
The Latest Innovations in Drupal10,755
drupal
The Intersectionality of Web Performance (ada)10,754
performance, sustainability, dei
Security Implications of HTTP Response Headers (sny)10,753
security, http, http-headers
Release Notes for Safari Technology Preview 169 (jon/web)10,752
release-notes, browsers, apple, safari
Make Your Website Load Fast by Optimizing Request Priorities (deb)10,751
performance, optimization, network
How to Write More Efficient JavaScript Conditions (fre)10,750
how-tos, javascript, efficiency
Don’t Use Custom CSS Scrollbars (eri)10,749
css, scrolling
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It10,748
accessibility, training
DevEx: What Actually Drives Productivity (acm)10,747
developer-experience, productivity, metrics
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)10,746
events, javascript
Angular v16 Is Here (mge/ang)10,745
angular, release-notes
7 Practical CSS Typography Tips and Tricks (zor/css)10,744
videos, css, typography, tips-and-tricks
Things Considered Harmful (bre)10,743
php, laravel
A/B Testing: A Primer10,742
introductions, testing, metrics, optimization
The Native Way to Configure Path Aliases in Frontend Projects10,741
javascript, nodejs, esm, commonjs, tooling, aliases
Why “font-size” Must Never Be in Pixels10,740
css, units, accessibility, responsive-design
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)10,739
videos, css, transitions, tips-and-tricks
SupportsCSS (5t3)10,738
websites, tooling, css, support
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)10,737
accessibility, focus, aria, html
Load Websites Faster With Code Splitting10,736
performance, code-splitting, react
How to Get Started With NodeJS—a Handbook for Beginners (fre)10,735
introductions, guides, nodejs
Do Logical Properties Make CSS Easier to Learn? (chr)10,734
css, logical-properties, learning
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?10,733
foss, community, github
CSS Naked Day and the Missing Wikipedia Page (j9t)10,732
css, awareness-days
Creating an Animated Gradient Border With CSS10,731
css, animations, gradients, borders
An Update on the Lock Icon (ser+/dev)10,730
browsers, google, chrome
A Radical Proposal: Put UX Research in Charge10,729
user-experience, research, product-management, strategies
A Complete Guide to Performance Budgets (spe)10,728
guides, performance, performance-budgets, metrics
3 Engineering Mistakes That Kill Startups10,727
mistakes, architecture
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)10,726
hiring, dei
What’s New in Svelte: May 2023 (sve)10,725
release-notes, svelte, sveltekit
This Blog Is Hosted on My Android Phone10,724
websites, hosting, mobile
Testing Feature Support for Modern CSS (5t3)10,723
css, feature-detection, support
Tailwind CSS vs. UnoCSS10,722
tailwind, unocss, css, frameworks, comparisons
“:root” Isn’t Global (kil)10,721
css
Qwik Reaches v1.0 (bui)10,720
release-notes, qwik
Practical Guide to Not Blocking the Event Loop10,719
guides, javascript, event-loop, events, performance
CSS Wishlist 2023 (ell)10,718
css, wish-lists
Configuring ESLint, Prettier, and TypeScript Together (jos)10,717
eslint, prettier, linting, formatting, tooling, typescript, configuration
CDNs: Speed Up Performance by Reducing Latency (aus)10,716
content-delivery, performance
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)10,715
foss, content, career
Two Underused Arguments for Writing Documentation (j9t)10,714
writing, documentation, career
My Favorite Free Courses to Learn JavaScript in Depth10,713
courses, javascript, training, link-lists
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)10,712
web, web-platform, standards, foss, history, anniversaries
The Popover API Is Exciting, Sort Of (mrt)10,711
apis, pop-overs
Dark Mode in 3 Lines of CSS and Other Adventures (sto)10,710
css, dark-mode
Information Architecture (IA) and Sitemap: Simple and Easy to Understand10,709
information-architecture, sitemaps, best-practices
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)10,708
css, javascript, functions, quality
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)10,707
css, refactoring, maintenance, optimization
New to the Web Platform in April (rac/dev)10,706
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
JS Private Class Fields Considered Harmful (lea)10,705
javascript
Everything You Need to Know About Webpack’s Bundle Analyzer10,704
webpack, bundling, tooling
Animating the Impossible (btc)10,703
videos, animations, transitions
A Beginner’s Introduction to the Most Common Data Types in Programming10,702
introductions, types, programming
Writing Unit Tests in Node.js Using Jest10,701
testing, nodejs, jest
What Is the Value of a Design System? (zer)10,700
design-systems
Typography for Everyone (tob/btc)10,699
videos, fonts, typography
The Most Underrated Section of Design Portfolios10,698
design, career
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)10,697
accessibility, communication, advocacy, processes
Modern CSS Layout Is Awesome! (mic/btc)10,696
videos, css, layout
How to Manage Design Tokens10,695
how-tos, design-tokens, maintenance
How to Deep Merge Arrays and Objects With JavaScript (cfe)10,694
how-tos, javascript, arrays, objects
Accessible Target Sizes Cheatsheet (vit/sma)10,693
accessibility, user-experience
Structure and Interpretation of Flutter (win)10,692
flutter, dart
The Most Important Thing Productivity Tools Are Missing About AI (uxd)10,691
tooling, productivity, ai
What Is the QUIC Protocol?10,690
protocols, quic
The Interactive Guide to Rendering in React10,689
guides, client-side-rendering, react
Discovering the Power of JavaScript Proxy After All This Time10,688
javascript
Adding Motion to the Next Decade of Atomic Design (uxd)10,687
design, atomic-design
Transition To and From “display: none” With Upcoming CSS Capabilities (una)10,686
videos, css, transitions
The Best Way to Get nvm Working in CI/CD Systems10,685
nvm, ci-cd
Reducing the Cost of String Serialization in Node.js Core10,684
nodejs, strings, performance
Crafting the Next.js Website10,683
nextjs
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf10,682
nodejs, npm, nvm
Organizing a Web Design System for Scalability in Figma (uxd)10,681
design-systems, scalability, figma
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)10,680
design-debt, user-experience, metrics, economics
Figma, I Love You but You’re Bringing Me Down (uxd)10,679
figma
What’s New in Node.js 20 (cra)10,678
nodejs
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)10,677
accessibility, cookies, legal, privacy, user-experience
The “const” Deception (jos)10,676
javascript
Scoped CSS Is Back (kei)10,675
css, scope
npm vs. Yarn vs. pnpm10,674
npm, yarn, pnpm, comparisons
Goodbye “create-react-app”: A New Approach10,673
react
Frontend Web Performance Checklist10,672
performance, checklists
CSS Blend Modes10,671
css, blend-modes
Avoiding Dark Patterns in Web Design (boa/fro)10,670
dark-patterns, design