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

Frontend Dogma

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#
Scroll-Driven Animations (bra)10,811
websites, scrolling, animations
I’m Done With React10,810
videos, react
HTTP/1 vs. HTTP/2 vs. HTTP/310,809
http, protocols, comparisons
htmx Is the Future10,808
htmx, outlooks
How “:not()” Chains Multiple Selectors (mdn)10,807
css, selectors
CSS Logical Properties: A Good Use Case (wes)10,806
videos, css, logical-properties
The Frontend Cloud Advantage10,805
cloud-computing
Using Go for Front End Development10,804
go
React Testing Library and Accessibility10,803
react, testing, libraries, accessibility, automation
How Do You Declare Namespace in JavaScript?10,802
javascript, namespaces
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)10,801
github, github-actions, automation, nodejs
Code Coverage vs. Test Coverage10,800
code-coverage, testing, quality, comparisons
An Introduction to the “:has()” Selector in CSS (5t3)10,799
introductions, css, selectors
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)10,798
performance, web-vitals, best-practices
Security Implications of HTTP Response Headers10,797
security, http, http-headers
How to Make a CSS-Only Hamburger Menu10,796
how-tos, css, navigation
Where Would You Take the W3C? (rob)10,795
discussions, w3c
The Latest Innovations in Drupal10,794
drupal
The Intersectionality of Web Performance (ada)10,793
performance, sustainability, dei
Release Notes for Safari Technology Preview 169 (jon/web)10,792
release-notes, browsers, apple, safari
Make Your Website Load Fast by Optimizing Request Priorities (deb)10,791
performance, optimization, network
How to Write More Efficient JavaScript Conditions (fre)10,790
how-tos, javascript, efficiency
Don’t Use Custom CSS Scrollbars (eri)10,789
css, scrolling
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It10,788
accessibility, training
DevEx: What Actually Drives Productivity (acm)10,787
developer-experience, productivity, metrics
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)10,786
events, javascript
Angular v16 Is Here (mge/ang)10,785
angular, release-notes
7 Practical CSS Typography Tips and Tricks (zor/css)10,784
videos, css, typography, tips-and-tricks
Things Considered Harmful (bre)10,783
php, laravel
A/B Testing: A Primer10,782
introductions, testing, metrics, optimization
The Native Way to Configure Path Aliases in Frontend Projects10,781
javascript, nodejs, esm, commonjs, tooling, aliases
Why “font-size” Must Never Be in Pixels10,780
css, units, accessibility, responsive-design
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)10,779
videos, css, transitions, tips-and-tricks
SupportsCSS (5t3)10,778
websites, tooling, css, support
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)10,777
accessibility, focus, aria, html
Load Websites Faster With Code Splitting10,776
performance, code-splitting, react
How to Get Started With NodeJS—a Handbook for Beginners (fre)10,775
introductions, guides, nodejs
Do Logical Properties Make CSS Easier to Learn? (chr)10,774
css, logical-properties, learning
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?10,773
foss, community, github
CSS Naked Day and the Missing Wikipedia Page (j9t)10,772
css, awareness-days
Creating an Animated Gradient Border With CSS10,771
css, animations, gradients, borders
An Update on the Lock Icon (ser+/dev)10,770
browsers, google, chrome
A Radical Proposal: Put UX Research in Charge10,769
user-experience, research, product-management, strategies
A Complete Guide to Performance Budgets (spe)10,768
guides, performance, performance-budgets, metrics
3 Engineering Mistakes That Kill Startups10,767
mistakes, architecture
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)10,766
hiring, dei
What’s New in Svelte: May 2023 (sve)10,765
release-notes, svelte, sveltekit
This Blog Is Hosted on My Android Phone10,764
websites, hosting, mobile
Testing Feature Support for Modern CSS (5t3)10,763
css, feature-detection, support
Tailwind CSS vs. UnoCSS10,762
tailwind, unocss, css, frameworks, comparisons
“:root” Isn’t Global (kil)10,761
css
Qwik Reaches v1.0 (bui)10,760
release-notes, qwik
Practical Guide to Not Blocking the Event Loop10,759
guides, javascript, event-loop, events, performance
CSS Wishlist 2023 (ell)10,758
css, wish-lists
Configuring ESLint, Prettier, and TypeScript Together (jos)10,757
eslint, prettier, linting, formatting, tooling, typescript, configuration
CDNs: Speed Up Performance by Reducing Latency (aus)10,756
content-delivery, performance
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)10,755
foss, content, career
Two Underused Arguments for Writing Documentation (j9t)10,754
writing, documentation, career
My Favorite Free Courses to Learn JavaScript in Depth10,753
courses, javascript, training, link-lists
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)10,752
web, web-platform, standards, foss, history, anniversaries
The Popover API Is Exciting, Sort Of (mrt)10,751
apis, pop-overs
Dark Mode in 3 Lines of CSS and Other Adventures (sto)10,750
css, dark-mode
Information Architecture (IA) and Sitemap: Simple and Easy to Understand10,749
information-architecture, sitemaps, best-practices
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)10,748
css, javascript, functions, quality
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)10,747
css, refactoring, maintenance, optimization
New to the Web Platform in April (rac/dev)10,746
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
JS Private Class Fields Considered Harmful (lea)10,745
javascript
Everything You Need to Know About Webpack’s Bundle Analyzer10,744
webpack, bundling, tooling
Animating the Impossible (btc)10,743
videos, animations, transitions
A Beginner’s Introduction to the Most Common Data Types in Programming10,742
introductions, types, programming
Writing Unit Tests in Node.js Using Jest10,741
testing, nodejs, jest
What Is the Value of a Design System? (zer)10,740
design-systems
Typography for Everyone (tob/btc)10,739
videos, fonts, typography
The Most Underrated Section of Design Portfolios10,738
design, career
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)10,737
accessibility, communication, advocacy, processes
Modern CSS Layout Is Awesome! (mic/btc)10,736
videos, css, layout
How to Manage Design Tokens10,735
how-tos, design-tokens, maintenance
How to Deep Merge Arrays and Objects With JavaScript (cfe)10,734
how-tos, javascript, arrays, objects
Accessible Target Sizes Cheatsheet (vit/sma)10,733
accessibility, user-experience
Structure and Interpretation of Flutter (win)10,732
flutter, dart
The Most Important Thing Productivity Tools Are Missing About AI (uxd)10,731
tooling, productivity, ai
What Is the QUIC Protocol?10,730
protocols, quic
The Interactive Guide to Rendering in React10,729
guides, client-side-rendering, react
Discovering the Power of JavaScript Proxy After All This Time10,728
javascript
Adding Motion to the Next Decade of Atomic Design (uxd)10,727
design, atomic-design
Transition To and From “display: none” With Upcoming CSS Capabilities (una)10,726
videos, css, transitions
The Best Way to Get nvm Working in CI/CD Systems10,725
nvm, ci-cd
Reducing the Cost of String Serialization in Node.js Core10,724
nodejs, strings, performance
Crafting the Next.js Website10,723
nextjs
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf10,722
nodejs, npm, nvm
Organizing a Web Design System for Scalability in Figma (uxd)10,721
design-systems, scalability, figma
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)10,720
design-debt, user-experience, metrics, economics
Figma, I Love You but You’re Bringing Me Down (uxd)10,719
figma
What’s New in Node.js 20 (cra)10,718
nodejs
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)10,717
accessibility, cookies, legal, privacy, user-experience
The “const” Deception (jos)10,716
javascript
Scoped CSS Is Back (kei)10,715
css, scope
npm vs. Yarn vs. pnpm10,714
npm, yarn, pnpm, comparisons
Goodbye “create-react-app”: A New Approach10,713
react
Frontend Web Performance Checklist10,712
performance, checklists
CSS Blend Modes10,711
css, blend-modes
Avoiding Dark Patterns in Web Design (boa/fro)10,710
dark-patterns, design
Automating Dependency Updates: The Big Debate10,709
dependencies, automation, ci-cd, security
The Case Against Automatic Dependency Updates (ben)10,708
dependencies, automation, ci-cd, maintenance, security
Transitioning to Height Auto (Two Ways) (kei)10,707
css
“The Secret List of Websites” (chr)10,706
ai, web, content
The Effects of Technical Debt on Morale10,705
research, technical-debt, productivity
Meeting WCAG Level AAA (pat/tet)10,704
accessibility, wcag, conformance, standards
How to Write Comments in React: The Good, the Bad, and the Ugly10,703
how-tos, react, comments
Exploring the Potential of Web Workers for Multithreading on the Web (sma)10,702
web-workers, multithreading, performance, javascript
“details”/“summary” Inconsistencies (mat)10,701
html, disclosure-widgets, browsers, assistive-tech, support
Dark Mode Toggle and “prefers-color-scheme”10,700
dark-mode, toggles, css
Considering Content Warnings in HTML (aar)10,699
html, content, dei
Designing and Coding for Voice10,698
accessibility, voice
System Design Blueprint: The Ultimate Guide (zon)10,697
guides, cheat-sheets, architecture, system-design, principles
Upgrading Our CSS Habits: “aspect-ratio” (cod)10,696
css, aspect-ratio
This Website Is Under Construction, a Love Letter to the Personal Website (btc)10,695
videos, web, web-platform
Spinning Diagrams With CSS (har)10,694
css, animations
Read-Only Web Apps (ada)10,693
javascript, progressive-enhancement
CSS Custom Properties Beyond the “:root” (mat)10,692
css, custom-properties, semantics
5 Topics You Should Touch on During the Recruitment Process10,691
interviewing, career, processes
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)10,690
career, outlooks
Visually Accessible Data Visualization10,689
accessibility, information-design
Why Is Scrum the Most Popular Agile Framework?10,688
scrum, agile, processes
Using HTML Elements as CSS Masks10,687
css
Release Notes for Safari Technology Preview 168 (jon/web)10,686
release-notes, browsers, apple, safari
Productivity and Well-Being: A Summary of What Works10,685
productivity, career
Introduction to Web Animations With GSAP10,684
introductions, animations, javascript, gsap
Introducing npm Package Provenance (git)10,683
introductions, github, npm, provenance, security, foss
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)10,682
videos, introductions, performance, dev-tools, browsers, google, chrome
Generating Provenance Statements10,681
npm, provenance, security
Browser Rendering: What Happens Behind the Scenes (fro)10,680
browsers, rendering, browser-engines, parsing, painting, dom, cssom
5 Code Refactoring Techniques to Improve Your Code10,679
refactoring, maintenance, techniques
Container Query Units and Fluid Typography (5t3)10,678
css, container-queries, typography, liquid-design
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)10,677
accessibility, multimedia, experiments
10 Common Mistakes in Angular Development10,676
angular, mistakes, best-practices
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?10,675
how-tos, aws, cloudfront, caching
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store10,674
liquid, shopify, customization, tips-and-tricks
What’s New in ECMAScript 2023 (paw)10,673
ecmascript, standards
The Three Browser Storage Mechanisms10,672
browser-storage, cookies, comparisons
Signals: Fine-Grained Reactivity for JavaScript Frameworks10,671
javascript, reactivity, signals, frameworks
Node.js 20 Is Now Available! (nod)10,670
nodejs, release-notes
Kubernetes Quick Tutorial10,669
tutorials, kubernetes
How to Create an SEO Strategy (moz)10,668
how-tos, seo, strategies
DevTools: A Better Way to Visualize Your JavaScript10,667
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
8 Best Tools for Cryptography and Encryption (sta)10,666
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
Building a Static Site With Eleventy and Tailwind10,665
eleventy, tailwind
You Are What You Measure10,664
videos, metrics
What Is Design Thinking? (sma)10,663
design
Using a Muted Color Palette in Web Design (uxm)10,662
design, colors, color-palettes
It’s Very Likely That… (mat)10,661
html, semantics, buttons, modals
Firefox May Soon Reject Cookie Prompts Automatically10,660
cookies, legal, user-experience, mozilla, firefox
Deno vs. Node: No One Is Ready for the Move10,659
deno, nodejs, dependencies, comparisons
Business Impacts of UI Design and UX Design (uxm)10,658
design, economics
Answering “What ARIA Can I Use?” (w3c)10,657
accessibility, aria, browsers, screen-readers, assistive-tech, support
All About the Semantic Web10,656
semantic-web, concepts
A List of Programming Playgrounds (b0r)10,655
programming, link-lists, testing
How to Name Design Tokens in a Design System (uxd)10,654
how-tos, design-tokens, design-systems, naming
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)10,653
information-architecture, information-scent, usability, mistakes
The Acronyms of Rendering on the Web (whi)10,652
rendering, server-side-rendering, client-side-rendering, terminology
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)10,651
javascript, performance, plugins
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)10,650
css, media-queries, performance, sustainability
My Favorite Courses to Learn Microservices in Depth10,649
courses, training, microservices, link-lists
Exploring “:has()” Again (mic)10,648
css, selectors
Angular 16 Is Huge10,647
angular
Lessons of Design (fab/uxd)10,646
lessons, design
Dissecting npm Malware: Five Packages and Their Evil Install Scripts10,645
npm, security, malware
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)10,644
design, user-experience, research
What Are User Permissions? Concepts, Examples, and Maintenance10,643
permissions, authorization, concepts, examples
Web Accessibility: A Reference to Creating Inclusive Websites (sta)10,642
accessibility
The “details” Element Is Amazing (fon)10,641
html, disclosure-widgets
Ping Animation With Minimal CSS (ami)10,640
css, animations
Consume Web Streams From OpenAI Using Vanilla JavaScript10,639
videos, data-fetching, streaming, ai, openai, javascript
4 Ways to Create an Enum in JavaScript10,638
javascript
Embracing AI as a Material for Design (uxd)10,637
design, ai, content
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)10,636
videos, dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
The Pros and Cons of Different UI Automation Test Tools—Puppeteer10,635
automation, testing, puppeteer
Memory Allocation (sam)10,634
memory, programming, visualization
Costly CSS Properties and How to Optimize Them10,633
css, performance, optimization
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers10,632
accessibility, assistive-tech, screen-magnification
A History of the World Wide Web From 1989 to the Present Day10,631
history, web
11ty and Lit, a Match Made in Heaven for Simple Sites10,630
eleventy, web-components, lit
10 Best Sorting Algorithms Explained10,629
sorting, algorithms
Transparent Video for the Web in 2023 (cla)10,628
multimedia, transparency
Solving the CSS Layout and Source Order Disconnect (rac/dev)10,627
css, layout, source-order
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)10,626
videos, slides, accessibility, processes
Passkeys: What the Heck and Why? (css)10,625
security, passkeys
How to Work With Dates and Times in Vanilla JavaScript (cfe)10,624
how-tos, javascript
CSS: Tricks for Targeting Elements With CSS10,623
css, selectors, tips-and-tricks
Angular Is Back With a Vengeance (fir)10,622
videos, angular
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)10,621
figma, components, design, tips-and-tricks
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)10,620
browsers, mozilla, firefox, cookies, privacy
Understanding CSS Preload and Other Resource Hints (log)10,619
css, performance, hints, preloading
Shallow vs. Deep Copying in JavaScript10,618
javascript, comparisons
HTML Dark Mode (bt)10,617
html, dark-mode
HTML Accessibility API Mappings 1.0 (ste+/w3c)10,616
html, accessibility, apis
Expanding Grid Cards With View Transitions (chr)10,615
css, grids, view-transitions
Don’t Override Screen Reader Pronunciation (aar)10,614
accessibility, screen-readers, pronunciation
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience10,613
videos, accessibility, design-systems, dei, user-experience
A Designers Guide to the Principles of Web Design10,612
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Formulating Your Product Design North Star (aka Design Principles) (uxd)10,611
design, principles, processes
What’s a Basic Use Case for Cascade Layers in CSS? (chr)10,610
css, cascade, maintainability
Trying Node.js Test Runner (bah)10,609
nodejs, testing
The Performance Golden Rule Revisited (tka)10,608
performance, metrics
Temporal Intervals Are Handy in MySQL (ami)10,607
databases, mysql, time
React, Visualized10,606
introductions, react, visualization
New HTML Element: “search” (alv)10,605
html, semantics
Load Balancing (sam)10,604
load-balancing, performance, visualization, architecture
Document or Die: The Importance of Writing Things Down in Tech10,603
documentation, maintainability, link-lists
Building Pagination in React With React Paginate10,602
react, navigation, pagination
The Real Difference Between “useMemo” and “Memo” in React10,601
react, hooks, performance, examples
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup10,600
bundling, tooling, webpack, parcel, rollup, comparisons
Why Astro Is My Favorite Framework (mrt)10,599
astro, frameworks
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)10,598
css, dark-mode
CSS Text Balancing With “text-wrap: balance” (sha)10,597
css, typography
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide10,596
guides, career, learning
Choosing Humanity Over Automation (uxd)10,595
ai, design, automation
What’s New in CSS? (bra)10,594
slides, css
Understanding Apache Web Server Configuration10,593
servers, apache, configuration
Mastering Yarn’s Lifecycle With Hooks10,592
yarn, hooks
Boost Your JavaScript With JSDoc Typing10,591
javascript, typescript, documentation, jsdoc
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting10,590
zx, shell, command-line
Advancing Your Tech Skills (wom)10,589
career, learning
The Pattern to Make Your Frontend Tests 10× Better10,588
testing
Stream File Uploads to S3 Object Storage and Save Money (aus)10,587
aws, streaming, storage, economics
Programming-Language Popularity by GitHub Pull Requests (lem)10,586
studies, research, programming, comparisons, github, javascript, typescript
It’s Time to Learn OKLCH Color (kei)10,585
colors, oklch, css
DevTools: A Clever Overview of All Your CSS Code10,584
browsers, dev-tools, auditing, css, google, chrome
Chasing Rainbows (ver)10,583
accessibility, colors, color-blindness, user-experience
Unlocking the Power of Design Tokens to Create Dark Mode UI10,582
design-tokens, dark-mode
Frontend Developer Tries Tailwind for the First Time (zor/css)10,581
videos, tailwind, css
Establishing Metrics for Accessibility ROI (kar)10,580
accessibility, metrics, economics
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)10,579
web-components, css, scope, dom, shadow-dom, support
10 CSS Animation Tips and Tricks (kev)10,578
videos, css, animations, tips-and-tricks
What’s New in WCAG 2.2?10,577
accessibility, wcag, standards
The Death of JPEG-XL10,576
jpeg-xl, images
The Alt Text War—SEO vs. Accessibility10,575
accessibility, seo, images, writing, alt-text, comparisons
Release Notes for Safari Technology Preview 167 (jon/web)10,574
release-notes, browsers, apple, safari
Observing CSS10,573
css, javascript, monitoring
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript10,572
guides, javascript, memory, garbage-collection
Foundations: Accessible Names and Descriptions (tet)10,571
accessibility, fundamentals, naming, writing, aria
Designing for Reduced Motion10,570
accessibility, animations, reduced-motion, css, media-queries, javascript
Choosing a Name for Your Design System (bra)10,569
design-systems, naming
Can You Create Beautiful Stroked Text in CSS? (log)10,568
css, effects
7 Tips for Getting Started With Vue.js10,567
videos, vuejs, tips-and-tricks
What Makes a Good Screenshot? (llo/tpg)10,566
accessibility, images
What Is Semantic HTML?10,565
html, semantics
Understanding npm Versioning10,564
npm, dependencies, versioning, semver
The Revenge of the Pop-Up (ver)10,563
user-experience, anti-patterns, pop-ups
Testing Localhost on Multiple Devices (cit)10,562
testing, environments
New in Chrome 112 (tro/dev)10,561
release-notes, browsers, google, chrome
Code Explanation Using GitHub Copilot (ami)10,560
github-copilot, ai, learning
4 GitHub Alternatives for Code Repositories (sta)10,559
git, link-lists
So, How Can We Measure UX? (uxd)10,558
user-experience, metrics
What Is a Design System and Why Should You Use One? (uxm)10,557
design-systems
Slow Start and Congestion Control (Browser Networking)10,556
performance, protocols, tcp
Safari Releases Are Development Hell10,555
browsers, apple, safari, support
Quick Tip: Pull Data From an API Into a Figma Layer10,554
tips-and-tricks, apis, figma, design
JSON vs. XML With Douglas Crockford (dou)10,553
podcasts, interviews, json, xml, comparisons, history
How WebAssembly Is Accelerating New Web Functionality (dev)10,552
webassembly, functionality
Five Pieces of Advice for More Accessible Websites (cit)10,551
accessibility, html
Exposing Field Errors (aar)10,550
accessibility, forms, aria, assistive-tech, support
Copy to Clipboard in JavaScript and React10,549
javascript, react
Accessibility for Designers: Where Do I Start? (ste)10,548
accessibility, design, link-lists
A Small JavaScript Pattern I Enjoy Using (kil)10,547
javascript
A Color Wheel With Gradient (css)10,546
css, colors, gradients, effects, tips-and-tricks
Why Do They Ignore My Awesome Design Documentation?10,545
design, documentation
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)10,544
accessibility, contrast, colors
The Future of Senior Developers in an AI-Driven World (cod)10,543
career, ai, code-completion
Syntaxonomy—a Collection of Web Languages (ale)10,542
websites, training, learning, career, link-lists
Sticky Page Header Shadow on Scroll (hex)10,541
css, scrolling, shadows
Modern HTML Email (Tables No Longer Required) (oll)10,540
html, email, tables
7 Tricks to Take the Performance of Your Website to the Moon10,539
performance, minification, tree-shaking, tips-and-tricks
10 Ways to Hide Elements in CSS (cra)10,538
hiding, css, accessibility, performance
We Need Accessibility Action (yat)10,537
accessibility, web
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps10,536
guides, accessibility, testing, automation, ci-cd, react
Folder Structure for Modern Web Applications10,535
architecture, web-apps
Convert PNG to JPG Using FFmpeg (ama)10,534
images, png, jpeg, conversion, tooling
The Pros and Cons of Different UI Automation Test Tools—Playwright10,533
automation, testing, playwright
On-Page SEO Checklist: The Complete Task List for 2023 (sem)10,532
seo, checklists, html, semantics
New to the Web Platform in March (rac/dev)10,531
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,530
videos, ai, centering
DevTools: Getting Data From DevTools Into Your Code Editor10,529
dev-tools, browsers, code-editors
Alternative Text in the Wild: 5 Alternative Text Examples (pop)10,528
accessibility, writing, examples
A CSS Selector to Highlight Clickable Elements (seb)10,527
css, selectors
Clojure Transducers: Your Composable Data Pipelines (jan)10,526
clojure, functions
What Are Source Maps? (jec/dev)10,525
videos, debugging, javascript, source-maps
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (uxd)10,524
career, productivity, user-experience, design
XUL Layout Is Gone10,523
history, xul, browsers, mozilla, firefox
Why JavaScript Is a Prototype-Based OOP10,522
javascript, oop
Why I Quit Being a Tech “Influencer”10,521
career
One in Two New npm Packages Is SEO Spam Right Now10,520
npm, seo
CSS Masking (sha)10,519
css, masking
Checkered Background Using Two Lines of Code in CSS (ami+)10,518
backgrounds, css
AWS CloudFront Tutorial: Setup and Configuration10,517
tutorials, aws, cloudfront, content-delivery, configuration
Usability Heuristics in Game Design (uxd)10,516
usability, heuristics, design
Using PHP Arrays: A Guide for Beginners10,515
guides, php, arrays
The WebAIM Million (web)10,514
studies, research, accessibility, metrics
HTML: Help Users to Download Files With the HTML “download” Attribute10,513
html, attributes
How to Use Google Fonts and “font-display”10,512
how-tos, google, fonts, css
Framework Popularity on Netlify (sel/net)10,511
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
Flutter Performance Optimization Techniques and Best Practices10,510
flutter, performance, optimization, best-practices
CSS Nesting (fro)10,509
css, nesting, sass, comparisons
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)10,508
sustainability
Accessibility vs. Emojis (uxd)10,507
accessibility, emoji, unicode, comparisons
How to Write an Accessibility Statement (ger)10,506
how-tos, accessibility, documentation, writing
TypeScript Function Types: A Beginner’s Guide10,505
guides, typescript, functions
Meet Arc, a New Innovative Browser That Challenges Chrome10,504
browsers, arc, the-browser-company, google, chrome
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev)10,503
javascript, import-maps, browsers, support
In Praise of Vite (spa/clo)10,502
vite
Improving CSS Shapes With Trigonometric Functions (dan)10,501
css, shapes, functions
How to Split an Angular App Into Micro-Frontend Apps10,500
how-tos, angular, micro-frontends, web-apps
How to Review and Refactor Code With GPT-4 (and ChatGPT)10,499
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
Guardrails for Better Accessibility Support in Frontend (net)10,498
accessibility, quality, tooling
File Uploads for the Web: File Uploads in Node and Nuxt (aus)10,497
file-handling, nodejs, nuxt
Connecting Dots of an Accessibility Audit10,496
accessibility, auditing
10 AI Tools for Content Writing (sta)10,495
tooling, link-lists, content, writing, ai
Introduction to esbuild10,494
introductions, esbuild, bundling
Mastering the JavaScript “switch” Statement10,493
javascript
Getting Started With HTML Tables10,492
html, tables, introductions
Function Overloading in TypeScript10,491
typescript, functions
Fighting Inter-Component HTML Bloat (eli)10,490
components, html, semantics, quality
Defaulting on Single Page Applications (SPA) (zac)10,489
single-page-apps, javascript, performance
CSS Creator Håkon Wium Lie Interview10,488
interviews, css
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)10,487
ai, code-completion, productivity
A Quick Guide to Reviewing a VPAT ACR (kar)10,486
accessibility, vpat-acr, conformance, auditing
UX Principles for AI Products (uxd)10,485
user-experience, principles, ai
UX Basics: Study Guide (nng)10,484
guides, fundamentals, user-experience, training, link-lists
Using TypeScript Without Compilation (pas)10,483
typescript
Senior Engineering Strategies for Advanced React and TypeScript (tec)10,482
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance
Harnessing GPT-4 for Writing Assistance and Content Creation10,481
writing, content, social-media, ai
CSS-Only Widgets Are Inaccessible (aar)10,480
accessibility, css
Brief Introduction to Edge Computing10,479
introductions, edge-computing
Usability 101 (nng)10,478
videos, usability
The IL1 Typography Test (nng)10,477
videos, typography, legibility, user-experience, testing
WYSIWYGPT (cod)10,476
ai, career
What Is Strict Mode in React?10,475
react
The State of JS Frameworks (cfe/log)10,474
podcasts, javascript, frameworks, libraries
The “search” Element (sco)10,473
html, accessibility, semantics
The Landscape of npm Packages for CLI Apps10,472
nodejs, npm, dependencies, command-line
The Causes of Unreliable Software10,471
research, complexity, maintainability
CSS “overflow” Property10,470
css, overflow
What We’ve Learned About Designing for Accessibility From Our Users10,469
accessibility, design
The Ultimate Guide to Image Optimisation (fox/cal)10,468
guides, images, performance, compression, optimization
The Machines Won’t Save Your Design System (hey)10,467
design-systems, ai
Everything You Wanted to Know About Video Storage APIs10,466
multimedia, storage, apis
DevTools: Convert Network Requests to Code, or Even to a Terminal Command10,465
dev-tools, browsers, network, command-line
Circular Text With CSS? (jhe)10,464
css
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II10,463
accessibility, design, design-systems
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)10,462
guides, nodejs, event-loop, events
npx: The Easy Way to Run Node.js Packages10,461
nodejs, dependencies, npx
5 Lesser-Known Spacing Tips for Product Designers (uxd)10,460
design, spacing
Some Cross-Browser DevTools Features You Might Not Know (css)10,459
dev-tools, browsers, google, chrome, mozilla, firefox, apple, safari
Certifications Should Be Hard (kar)10,458
accessibility, career, training, learning
Automatic npm Publishing With GitHub Actions and npm Granular Tokens10,457
npm, github-actions, automation
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution10,456
semantic-web
With or Without the JS Framework (cit)10,455
javascript, frameworks, career
When Is “:focus-visible” Visible? (ire)10,454
accessibility, css, selectors
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)10,453
eleventy
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)10,452
hiding, accessibility, browsers, screen-readers, assistive-tech, css
The Carbon Cost of Social Media10,451
sustainability, social-media
That Time When SVG Almost Got Network Support for Raw Sockets10,450
svg, network, history
State of Node.js 2023 (jas+/thi)10,449
videos, nodejs
How to Start a React Project in 2023 (rwi)10,448
how-tos, react
File Uploads for the Web: Upload Files With JavaScript (aus)10,447
file-handling, javascript
Annotating Designs for Accessibility (int)10,446
videos, accessibility, design
Why We Added package.json Support to Deno (tin/den)10,445
deno, support, nodejs, npm
What Is Git Merge and How to Use It?10,444
git
The Intersection of Data Visualization and UX Design (uxm)10,443
information-design, user-experience, design
The End of Front-End Development (jos)10,442
outlooks, career, html
The Cost of Craft10,441
craft, quality, complexity, processes
The Age of Average10,440
design
The 5 Best Status Page Tools (sta)10,439
tooling, monitoring, alerting, link-lists
Rich Harris Talks SvelteKit and What’s Next for Svelte (ric+/the)10,438
interviews, svelte, sveltekit
Regression Testing in the Agile Universe (uxm)10,437
agile, processes, testing, regressions
Preventing Too-Short Final Lines of Text Blocks (ric)10,436
css, typography
CSS Is Dead! (alv)10,435
css
7 Ways Web Developers and UX Designers Can Collaborate (uxm)10,434
collaboration, processes
5 Ways to Modernize Your Web Application10,433
web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scalability
Time Zone Conversion With PHP10,432
php, time, conversion
Using “forRoot()” and “forChild()” in Angular10,431
angular
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)10,430
javascript, performance, bundling, npm
Laying Out a Print Book With CSS10,429
print, css
Introduction to Flutter: Getting Started With Cross-Platform Development10,428
introductions, flutter
Deep Dive Into How Web Browsers Work (With Illustrations)10,427
browsers, rendering, deep-dives
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language10,426
javascript
Time to Move on From Nunjucks? (bry)10,425
template-engines, nunjucks, webc, liquid, javascript
How to Stop a React Component From Rendering (ami)10,424
how-tos, react, components, client-side-rendering
Design System Guide (vit)10,423
guides, design-systems, link-lists
Foundations: Pointer Gestures (gra/tpg)10,422
accessibility, fundamentals, usability
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?10,421
ssi
Responsive Columns Without Media Queries10,420
css, flexbox, layout, responsive-design
5 Tips for New Prototypers (nng)10,419
videos, prototyping, tips-and-tricks
The Problem With React10,418
react
Retro-Specifying Fetch/Performance (nom)10,417
standards, apis, data-fetching
How to Use “v-model” With Form Inputs in Vue10,416
how-tos, vuejs, forms
How Screen Readers Read Special Characters: An Update10,415
accessibility, screen-readers, support, unicode
Hijacking Screenreaders With CSS (ben/deq)10,414
videos, accessibility, screen-readers, css
Everything You Need to Know About the Updated React Docs10,413
react, documentation
DevTools: Tricks for Copying the Styling From Any Website10,412
dev-tools, css, browsers, google, chrome
Cryptographically Protecting Your SPA10,411
single-page-apps, security, cryptography
It’s About Time CAPTCHAs Become Accessible (uxd)10,410
accessibility, captcha
Versioning Design Tokens10,409
design-tokens, versioning, maintainability
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+)10,408
github, foss, community
The Ultimate Guide to Micro-Content10,407
guides, content, microcontent
Scraping Single-Page Applications With Playwright (api)10,406
scraping, single-page-apps, playwright
JavaScript Polyfills10,405
javascript, polyfills
Internationalization in Next.js 13 With React Server Components (sma)10,404
internationalization, nextjs, react, components
DevTools: Faster Searching in DevTools With CSS Selectors10,403
dev-tools, css, selectors, browsers, google, chrome
Accessibility Beyond Code Compliance (aar)10,402
accessibility, compliance
Accessibility and Design Systems: The Deep-Dive Q&A10,401
interviews, accessibility, design-systems, deep-dives
What Are Webhooks and How Do They Work10,400
webhooks, apis
The H1 Conundrum: Understanding the Challenges of Heading Level One10,399
accessibility, semantics, headings, html
JavaScript for Beginners: Data Structures10,398
javascript, data-structures, arrays, objects
Git Fundamentals, a Complete Guide10,397
guides, git, fundamentals
Future CSS: Anchor Positioning (kiz)10,396
css, anchor-positioning, experiments
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (tra/evi)10,395
offline, browser-storage, web-apps
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg/dev)10,394
css
Useful Tips and Tricks for Laravel10,393
tips-and-tricks, laravel
Circling Back on Design and Everything Else (uxd)10,392
design
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)10,391
design, layout
VS Code vs. WebStorm: A Comparison for Newbies10,390
code-editors, microsoft, vs-code, jetbrains, webstorm, comparisons
TCP Echo Server for Node.js10,389
servers, nodejs, tcp
Progressively Enhancing a Table With a Web Component (ray)10,388
html, javascript, tables, web-components, progressive-enhancement
Modern Font Stacks10,387
websites, fonts, typography
JavaScript: Automatically Remove an Event Listener After It Has Executed10,386
javascript, events
How Design Is Governance10,385
design
Fix Color Contrast—Web Accessibility for Text and UI Design (pim)10,384
accessibility, colors, contrast
Advice From a Software Engineer With 8 Years of Experience10,383
career
Accepting Design (fab)10,382
design
16 Little UI Design Tips That Make a Big Impact10,381
design, tips-and-tricks, spacing, consistency, colors, contrast, fonts, typography
Why Aren’t Logical Properties Taking Over Everything? (chr)10,380
css, logical-properties, internationalization
What Is the Cost of Designing a Mobile App? (uxm)10,379
economics, mobile
The Ternary Operator in JavaScript (cfe)10,378
javascript, operators
Making Calendars With Accessibility and Internationalization in Mind (sto/css)10,377
functionality, accessibility, internationalization
Introduction to Offline First Web Applications10,376
videos, offline, web-apps
Best Practices for Structuring Accessibility Testing (tpg)10,375
accessibility, testing, best-practices
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm)10,374
design, mobile, tips-and-tricks
UX Strategy: Study Guide (nng)10,373
guides, user-experience, strategies, training, link-lists
We Don’t Need “.visually-hidden” (den)10,372
accessibility, css, semantics, quality
Create and Download Text Files Using JavaScript (ami)10,371
javascript
“content” Is Your Content?10,370
css, content, seo, accessibility, maintainability
From UX to Growth Design: 5 Principles to Multiply Your Value (uxd)10,369
user-experience, design, principles
Books You Can Read to Learn CSS10,368
books, learning, css
View Transitions API: Creating Smooth Page Transitions (sta)10,367
view-transitions, apis
The Ultimate Guide to Becoming a 10× Dev10,366
guides, productivity, career
Handling CSS Color Fonts With “font-palette” (sta)10,365
css, colors, fonts
“Design First, Then Build”: Let’s Bury This Myth Forevermore (rom/evi)10,364
design, processes, myths
Web Cookies With a Taste of Privacy (uxd)10,363
cookies, privacy, user-experience
Vue vs. React: Everything You Need to Know10,362
vuejs, react, comparisons
TypeScript’s Migration to Modules (dan/typ)10,361
typescript, modules, esm, commonjs, migrating
SPA View Transitions Land in Chrome 111 (jaf/dev)10,360
apis, view-transitions, release-notes, browsers, google, chrome
Selecting Previous Siblings With CSS “:has()”10,359
css, selectors
One Problem That Is Now Solved by CSS Subgrid10,358
css, grids, layout
File Uploads for the Web: Uploading Files With HTML (aus)10,357
file-handling, html
Exploring Bundling in Lightning CSS (log)10,356
css, minification, bundling, linting, lightning-css
Evolving Custom Sliders (sib/tpg)10,355
sliders, javascript, css
Craft vs. Industry: Separating Concerns (nac)10,354
quality, economics, maintainability, craft, comparisons
Cover All the Codebases: A Guide to Code Coverage Tools10,353
guides, code-coverage, testing, tooling, link-lists
Building Complex Forms in Vue (sma)10,352
forms, vuejs
All JavaScript and TypeScript Features From the Last 3 Years10,351
javascript, typescript, history
The Broken Promise of Atomic CSS10,350
atomic-css, presentational-html, tailwind, html, css
Tackling Design Debt in Product10,349
podcasts, design-debt, product-management
Static Site Generators: What’s Trending Right Now (sta)10,348
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,347
accessibility, components
I No Longer Understand “prefers-contrast” (kil)10,346
css, media-queries
How to Fix: Child Stylesheet Loading Twice (WordPress) (sta)10,345
how-tos, wordpress, php
CSS Nesting (arg/dev)10,344
css, nesting
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (sto/css)10,343
css, functions
ChatGPT and Me (a Recruiter) (vig)10,342
ai, chatgpt, career, interviewing
As a User, I Don’t Want To (pav/uxd)10,341
product-management, agile, user-experience
Quick Tip: How to Cache Data in PHP10,340
how-tos, php, caching, tips-and-tricks
Zebra Stripe Lines of Text Even When They Wrap (chr)10,339
css
Change Favicon on Switching Browser Tabs in JavaScript (ami)10,338
images, favicons, javascript
An End to Typographic Widows on the Web (ric)10,337
typography, css
2023 Web Framework Performance Report (ast)10,336
frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
What Value Does Developer Relations Bring to Other Teams?10,335
developer-relations, processes
The AI Future of Frontend Development (hcr)10,334
ai, career
Managing Fonts in WordPress Block Themes (css)10,333
fonts, wordpress, theming
HTML Garden10,332
websites, html, art
Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond10,331
flutter, best-practices
ARIA Live Regions for JavaScript Frameworks (its/log)10,330
accessibility, aria, live-regions, javascript, frameworks
A Tab Interface Before Its Time (aar)10,329
html, components
The Anatomy of a Good Design: An Analysis of 4 Sites (nng)10,328
design
Balanced Text Wrapping Is Coming to CSS (ami)10,327
css, typography
50.1% Empty Links (mat)10,326
accessibility, html, links, semantics, seo
10 Helpful JavaScript Utility Functions10,325
javascript, functions
The Cost of Architectural Complexity10,324
research, architecture, complexity, economics
Optimising Large Contentful Paint (css/btc)10,323
videos, performance, web-vitals, optimization
Making the Case for Signals in JavaScript (rya/thi)10,322
javascript, signals
Continuous Growth Is Cancer (cod)10,321
economics, career
Client-Side JavaScript and React Criticism: What Comes Next? (mol)10,320
javascript, react, accessibility, performance, resilience, progressive-enhancement
AI-Generated Git Commit Messages10,319
ai, git, automation, commit-messages
The Art of Unlearning (uxd)10,318
learning, design
Toolkit Tuesday: Using YouTube for Captions and Transcripts (kno)10,317
videos, accessibility, captions, youtube
Signals in Angular: The Future of Change Detection10,316
angular, signals
Responsive Headlines Are About to Get Awesome (tyl/clo)10,315
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,314
case-studies, vuejs, migrating, headless, content-management
Introduction to UIkit10,313
introductions, uikit
Everything You Need to Know About the Gap After the List Marker (sim/css)10,312
lists, css