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

→ 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#
Node.js 20 Is Now Available! (nod)10,612
nodejs, release-notes
Kubernetes Quick Tutorial10,611
tutorials, kubernetes
How to Create an SEO Strategy (moz)10,610
how-tos, seo, strategies
DevTools: A Better Way to Visualize Your JavaScript10,609
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
8 Best Tools for Cryptography and Encryption (sta)10,608
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
Building a Static Site With Eleventy and Tailwind10,607
eleventy, tailwind
You Are What You Measure10,606
videos, metrics
What Is Design Thinking? (sma)10,605
design
Using a Muted Color Palette in Web Design (uxm)10,604
design, colors, color-palettes
It’s Very Likely That… (mat)10,603
html, semantics, buttons, modals
Firefox May Soon Reject Cookie Prompts Automatically10,602
cookies, legal, user-experience, mozilla, firefox
Deno vs. Node: No One Is Ready for the Move10,601
deno, nodejs, dependencies, comparisons
Business Impacts of UI Design and UX Design (uxm)10,600
design, economics
Answering “What ARIA Can I Use?” (w3c)10,599
accessibility, aria, browsers, screen-readers, assistive-tech, support
All About the Semantic Web10,598
semantic-web, concepts
A List of Programming Playgrounds (b0r)10,597
programming, link-lists, testing
How to Name Design Tokens in a Design System (uxd)10,596
how-tos, design-tokens, design-systems, naming
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)10,595
information-architecture, information-scent, usability, mistakes
The Acronyms of Rendering on the Web (whi)10,594
rendering, server-side-rendering, client-side-rendering, terminology
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)10,593
javascript, performance, plugins
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)10,592
css, media-queries, performance, sustainability
My Favorite Courses to Learn Microservices in Depth10,591
courses, training, microservices, link-lists
Exploring “:has()” Again (mic)10,590
css, selectors
Angular 16 Is Huge10,589
angular
Lessons of Design (fab/uxd)10,588
lessons, design
Dissecting npm Malware: Five Packages and Their Evil Install Scripts10,587
npm, security, malware
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)10,586
design, user-experience, research
What Are User Permissions? Concepts, Examples, and Maintenance10,585
permissions, authorization, concepts, examples
Web Accessibility: A Reference to Creating Inclusive Websites (sta)10,584
accessibility
The “details” Element Is Amazing (fon)10,583
html, disclosure-widgets
Ping Animation With Minimal CSS (ami)10,582
css, animations
Consume Web Streams From OpenAI Using Vanilla JavaScript10,581
videos, data-fetching, streaming, ai, openai, javascript
4 Ways to Create an Enum in JavaScript10,580
javascript
Embracing AI as a Material for Design (uxd)10,579
design, ai, content
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)10,578
videos, dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
The Pros and Cons of Different UI Automation Test Tools—Puppeteer10,577
automation, testing, puppeteer
Memory Allocation (sam)10,576
memory, programming, visualization
Costly CSS Properties and How to Optimize Them10,575
css, performance, optimization
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers10,574
accessibility, assistive-tech, screen-magnification
A History of the World Wide Web From 1989 to the Present Day10,573
history, web
11ty and Lit, a Match Made in Heaven for Simple Sites10,572
eleventy, web-components, lit
10 Best Sorting Algorithms Explained10,571
sorting, algorithms
Transparent Video for the Web in 2023 (cla)10,570
multimedia, transparency
Solving the CSS Layout and Source Order Disconnect (rac/dev)10,569
css, layout, source-order
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)10,568
videos, slides, accessibility, processes
Passkeys: What the Heck and Why? (css)10,567
security, passkeys
How to Work With Dates and Times in Vanilla JavaScript (cfe)10,566
how-tos, javascript
CSS: Tricks for Targeting Elements With CSS10,565
css, selectors, tips-and-tricks
Angular Is Back With a Vengeance (fir)10,564
videos, angular
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)10,563
figma, components, design, tips-and-tricks
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)10,562
browsers, mozilla, firefox, cookies, privacy
Understanding CSS Preload and Other Resource Hints (log)10,561
css, performance, hints, preloading
Shallow vs. Deep Copying in JavaScript10,560
javascript, comparisons
HTML Dark Mode (bt)10,559
html, dark-mode
HTML Accessibility API Mappings 1.0 (ste+/w3c)10,558
html, accessibility, apis
Expanding Grid Cards With View Transitions (chr)10,557
css, grids, view-transitions
Don’t Override Screen Reader Pronunciation (aar)10,556
accessibility, screen-readers, pronunciation
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience10,555
videos, accessibility, design-systems, dei, user-experience
A Designers Guide to the Principles of Web Design10,554
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Formulating Your Product Design North Star (aka Design Principles) (uxd)10,553
design, principles, processes
What’s a Basic Use Case for Cascade Layers in CSS? (chr)10,552
css, cascade, maintainability
Trying Node.js Test Runner (bah)10,551
nodejs, testing
The Performance Golden Rule Revisited (tka)10,550
performance, metrics
Temporal Intervals Are Handy in MySQL (ami)10,549
databases, mysql, time
React, Visualized10,548
introductions, react, visualization
New HTML Element: “search” (alv)10,547
html, semantics
Load Balancing (sam)10,546
load-balancing, performance, visualization, architecture
Document or Die: The Importance of Writing Things Down in Tech10,545
documentation, maintainability, link-lists
Building Pagination in React With React Paginate10,544
react, navigation, pagination
The Real Difference Between “useMemo” and “Memo” in React10,543
react, hooks, performance, examples
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup10,542
bundling, tooling, webpack, parcel, rollup, comparisons
Why Astro Is My Favorite Framework (mrt)10,541
astro, frameworks
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)10,540
css, dark-mode
CSS Text Balancing With “text-wrap: balance” (sha)10,539
css, typography
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide10,538
guides, career, learning
Choosing Humanity Over Automation (uxd)10,537
ai, design, automation
What’s New in CSS? (bra)10,536
slides, css
Understanding Apache Web Server Configuration10,535
servers, apache, configuration
Mastering Yarn’s Lifecycle With Hooks10,534
yarn, hooks
Boost Your JavaScript With JSDoc Typing10,533
javascript, typescript, documentation, jsdoc
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting10,532
zx, shell, command-line
Advancing Your Tech Skills (wom)10,531
career, learning
The Pattern to Make Your Frontend Tests 10× Better10,530
testing
Stream File Uploads to S3 Object Storage and Save Money (aus)10,529
aws, streaming, storage, economics
Programming-Language Popularity by GitHub Pull Requests (lem)10,528
studies, research, programming, comparisons, github, javascript, typescript
It’s Time to Learn OKLCH Color (kei)10,527
colors, oklch, css
DevTools: A Clever Overview of All Your CSS Code10,526
browsers, dev-tools, auditing, css, google, chrome
Chasing Rainbows (ver)10,525
accessibility, colors, color-blindness, user-experience
Unlocking the Power of Design Tokens to Create Dark Mode UI10,524
design-tokens, dark-mode
Frontend Developer Tries Tailwind for the First Time (zor/css)10,523
videos, tailwind, css
Establishing Metrics for Accessibility ROI (kar)10,522
accessibility, metrics, economics
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)10,521
web-components, css, scope, dom, shadow-dom, support
10 CSS Animation Tips and Tricks (kev)10,520
videos, css, animations, tips-and-tricks
What’s New in WCAG 2.2?10,519
accessibility, wcag, standards
The Death of JPEG-XL10,518
jpeg-xl, images
The Alt Text War—SEO vs. Accessibility10,517
accessibility, seo, images, writing, alt-text, comparisons
Release Notes for Safari Technology Preview 167 (jon/web)10,516
release-notes, browsers, apple, safari
Observing CSS10,515
css, javascript, monitoring
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript10,514
guides, javascript, memory, garbage-collection
Foundations: Accessible Names and Descriptions (tet)10,513
accessibility, fundamentals, naming, writing, aria
Designing for Reduced Motion10,512
accessibility, animations, reduced-motion, css, media-queries, javascript
Choosing a Name for Your Design System (bra)10,511
design-systems, naming
Can You Create Beautiful Stroked Text in CSS? (log)10,510
css, effects
7 Tips for Getting Started With Vue.js10,509
videos, vuejs, tips-and-tricks
What Makes a Good Screenshot? (llo/tpg)10,508
accessibility, images
What Is Semantic HTML?10,507
html, semantics
Understanding npm Versioning10,506
npm, dependencies, versioning, semver
The Revenge of the Pop-Up (ver)10,505
user-experience, anti-patterns, pop-ups
Testing Localhost on Multiple Devices (cit)10,504
testing, environments
New in Chrome 112 (tro/dev)10,503
release-notes, browsers, google, chrome
Code Explanation Using GitHub Copilot (ami)10,502
github-copilot, ai, learning
4 GitHub Alternatives for Code Repositories (sta)10,501
git, link-lists
So, How Can We Measure UX? (uxd)10,500
user-experience, metrics
What Is a Design System and Why Should You Use One? (uxm)10,499
design-systems
Slow Start and Congestion Control (Browser Networking)10,498
performance, protocols, tcp
Safari Releases Are Development Hell10,497
browsers, apple, safari, support
Quick Tip: Pull Data From an API Into a Figma Layer10,496
tips-and-tricks, apis, figma, design
JSON vs. XML With Douglas Crockford (dou)10,495
podcasts, interviews, json, xml, comparisons, history
How WebAssembly Is Accelerating New Web Functionality (dev)10,494
webassembly, functionality
Five Pieces of Advice for More Accessible Websites (cit)10,493
accessibility, html
Exposing Field Errors (aar)10,492
accessibility, forms, aria, assistive-tech, support
Copy to Clipboard in JavaScript and React10,491
javascript, react
Accessibility for Designers: Where Do I Start? (ste)10,490
accessibility, design, link-lists
A Small JavaScript Pattern I Enjoy Using (kil)10,489
javascript
A Color Wheel With Gradient (css)10,488
css, colors, gradients, effects, tips-and-tricks
Why Do They Ignore My Awesome Design Documentation?10,487
design, documentation
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)10,486
accessibility, contrast, colors
The Future of Senior Developers in an AI-Driven World (cod)10,485
career, ai, code-completion
Syntaxonomy—a Collection of Web Languages (ale)10,484
websites, training, learning, career, link-lists
Sticky Page Header Shadow on Scroll (hex)10,483
css, scrolling, shadows
Modern HTML Email (Tables No Longer Required) (oll)10,482
html, email, tables
7 Tricks to Take the Performance of Your Website to the Moon10,481
performance, minification, tree-shaking, tips-and-tricks
10 Ways to Hide Elements in CSS (cra)10,480
hiding, css, accessibility, performance
We Need Accessibility Action (yat)10,479
accessibility, web
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps10,478
guides, accessibility, testing, automation, ci-cd, react
Folder Structure for Modern Web Applications10,477
architecture, web-apps
Convert PNG to JPG Using FFmpeg (ama)10,476
images, png, jpeg, conversion, tooling
The Pros and Cons of Different UI Automation Test Tools—Playwright10,475
automation, testing, playwright
On-Page SEO Checklist: The Complete Task List for 2023 (sem)10,474
seo, checklists, html, semantics
New to the Web Platform in March (rac/dev)10,473
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)10,472
videos, ai, centering
DevTools: Getting Data From DevTools Into Your Code Editor10,471
dev-tools, browsers, code-editors
Alternative Text in the Wild: 5 Alternative Text Examples (pop)10,470
accessibility, writing, examples
A CSS Selector to Highlight Clickable Elements (seb)10,469
css, selectors
Clojure Transducers: Your Composable Data Pipelines (jan)10,468
clojure, functions
What Are Source Maps? (jec/dev)10,467
videos, debugging, javascript, source-maps
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (uxd)10,466
career, productivity, user-experience, design
XUL Layout Is Gone10,465
history, xul, browsers, mozilla, firefox
Why JavaScript Is a Prototype-Based OOP10,464
javascript, oop
Why I Quit Being a Tech “Influencer”10,463
career
One in Two New npm Packages Is SEO Spam Right Now10,462
npm, seo
CSS Masking (sha)10,461
css, masking
Checkered Background Using Two Lines of Code in CSS (ami+)10,460
backgrounds, css
AWS CloudFront Tutorial: Setup and Configuration10,459
tutorials, aws, cloudfront, content-delivery, configuration
Usability Heuristics in Game Design (uxd)10,458
usability, heuristics, design
Using PHP Arrays: A Guide for Beginners10,457
guides, php, arrays
The WebAIM Million (web)10,456
studies, research, accessibility, metrics
HTML: Help Users to Download Files With the HTML “download” Attribute10,455
html, attributes
How to Use Google Fonts and “font-display”10,454
how-tos, google, fonts, css
Framework Popularity on Netlify (sel/net)10,453
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
Flutter Performance Optimization Techniques and Best Practices10,452
flutter, performance, optimization, best-practices
CSS Nesting (fro)10,451
css, nesting, sass, comparisons
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)10,450
sustainability
Accessibility vs. Emojis (uxd)10,449
accessibility, emoji, unicode, comparisons
How to Write an Accessibility Statement (ger)10,448
how-tos, accessibility, documentation, writing
TypeScript Function Types: A Beginner’s Guide10,447
guides, typescript, functions
Meet Arc, a New Innovative Browser That Challenges Chrome10,446
browsers, arc, the-browser-company, google, chrome
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev)10,445
javascript, import-maps, browsers, support
In Praise of Vite (spa/clo)10,444
vite
Improving CSS Shapes With Trigonometric Functions (dan)10,443
css, shapes, functions
How to Split an Angular App Into Micro-Frontend Apps10,442
how-tos, angular, micro-frontends, web-apps
How to Review and Refactor Code With GPT-4 (and ChatGPT)10,441
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
Guardrails for Better Accessibility Support in Frontend (net)10,440
accessibility, quality, tooling
File Uploads for the Web: File Uploads in Node and Nuxt (aus)10,439
file-handling, nodejs, nuxt
Connecting Dots of an Accessibility Audit10,438
accessibility, auditing
10 AI Tools for Content Writing (sta)10,437
tooling, link-lists, content, writing, ai
Introduction to esbuild10,436
introductions, esbuild, bundling
Mastering the JavaScript “switch” Statement10,435
javascript
Getting Started With HTML Tables10,434
html, tables, introductions
Function Overloading in TypeScript10,433
typescript, functions
Fighting Inter-Component HTML Bloat (eli)10,432
components, html, semantics, quality
Defaulting on Single Page Applications (SPA) (zac)10,431
single-page-apps, javascript, performance
CSS Creator Håkon Wium Lie Interview10,430
interviews, css
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)10,429
ai, code-completion, productivity
A Quick Guide to Reviewing a VPAT ACR (kar)10,428
accessibility, vpat-acr, conformance, auditing
UX Principles for AI Products (uxd)10,427
user-experience, principles, ai
UX Basics: Study Guide (nng)10,426
guides, fundamentals, user-experience, training, link-lists
Using TypeScript Without Compilation (pas)10,425
typescript
Senior Engineering Strategies for Advanced React and TypeScript (tec)10,424
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance
Harnessing GPT-4 for Writing Assistance and Content Creation10,423
writing, content, social-media, ai
CSS-Only Widgets Are Inaccessible (aar)10,422
accessibility, css
Brief Introduction to Edge Computing10,421
introductions, edge-computing
Usability 101 (nng)10,420
videos, usability
The IL1 Typography Test (nng)10,419
videos, typography, legibility, user-experience, testing
WYSIWYGPT (cod)10,418
ai, career
What Is Strict Mode in React?10,417
react
The State of JS Frameworks (cfe/log)10,416
podcasts, javascript, frameworks, libraries
The “search” Element (sco)10,415
html, accessibility, semantics
The Landscape of npm Packages for CLI Apps10,414
nodejs, npm, dependencies, command-line
The Causes of Unreliable Software10,413
research, complexity, maintainability
CSS “overflow” Property10,412
css, overflow
What We’ve Learned About Designing for Accessibility From Our Users10,411
accessibility, design
The Ultimate Guide to Image Optimisation (fox/cal)10,410
guides, images, performance, compression, optimization
The Machines Won’t Save Your Design System (hey)10,409
design-systems, ai
Everything You Wanted to Know About Video Storage APIs10,408
multimedia, storage, apis
DevTools: Convert Network Requests to Code, or Even to a Terminal Command10,407
dev-tools, browsers, network, command-line
Circular Text With CSS? (jhe)10,406
css
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II10,405
accessibility, design, design-systems
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)10,404
guides, nodejs, event-loop, events
npx: The Easy Way to Run Node.js Packages10,403
nodejs, dependencies, npx
5 Lesser-Known Spacing Tips for Product Designers (uxd)10,402
design, spacing
Some Cross-Browser DevTools Features You Might Not Know (css)10,401
dev-tools, browsers, google, chrome, mozilla, firefox, apple, safari
Certifications Should Be Hard (kar)10,400
accessibility, career, training, learning
Automatic npm Publishing With GitHub Actions and npm Granular Tokens10,399
npm, github-actions, automation
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution10,398
semantic-web
With or Without the JS Framework (cit)10,397
javascript, frameworks, career
When Is “:focus-visible” Visible? (ire)10,396
accessibility, css, selectors
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)10,395
eleventy
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)10,394
hiding, accessibility, browsers, screen-readers, assistive-tech, css
The Carbon Cost of Social Media10,393
sustainability, social-media
That Time When SVG Almost Got Network Support for Raw Sockets10,392
svg, network, history
State of Node.js 2023 (jas+/thi)10,391
videos, nodejs
How to Start a React Project in 2023 (rwi)10,390
how-tos, react
File Uploads for the Web: Upload Files With JavaScript (aus)10,389
file-handling, javascript
Annotating Designs for Accessibility (int)10,388
videos, accessibility, design
Why We Added package.json Support to Deno (tin/den)10,387
deno, support, nodejs, npm
What Is Git Merge and How to Use It?10,386
git
The Intersection of Data Visualization and UX Design (uxm)10,385
information-design, user-experience, design
The End of Front-End Development (jos)10,384
outlooks, career, html
The Cost of Craft10,383
craft, quality, complexity, processes
The Age of Average10,382
design
The 5 Best Status Page Tools (sta)10,381
tooling, monitoring, alerting, link-lists
Rich Harris Talks SvelteKit and What’s Next for Svelte (ric+/the)10,380
interviews, svelte, sveltekit
Regression Testing in the Agile Universe (uxm)10,379
agile, processes, testing, regressions
Preventing Too-Short Final Lines of Text Blocks (ric)10,378
css, typography
CSS Is Dead! (alv)10,377
css
7 Ways Web Developers and UX Designers Can Collaborate (uxm)10,376
collaboration, processes
5 Ways to Modernize Your Web Application10,375
web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scalability
Time Zone Conversion With PHP10,374
php, time, conversion
Using “forRoot()” and “forChild()” in Angular10,373
angular
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)10,372
javascript, performance, bundling, npm
Laying Out a Print Book With CSS10,371
print, css
Introduction to Flutter: Getting Started With Cross-Platform Development10,370
introductions, flutter
Deep Dive Into How Web Browsers Work (With Illustrations)10,369
browsers, rendering, deep-dives
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language10,368
javascript
Time to Move on From Nunjucks? (bry)10,367
template-engines, nunjucks, webc, liquid, javascript
How to Stop a React Component From Rendering (ami)10,366
how-tos, react, components, client-side-rendering
Design System Guide (vit)10,365
guides, design-systems, link-lists
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?10,364
ssi
Responsive Columns Without Media Queries10,363
css, flexbox, layout, responsive-design
5 Tips for New Prototypers (nng)10,362
videos, prototyping, tips-and-tricks
The Problem With React10,361
react
Retro-Specifying Fetch/Performance (nom)10,360
standards, apis, data-fetching
How to Use “v-model” With Form Inputs in Vue10,359
how-tos, vuejs, forms
How Screen Readers Read Special Characters: An Update10,358
accessibility, screen-readers, support, unicode
Hijacking Screenreaders With CSS (ben/deq)10,357
videos, accessibility, screen-readers, css
Foundations: Pointer Gestures (gra/tpg)10,356
accessibility, fundamentals, usability
Everything You Need to Know About the Updated React Docs10,355
react, documentation
DevTools: Tricks for Copying the Styling From Any Website10,354
dev-tools, css, browsers, google, chrome
Cryptographically Protecting Your SPA10,353
single-page-apps, security, cryptography
It’s About Time CAPTCHAs Become Accessible (uxd)10,352
accessibility, captcha
Versioning Design Tokens10,351
design-tokens, versioning, maintainability
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+)10,350
github, foss, community
The Ultimate Guide to Micro-Content10,349
guides, content, microcontent
Scraping Single-Page Applications With Playwright (api)10,348
scraping, single-page-apps, playwright
JavaScript Polyfills10,347
javascript, polyfills
Internationalization in Next.js 13 With React Server Components (sma)10,346
internationalization, nextjs, react, components
DevTools: Faster Searching in DevTools With CSS Selectors10,345
dev-tools, css, selectors, browsers, google, chrome
Accessibility Beyond Code Compliance (aar)10,344
accessibility, compliance
Accessibility and Design Systems: The Deep-Dive Q&A10,343
interviews, accessibility, design-systems, deep-dives
What Are Webhooks and How Do They Work10,342
webhooks, apis
The H1 Conundrum: Understanding the Challenges of Heading Level One10,341
accessibility, semantics, headings, html
JavaScript for Beginners: Data Structures10,340
javascript, data-structures, arrays, objects
Git Fundamentals, a Complete Guide10,339
guides, git, fundamentals
Future CSS: Anchor Positioning (kiz)10,338
css, anchor-positioning, experiments
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (tra/evi)10,337
offline, browser-storage, web-apps
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg/dev)10,336
css
Useful Tips and Tricks for Laravel10,335
tips-and-tricks, laravel
Circling Back on Design and Everything Else (uxd)10,334
design
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)10,333
design, layout
VS Code vs. WebStorm: A Comparison for Newbies10,332
code-editors, microsoft, vs-code, jetbrains, webstorm, comparisons
TCP Echo Server for Node.js10,331
servers, nodejs, tcp
Progressively Enhancing a Table With a Web Component (ray)10,330
html, javascript, tables, web-components, progressive-enhancement
Modern Font Stacks10,329
websites, fonts, typography
JavaScript: Automatically Remove an Event Listener After It Has Executed10,328
javascript, events
How Design Is Governance10,327
design
Fix Color Contrast—Web Accessibility for Text and UI Design (pim)10,326
accessibility, colors, contrast
Advice From a Software Engineer With 8 Years of Experience10,325
career
Accepting Design (fab)10,324
design
16 Little UI Design Tips That Make a Big Impact10,323
design, tips-and-tricks, spacing, consistency, colors, contrast, fonts, typography
Why Aren’t Logical Properties Taking Over Everything? (chr)10,322
css, logical-properties, internationalization
What Is the Cost of Designing a Mobile App? (uxm)10,321
economics, mobile
The Ternary Operator in JavaScript (cfe)10,320
javascript, operators
Making Calendars With Accessibility and Internationalization in Mind (sto/css)10,319
functionality, accessibility, internationalization
Introduction to Offline First Web Applications10,318
videos, offline, web-apps
Best Practices for Structuring Accessibility Testing (tpg)10,317
accessibility, testing, best-practices
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm)10,316
design, mobile, tips-and-tricks
UX Strategy: Study Guide (nng)10,315
guides, user-experience, strategies, training, link-lists
We Don’t Need “.visually-hidden” (den)10,314
accessibility, css, semantics, quality
Create and Download Text Files Using JavaScript (ami)10,313
javascript
“content” Is Your Content?10,312
css, content, seo, accessibility, maintainability
From UX to Growth Design: 5 Principles to Multiply Your Value (uxd)10,311
user-experience, design, principles
Books You Can Read to Learn CSS10,310
books, learning, css
View Transitions API: Creating Smooth Page Transitions (sta)10,309
view-transitions, apis
The Ultimate Guide to Becoming a 10× Dev10,308
guides, productivity, career
Handling CSS Color Fonts With “font-palette” (sta)10,307
css, colors, fonts
“Design First, Then Build”: Let’s Bury This Myth Forevermore (rom/evi)10,306
design, processes, myths
Web Cookies With a Taste of Privacy (uxd)10,305
cookies, privacy, user-experience
Vue vs. React: Everything You Need to Know10,304
vuejs, react, comparisons
TypeScript’s Migration to Modules (dan/typ)10,303
typescript, modules, esm, commonjs, migrating
SPA View Transitions Land in Chrome 111 (jaf/dev)10,302
apis, view-transitions, release-notes, browsers, google, chrome
Selecting Previous Siblings With CSS “:has()”10,301
css, selectors
One Problem That Is Now Solved by CSS Subgrid10,300
css, grids, layout
File Uploads for the Web: Uploading Files With HTML (aus)10,299
file-handling, html
Exploring Bundling in Lightning CSS (log)10,298
css, minification, bundling, linting, lightning-css
Evolving Custom Sliders (sib/tpg)10,297
sliders, javascript, css
Craft vs. Industry: Separating Concerns (nac)10,296
quality, economics, maintainability, craft, comparisons
Cover All the Codebases: A Guide to Code Coverage Tools10,295
guides, code-coverage, testing, tooling, link-lists
Building Complex Forms in Vue (sma)10,294
forms, vuejs
All JavaScript and TypeScript Features From the Last 3 Years10,293
javascript, typescript, history
Tackling Design Debt in Product10,292
podcasts, design-debt, product-management
Static Site Generators: What’s Trending Right Now (sta)10,291
static-site-generation, site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use (hdv)10,290
accessibility, components
I No Longer Understand “prefers-contrast” (kil)10,289
css, media-queries
How to Fix: Child Stylesheet Loading Twice (WordPress) (sta)10,288
how-tos, wordpress, php
CSS Nesting (arg/dev)10,287
css, nesting
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (sto/css)10,286
css, functions
ChatGPT and Me (a Recruiter) (vig)10,285
ai, chatgpt, career, interviewing
As a User, I Don’t Want To (pav/uxd)10,284
product-management, agile, user-experience
Quick Tip: How to Cache Data in PHP10,283
how-tos, php, caching, tips-and-tricks
Zebra Stripe Lines of Text Even When They Wrap (chr)10,282
css
Change Favicon on Switching Browser Tabs in JavaScript (ami)10,281
images, favicons, javascript
An End to Typographic Widows on the Web (ric)10,280
typography, css
2023 Web Framework Performance Report (ast)10,279
frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
What Value Does Developer Relations Bring to Other Teams?10,278
developer-relations, processes
The AI Future of Frontend Development (hcr)10,277
ai, career
Managing Fonts in WordPress Block Themes (css)10,276
fonts, wordpress, theming
HTML Garden10,275
websites, html, art
Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond10,274
flutter, best-practices
ARIA Live Regions for JavaScript Frameworks (its/log)10,273
accessibility, aria, live-regions, javascript, frameworks
A Tab Interface Before Its Time (aar)10,272
html, components
The Anatomy of a Good Design: An Analysis of 4 Sites (nng)10,271
design
Balanced Text Wrapping Is Coming to CSS (ami)10,270
css, typography
50.1% Empty Links (mat)10,269
accessibility, html, links, semantics, seo
10 Helpful JavaScript Utility Functions10,268
javascript, functions
The Cost of Architectural Complexity10,267
research, architecture, complexity, economics
Optimising Large Contentful Paint (css/btc)10,266
videos, performance, web-vitals, optimization
Making the Case for Signals in JavaScript (rya/thi)10,265
javascript, signals
Continuous Growth Is Cancer (cod)10,264
economics, career
Client-Side JavaScript and React Criticism: What Comes Next? (mol)10,263
javascript, react, accessibility, performance, resilience, progressive-enhancement
AI-Generated Git Commit Messages10,262
ai, git, automation, commit-messages
The Art of Unlearning (uxd)10,261
learning, design
Toolkit Tuesday: Using YouTube for Captions and Transcripts (kno)10,260
videos, accessibility, captions, youtube
Signals in Angular: The Future of Change Detection10,259
angular, signals
Responsive Headlines Are About to Get Awesome (tyl/clo)10,258
css, headings, typography, responsive-design
Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (sma)10,257
case-studies, vuejs, migrating, headless, content-management
Introduction to UIkit10,256
introductions, uikit
Everything You Need to Know About the Gap After the List Marker (sim/css)10,255
lists, css
Are You Making These Five Mistakes When Writing Alt Text?10,254
accessibility, writing, alt-text, images, mistakes
Why You Need to Code Every Day When You’re Learning to Program10,253
programming, processes, learning
You Don’t Need a Build Step (den)10,252
building, tooling, deno
What Is Hoisting in JavaScript? (fro)10,251
javascript, scope, concepts
Unlocking SVG’s Superpowers (btc)10,250
videos, svg, images
Throttle Your CPU (pat/dev)10,249
browsers, dev-tools, testing, throttling
The WebAIM Strategic Accessibility Framework (web)10,248
accessibility, webaim, strategies
The Web Needs a Native “.visually-hidden” (ben)10,247
css, accessibility
Tether Elements to Each Other With CSS Anchor Positioning (jhe/dev)10,246
css, anchor-positioning, focus, apis, examples
Relative Rounded Corners (bel)10,245
html, css
React vs. Signals: 10 Years Later (rya/thi)10,244
react, signals, javascript, comparisons, retrospectives
Learn How to Set Up a CI/CD Pipeline From Scratch10,243
how-tos, ci-cd
How We Built Our Multi-Platform Design System at Booking.com10,242
case-studies, design-systems, theming, scalability
Declarative Design (ada/btc)10,241
videos, design
Announcing TypeScript 5.0 RC (dan/typ)10,240
typescript, release-notes
Accessible but Never Boring: Rebranding the Wise Design System for Everyone10,239
accessibility, design, design-systems
A Native “Visually Hidden” in CSS? Yes Please! (mic)10,238
hiding, accessibility, browsers, screen-readers, assistive-tech, css
A Beginner’s Guide to Manual Accessibility Testing (pop)10,237
guides, accessibility, testing
Tips for Handling Dependabot, CodeQL, and Secret Scanning Alerts10,236
security, alerting, dependabot, tips-and-tricks
Are You Testing to Test, or Testing to Prove? (uxd)10,235
testing, processes
How People Read Online (uxd)10,234
accessibility, content, readability, user-experience
Quick Tip: How to Handle Exceptions in PHP10,233
how-tos, tips-and-tricks, php, errors
Without Accessibility, There Is No Privacy or Security10,232
accessibility, privacy, security
What Is “ref()” in Vue?10,231
vuejs
The Seven Archetypes of Organizational Topologies10,230
processes, agile
Ten Tips for Better CSS Transitions and Animations (col)10,229
css, transitions, animations, tips-and-tricks
Could We Make the Web More Immersive Using a Simple Optical Illusion?10,228
experiments, user-experience, spatial-web
Conformance and Accessibility (j9t)10,227
accessibility, conformance, quality
Animated Gradient Text in CSS (ami)10,226
css, animations, gradients
The Ultimate Guide to Web Development Tools (sta)10,225
guides, tooling, link-lists
The Evolution of Signals in JavaScript (rya/thi)10,224
javascript, signals
The Coolest JavaScript Features From the Last 5 Years10,223
javascript, retrospectives
Simplified Dark Mode With Style Queries (5t3)10,222
css, container-queries, dark-mode
On Container Queries, Responsive Images, and JPEG-XL (gri/clo)10,221
css, container-queries, images, responsive-design, jpeg-xl
Introduction to Ghost CMS10,220
introductions, ghost, content-management
A Guide to CSS “object-view-box” (log)10,219
guides, css
A Guide to Accessible Form Validation (san/sma)10,218
guides, forms, validation, accessibility, user-experience
Designers, Use Your intuition (uxd)10,217
design, collaboration
Dithering Images With React/JavaScript10,216
images, dithering, react, javascript
Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (ami)10,215
tailwind, css, dev-tools, chrome, google, browsers, testing
22 Useful CSS Tips and Tricks Every Developer Should Know10,214
css, tips-and-tricks
Process CSS or Sass With Lightning CSS (5t3)10,213
eleventy, css, sass, lightning-css, preprocessors, postprocessors
Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs10,212
javascript, debugging, tooling, techniques
Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook10,211
guides, vuejs, vuetify, storybook
Learn CSS Positioning (sha)10,210
css, positioning, layout
Is It Time to Replace Sass? (5t3)10,209
sass, lightning-css, preprocessors
How to Style Your Alt Text (ede)10,208
how-tos, css, accessibility, alt-text, images
How to Contribute to a Project You Have No Idea About10,207
how-tos, foss, processes, community
CSS Animation Libraries: 10 Popular Choices (sta)10,206
css, animations, libraries, link-lists
Crawl Weather Using Cypress (bah)10,205
testing, cypress
Automatic Tag-Based Article Suggestions for Blogs and Astro Websites (nma)10,204
blogging, astro, automation, functionality
3 Common Antipersonas in UX (nng)10,203
videos, user-experience, personas
You Have the Users You Have (nng)10,202
videos, usability, user-experience
The JavaScript Site Generator Review, 2023 (zac)10,201
site-generators, performance, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
Prepare for Chrome’s User Agent [String] Reduction (dev)10,200
videos, browsers, google, chrome, feature-detection
In-Depth Guide to CSS Logical Properties (zor/css)10,199
videos, guides, css, logical-properties
Getting Started With Style Queries (una/dev)10,198
css, container-queries, introductions
Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (mni)10,197
accessibility
Privacy Principles (rob+/w3c)10,196
privacy, principles
Node.js Toolbox10,195
websites, nodejs, packages, dependencies
Investing in RSS (tka)10,194
rss, syndication
Experiments With the JavaScript Garbage Collector10,193
javascript, garbage-collection, experiments
All About Promises in JavaScript10,192
javascript, promises
7 Essential React Libraries for Front-End Web Development10,191
react, libraries, link-lists
16 Best CSS Books for Beginners and Advanced Coders10,190
books, css, link-lists
When JavaScript Fails (jas)10,189
javascript
The State of Node.js Core (cji/thi)10,188
videos, nodejs
Where Does Developer Relations Belong in an Organization?10,187
developer-relations, processes
What Framework Should I Use? (cfe)10,186
frameworks
Understanding the Difference Between Props and State in React10,185
react, props, state-management, comparisons
Understanding Easing and Cubic Bézier Curves in CSS (col)10,184
css, transitions, animations
Thoughts on Dev Rel in the Post-Twitter Era10,183
developer-relations, social-media, community
The Page With No Code (chr)10,182
minimalism, http, css
The Importance of Adding Accessibility Design Reviews to the Design Process10,181
accessibility, design, processes
The Great Gaslighting of the JavaScript Era (jar)10,180
javascript, frameworks, web-platform
Open Captions vs. Closed Captions: What’s the Difference?10,179
accessibility, captions, comparisons
Learn Privacy (sil/dev)10,178
courses, privacy
How to Handle Date and Time With JavaScript (sta)10,177
how-tos, time, javascript
How Shadow DOM and Accessibility Are in Conflict (sun/iga)10,176
accessibility, shadow-dom, aria
Fingerprinting (dev)10,175
fingerprinting, privacy, browsers
Automatic Captions: Our Experiments and Best Practices (equ)10,174
accessibility, captions, best-practices, automation
“Make It Easier” Is Not a Product Strategy (pav/uxd)10,173
user-experience, product-management, strategies
Updating a Design System (uxd)10,172
design-systems, maintenance
Ethical Alternatives to Revenue-Generating Deceptive Patterns (uxd)10,171
ethics, dark-patterns, monetization, user-experience
Surviving Design Systems10,170
design-systems
The Rise and Fall of Ext JS—a Long Overdue Reply and Apology10,169
extjs
“(255,255,255)” Is the Highest Specificity (bra)10,168
css, selectors, cascade
Quick Tip: How to Trim Whitespace With PHP10,167
how-tos, tips-and-tricks, whitespace, php
Use the Child-Element Count in CSS (kev)10,166
css, selectors
Understanding the Cost of Not Being Accessible (kar)10,165
accessibility, economics
The State of JS Frameworks (rya+)10,164
podcasts, javascript, frameworks
Style File Selector Button Using CSS (ami)10,163
buttons, css
React Libraries for 2023 (rwi)10,162
react, libraries, link-lists
Not Everyone Uses a Computer in the Same Way That You Do (hdv)10,161
videos, accessibility
Learn All About Node.js Worker Threads With Examples10,160
nodejs, worker-threads, examples
Design Systems in the Time of AI (bra)10,159
design-systems, ai
ARIA vs. HTML (aar)10,158
accessibility, html, aria, semantics, comparisons
5 Super Useful CSS Properties That Don’t Get Enough Attention (kev)10,157
videos, css
Component Specifications10,156
design-systems, components, documentation
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen)10,155
css, images, aspect-ratio
SSL Certificates Explained10,154
videos, certificates, ssl, protocols, security
Last Baseline Alignment (rac/dev)10,153
css, layout, support, browsers
Keys to an Accessibility Mindset (sma)10,152
accessibility, design
Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (eli)10,151
accessibility, dei, processes
How to Password-Protect a Static HTML Page With No JS (ede)10,150
how-tos, security, css, fonts
How to Cheat at CSS (des)10,149
how-tos, css, frameworks, overviews, link-lists
Create a Rainbow-Coloured List With “:nth-of-type()” (rac)10,148
lists, css, selectors, colors
Avoid Spanning Table Headers (aar)10,147
accessibility, assistive-tech, html, tables
Arranging Diamond Tiles in a Grid (ran)10,146
css, grids, layout
All About Iterative Design (uxm)10,145
design, processes
The Spirit of CSS-Tricks Is Now Gone (zel)10,144
community, learning
Representation of Style (ste)10,143
html, semantics
My CSS Wishlist 2023 (5t3)10,142
css, wish-lists
Do We Need CSS “flex-wrap” Detection? (sha)10,141
css, flexbox, layout
Top Ten Popular Static Site Generators (SSG) in 202310,140
static-site-generation, site-generators, comparisons, jekyll, eleventy, hugo, gatsby, nextjs, nuxt, link-lists
To Sketch or Not to Sketch? (uxd)10,139
design, ai
CSS Through the Ages10,138
css, history
Don’t Use 403s or 404s for Rate Limiting10,137
seo, http
Encapsulating CSS With Shadow DOM10,136
shadow-dom, dom, css, javascript
Software Accessibility for Users With Attention Deficit Disorder (ADHD) (uxd)10,135
accessibility
Using Node Watch Instead of Nodemon10,134
nodejs, tooling
Unlocking the Power of Design to Help Users Make Smart Decisions (web)10,133
design, tips-and-tricks
Resizing With CSS (mic)10,132
css, resizing
If You’re Going to Do a Job, Do It Properly (tem)10,131
accessibility, css
How to Build Offline Web Applications10,130
how-tos, offline, web-apps
Declarative Shadow DOM (dev+/dev)10,129
shadow-dom, dom, html
A Step-by-Step Guide to Building Accessible Carousels (swe/sma)10,128
guides, carousels, accessibility, html, user-experience
Writing JavaScript Without a Build System (b0r)10,127
javascript, building
What to Expect From Vue in 2023 and How It Differs From React (ric/the)10,126
vuejs, react, comparisons
The Return to the Office Could Be the Real Reason for the Slump in Productivity10,125
productivity
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)10,124
accessibility, screen-readers, semantics, html
Scaling Accessibility Through Design Systems (ste+)10,123
videos, design-systems, accessibility, scalability
PHP Wishlist: The Pipe Operator (seb)10,122
php, wish-lists
My 2023 CSS Wishlist (jim)10,121
css, wish-lists
Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (bka+/iga)10,120
videos, web-platform, browsers, economics
How to Use WebSockets in a Redux Application10,119
how-tos, websockets, redux, react
How to Use View Transitions in Hotwire Turbo10,118
how-tos, css, view-transitions, hotwire
ChatGPT Can Write Good CSS? (zor/css)10,117
videos, ai, chatgpt, css
Buttons, Links, and Focus (tem)10,116
accessibility, semantics, buttons, links, focus
Building an Animated SVG Logo With animejs10,115
svg, images, logos, animations, vuejs
The User Activation API (mar/web)10,114
apis, javascript
Some of the Future Is Now for CSS: A Postscript (bry)10,113
css