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#
You Don’t Need a Modal Window (dz4)10,967
websites, modals
Where to Put Your Types in Application Code (mat)10,966
typescript
Two Simple Layouts That Work Better With Grid (kev)10,965
videos, css, grids, layout
Introducing the Popover API (una/dev)10,964
introductions, apis, html, pop-overs
I Created 100+ Unique CSS Patterns (css)10,963
css, backgrounds, effects
Graph Slider10,962
sliders, css
Future of CSS: Popover API10,961
css, apis, pop-overs
File Upload Security and Malware Protection (aus)10,960
security, malware, file-handling, edge-computing
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design10,959
accessibility, dei, modals, time
Building a Modern Design System in Layers10,958
design-systems
Working With URLs With Vanilla JavaScript (cfe)10,957
javascript, urls
Why We’re Bad at CSS (per)10,956
css
Visual-Design Principles and UX Design Best Practices (uxm)10,955
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)10,954
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)10,953
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)10,952
landing-pages, user-conversion, metrics
Beyond Design Systems for Interfaces: A Mega System of Design Systems10,951
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB10,950
offline, web-apps, web-workers, databases, indexeddb, javascript
A Web Component Intro With Example10,949
introductions, web-components, examples
Server-Sent Events With Node.js10,948
nodejs, events
A Beginners Guide to Digital Accessibility (fra)10,947
guides, accessibility
Website Issues: On the Relevance of Audience Size and Impact (j9t)10,946
processes, quality
Using “linear()” for Better Animation (oll)10,945
animations, css, javascript
Measuring Design System “Adoption” (pjo)10,944
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)10,943
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS10,942
tailwind, effects
A New Approach to Measuring Developer Productivity10,941
research, productivity, metrics
Write Better Code by Following These JavaScript Best Practices10,940
javascript, best-practices
What Devs Can Do on Global Accessibility Awareness Day10,939
accessibility, awareness-days
How to Create a Custom Range Slider Using CSS (css)10,938
how-tos, sliders, css, forms
Getting Started With View Transitions on Multi-Page Apps (dav)10,937
css, view-transitions, multi-page-apps, introductions
Core Principles of SEO10,936
seo, principles, overviews
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)10,935
accessibility, wcag, standards
Accessible Numbers10,934
websites, accessibility
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)10,933
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Thinking on Ways to Solve Color Palettes (arg/dev)10,932
videos, css, colors, color-palettes
Release Notes for Safari Technology Preview 170 (jon/web)10,931
release-notes, browsers, apple, safari
Jekyll Tutorial: How to Create a Static Website (kin)10,930
tutorials, how-tos, jekyll
ESLint Guide: How to Use It With Confidence10,929
guides, eslint, linting, consistency, maintainability
A History of Metaphors for the Internet (ver)10,928
history, web, terminology
Comparing Version Control Systems: Git, SVN, CVS, and More10,927
comparisons, version-control, git, svn, cvs
Why Your Design Language System Needs a Product Manager10,926
design-systems, product-management
Why Is Web Accessibility Important? (tpg)10,925
videos, accessibility
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)10,924
css, units
State of Node.js Performance 2023 (raf)10,923
nodejs
Semantics and the “popover” Attribute: What to Use When? (hdv)10,922
html, attributes, semantics, accessibility, pop-overs
Python Developers Survey 2022 Results (jet)10,921
surveys, python
It’ll Soon Be (Too) Easy to Develop a Website in A Day10,920
ai, processes, productivity, creativity
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)10,919
career, interviewing
GitHub Copilot and ChatGPT Alternatives (ger)10,918
github-copilot, chatgpt, ai, comparisons
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)10,917
javascript, arrays
Fieldsets, Legends, and Screen Readers Again (ste/tpg)10,916
accessibility, html, forms, screen-readers
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)10,915
design-patterns, design-systems, collaboration
Conditional CSS With “:has” and “:nth-last-child” (sha)10,914
css, selectors
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)10,913
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)10,912
css, floats
Let’s Share Our Salaries, Title, Location, XP10,911
discussions, career
HTML Landmark Roles Screen Reader Demo (sch/mdn)10,910
videos, accessibility, html, screen-readers, voiceover, apple
How to Handle Production Support When Using Scrum10,909
how-tos, agile, scrum, processes
Get Full Type Support With Plain JavaScript10,908
javascript
CSS Art: Drawing a Coffee Stain (alv)10,907
css, art
10 Books to Improve Coding Skill in 202310,906
books, programming, link-lists
Error Message Guidelines (nng)10,905
guidelines, usability, errors, writing
The Problem With Disabled Buttons and What to Do Instead (ada)10,904
buttons, user-experience, accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)10,903
html, accessibility, screen-readers, support
ES2023 Features10,902
ecmascript
7 Secret TypeScript Tricks Pros Use10,901
typescript, tips-and-tricks
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies10,900
frameworks, reactivity, dependencies
What Is “Fake Door” Testing in UX? (uxd)10,899
testing, user-experience
Respect Your Children (ste/tpg)10,898
accessibility, html, aria
Keeping Up With an Ever Changing Web (joh)10,897
web-platform, learning
Building a Greener Web (mic)10,896
videos, web, sustainability
Add Opacity to an Existing Color (chr)10,895
colors, css
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)10,894
css, retrospectives
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)10,893
javascript
Regular Expressions in JavaScript (hon)10,892
javascript, regex, examples
Introduction to Screen‐Readers: VoiceOver macOS Edition10,891
introductions, screen-readers, voiceover, apple
Introduction to Screen‐Readers: NVDA Edition10,890
introductions, screen-readers, nvda
Introduction to Screen‐Readers: JAWS Edition10,889
introductions, screen-readers, jaws
Best Practices for All Developers10,888
best-practices
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)10,887
performance, web-vitals, shopify
An Introduction to the Bun JavaScript Runtime (cra)10,886
javascript, runtimes, bun
Introducing INP to Core Web Vitals10,885
introductions, performance, web-vitals, google, search, seo
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)10,884
videos, performance, web-vitals
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)10,883
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)10,882
engineering-management, code-reviews
What’s New in Web (dev)10,881
videos, browsers, support, web-platform
What’s New in Web Animations (bra/dev)10,880
videos, animations
Slow Design10,879
websites, design
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)10,878
sustainability, network
Introducing Baseline (rac/dev)10,877
introductions, browsers, support, web-platform
Introducing Baseline: A Unified View of Stable Web Features (mdn)10,876
introductions, browsers, support, web-platform
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)10,875
videos, how-tos, performance, web-vitals
ES2023 Introduces New Array Copying Methods to JavaScript (phi)10,874
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)10,873
videos, browsers, dev-tools
Crafting a Modern Spotlight Effect With React and CSS10,872
css, react, effects
Baseline Features You Can Use Today (dev)10,871
browsers, support, web-platform
Advancing Interaction to Next Paint (rvi+/dev)10,870
performance, web-vitals
API Design Practice10,869
apis, documentation, link-lists
See What’s New in Firefox [113.0] (moz)10,868
release-notes, browsers, mozilla, firefox
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)10,867
css, grids, layout, view-transitions, apis
The Ongoing Defence of Frontend as a Full-Time Job (cod)10,866
career
Script Evaluation and Long Tasks (mal/dev)10,865
performance, javascript, web-vitals
Optimize Input Delay (mal/dev)10,864
performance, web-vitals, optimization
How to Handle Emojis in Node.js10,863
how-tos, nodejs, emoji, unicode
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)10,862
performance, dom, html, optimization
Find Slow Interactions in the Field (mal/dev)10,861
performance, web-vitals, auditing
Diagnose Slow Interactions in the Lab (mal/dev)10,860
performance, web-vitals
Design Systems [Are] a Mindset Not a Library10,859
design-systems
Client-Side Rendering of HTML and Interactivity (mal/dev)10,858
performance, html, client-side-rendering
An Introduction to Container Queries in CSS (5t3)10,857
introductions, css, container-queries
How “x-default” Can Help You (met)10,856
internationalization, urls, html, attributes, search, google
Proportional Design Systems With Proportio.app (uxd)10,855
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications10,854
guides, langchain, google, gcp, functions, ai
Speed Trap (dav/ver)10,853
google, amp, web-platform
ShatGPT (ste)10,852
accessibility, ai
Pay Attention to Web Performance Metrics to Improve the UX (uxm)10,851
performance, metrics, user-experience, web-vitals, optimization
Improving Web-Site Conversion Rates Through Better UX Design (uxm)10,850
user-conversion, metrics, optimization, user-experience
Dithering (chr)10,849
images, dithering
A Complete Guide to Usability Testing (uxm)10,848
guides, usability, testing
The Problem With Sticky Menus and What to Do Instead (ada)10,847
navigation, usability, user-experience
How to Configure Path Aliases in Frontend Projects in the Native Way10,846
how-tos, aliases, javascript, configuration
How Far Back in Time Can I Take My Website’s Design10,845
web, design, history, html, css
Should the Confirmation Button Come First or Last? (uxd)10,844
buttons, interaction-design
The Image Sorting Experiment (uxd)10,843
images, information-design, sorting, experiments
Scaling Node.js Web Apps With Docker10,842
scalability, nodejs, web-apps, docker
Cron Job: A Comprehensive Guide for Beginners10,841
guides, cron
Complete Guide on Playwright Visual Regression Testing10,840
guides, playwright, design, testing, regressions
Design Tokens: Beginner’s Guide10,839
guides, design-tokens, design-systems
Speed Up or Slow Down a Video (pat/dev)10,838
browsers, dev-tools, multimedia
Scroll-Driven Animations (bra)10,837
websites, scrolling, animations
I’m Done With React10,836
videos, react
HTTP/1 vs. HTTP/2 vs. HTTP/310,835
http, protocols, comparisons
htmx Is the Future10,834
htmx, outlooks
How “:not()” Chains Multiple Selectors (mdn)10,833
css, selectors
CSS Logical Properties: A Good Use Case (wes)10,832
videos, css, logical-properties
New Features in the Orion Browser (kag)10,831
release-notes, orion, kagi, browsers
The Frontend Cloud Advantage10,830
cloud-computing
Using Go for Front End Development10,829
go
React Testing Library and Accessibility10,828
react, testing, libraries, accessibility, automation
How Do You Declare Namespace in JavaScript?10,827
javascript, namespaces
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)10,826
github, github-actions, automation, nodejs
Code Coverage vs. Test Coverage10,825
code-coverage, testing, quality, comparisons
An Introduction to the “:has()” Selector in CSS (5t3)10,824
introductions, css, selectors
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)10,823
performance, web-vitals, best-practices
Security Implications of HTTP Response Headers10,822
security, http, http-headers
How to Make a CSS-Only Hamburger Menu10,821
how-tos, css, navigation
Where Would You Take the W3C? (rob)10,820
discussions, w3c
The Latest Innovations in Drupal10,819
drupal
The Intersectionality of Web Performance (ada)10,818
performance, sustainability, dei
Release Notes for Safari Technology Preview 169 (jon/web)10,817
release-notes, browsers, apple, safari
Make Your Website Load Fast by Optimizing Request Priorities (deb)10,816
performance, optimization, network
How to Write More Efficient JavaScript Conditions (fre)10,815
how-tos, javascript, efficiency
Don’t Use Custom CSS Scrollbars (eri)10,814
css, scrolling
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It10,813
accessibility, training
DevEx: What Actually Drives Productivity (acm)10,812
developer-experience, productivity, metrics
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)10,811
events, javascript
Angular v16 Is Here (mge/ang)10,810
angular, release-notes
7 Practical CSS Typography Tips and Tricks (zor/css)10,809
videos, css, typography, tips-and-tricks
Things Considered Harmful (bre)10,808
php, laravel
A/B Testing: A Primer10,807
introductions, testing, metrics, optimization
The Native Way to Configure Path Aliases in Frontend Projects10,806
javascript, nodejs, esm, commonjs, tooling, aliases
Why “font-size” Must Never Be in Pixels10,805
css, units, accessibility, responsive-design
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)10,804
videos, css, transitions, tips-and-tricks
SupportsCSS (5t3)10,803
websites, tooling, css, support
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)10,802
accessibility, focus, aria, html
Load Websites Faster With Code Splitting10,801
performance, code-splitting, react
How to Get Started With NodeJS—a Handbook for Beginners (fre)10,800
introductions, guides, nodejs
Do Logical Properties Make CSS Easier to Learn? (chr)10,799
css, logical-properties, learning
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?10,798
foss, community, github
CSS Naked Day and the Missing Wikipedia Page (j9t)10,797
css, awareness-days
Creating an Animated Gradient Border With CSS10,796
css, animations, gradients, borders
An Update on the Lock Icon (ser+/dev)10,795
browsers, google, chrome
A Radical Proposal: Put UX Research in Charge10,794
user-experience, research, product-management, strategies
A Complete Guide to Performance Budgets (spe)10,793
guides, performance, performance-budgets, metrics
3 Engineering Mistakes That Kill Startups10,792
mistakes, architecture
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)10,791
hiring, dei
What’s New in Svelte: May 2023 (sve)10,790
release-notes, svelte, sveltekit
This Blog Is Hosted on My Android Phone10,789
websites, hosting, mobile
Testing Feature Support for Modern CSS (5t3)10,788
css, feature-detection, support
Tailwind CSS vs. UnoCSS10,787
tailwind, unocss, css, frameworks, comparisons
“:root” Isn’t Global (kil)10,786
css
Qwik Reaches v1.0 (bui)10,785
release-notes, qwik
Practical Guide to Not Blocking the Event Loop10,784
guides, javascript, event-loop, events, performance
CSS Wishlist 2023 (ell)10,783
css, wish-lists
Configuring ESLint, Prettier, and TypeScript Together (jos)10,782
eslint, prettier, linting, formatting, tooling, typescript, configuration
CDNs: Speed Up Performance by Reducing Latency (aus)10,781
content-delivery, performance
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)10,780
foss, content, career
Two Underused Arguments for Writing Documentation (j9t)10,779
writing, documentation, career
My Favorite Free Courses to Learn JavaScript in Depth10,778
courses, javascript, training, link-lists
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)10,777
web, web-platform, standards, foss, history, anniversaries
The Popover API Is Exciting, Sort Of (mrt)10,776
apis, pop-overs
Dark Mode in 3 Lines of CSS and Other Adventures (sto)10,775
css, dark-mode
Information Architecture (IA) and Sitemap: Simple and Easy to Understand10,774
information-architecture, sitemaps, best-practices
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)10,773
css, javascript, functions, quality
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)10,772
css, refactoring, maintenance, optimization
New to the Web Platform in April (rac/dev)10,771
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
JS Private Class Fields Considered Harmful (lea)10,770
javascript
Everything You Need to Know About Webpack’s Bundle Analyzer10,769
webpack, bundling, tooling
Animating the Impossible (btc)10,768
videos, animations, transitions
A Beginner’s Introduction to the Most Common Data Types in Programming10,767
introductions, types, programming
Writing Unit Tests in Node.js Using Jest10,766
testing, nodejs, jest
What Is the Value of a Design System? (zer)10,765
design-systems
Typography for Everyone (tob/btc)10,764
videos, fonts, typography
The Most Underrated Section of Design Portfolios10,763
design, career
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)10,762
accessibility, communication, advocacy, processes
Modern CSS Layout Is Awesome! (mic/btc)10,761
videos, css, layout
How to Manage Design Tokens10,760
how-tos, design-tokens, maintenance
How to Deep Merge Arrays and Objects With JavaScript (cfe)10,759
how-tos, javascript, arrays, objects
Accessible Target Sizes Cheatsheet (vit/sma)10,758
accessibility, user-experience
Structure and Interpretation of Flutter (win)10,757
flutter, dart
The Most Important Thing Productivity Tools Are Missing About AI (uxd)10,756
tooling, productivity, ai
What Is the QUIC Protocol?10,755
protocols, quic
The Interactive Guide to Rendering in React10,754
guides, client-side-rendering, react
Discovering the Power of JavaScript Proxy After All This Time10,753
javascript
Adding Motion to the Next Decade of Atomic Design (uxd)10,752
design, atomic-design
Transition To and From “display: none” With Upcoming CSS Capabilities (una)10,751
videos, css, transitions
The Best Way to Get nvm Working in CI/CD Systems10,750
nvm, ci-cd
Reducing the Cost of String Serialization in Node.js Core10,749
nodejs, strings, performance
Crafting the Next.js Website10,748
nextjs
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf10,747
nodejs, npm, nvm
Organizing a Web Design System for Scalability in Figma (uxd)10,746
design-systems, scalability, figma
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)10,745
design-debt, user-experience, metrics, economics
Figma, I Love You but You’re Bringing Me Down (uxd)10,744
figma
What’s New in Node.js 20 (cra)10,743
nodejs
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)10,742
accessibility, cookies, legal, privacy, user-experience
The “const” Deception (jos)10,741
javascript
Scoped CSS Is Back (kei)10,740
css, scope
npm vs. Yarn vs. pnpm10,739
npm, yarn, pnpm, comparisons
Goodbye “create-react-app”: A New Approach10,738
react
Frontend Web Performance Checklist10,737
performance, checklists
CSS Blend Modes10,736
css, blend-modes
Avoiding Dark Patterns in Web Design (boa/fro)10,735
dark-patterns, design
Automating Dependency Updates: The Big Debate10,734
dependencies, automation, ci-cd, security
The Case Against Automatic Dependency Updates (ben)10,733
dependencies, automation, ci-cd, maintenance, security
Transitioning to Height Auto (Two Ways) (kei)10,732
css
“The Secret List of Websites” (chr)10,731
ai, web, content
The Effects of Technical Debt on Morale10,730
research, technical-debt, productivity
Meeting WCAG Level AAA (pat/tet)10,729
accessibility, wcag, conformance, standards
How to Write Comments in React: The Good, the Bad, and the Ugly10,728
how-tos, react, comments
Exploring the Potential of Web Workers for Multithreading on the Web (sma)10,727
web-workers, multithreading, performance, javascript
“details”/“summary” Inconsistencies (mat)10,726
html, disclosure-widgets, browsers, assistive-tech, support
Dark Mode Toggle and “prefers-color-scheme”10,725
dark-mode, toggles, css
Considering Content Warnings in HTML (aar)10,724
html, content, dei
Designing and Coding for Voice10,723
accessibility, voice
System Design Blueprint: The Ultimate Guide (zon)10,722
guides, cheat-sheets, architecture, system-design, principles
Upgrading Our CSS Habits: “aspect-ratio” (cod)10,721
css, aspect-ratio
This Website Is Under Construction, a Love Letter to the Personal Website (btc)10,720
videos, web, web-platform
Spinning Diagrams With CSS (har)10,719
css, animations
Read-Only Web Apps (ada)10,718
javascript, progressive-enhancement
CSS Custom Properties Beyond the “:root” (mat)10,717
css, custom-properties, semantics
5 Topics You Should Touch on During the Recruitment Process10,716
interviewing, career, processes
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)10,715
career, outlooks
Visually Accessible Data Visualization10,714
accessibility, information-design
Why Is Scrum the Most Popular Agile Framework?10,713
scrum, agile, processes
Using HTML Elements as CSS Masks10,712
css
Release Notes for Safari Technology Preview 168 (jon/web)10,711
release-notes, browsers, apple, safari
Productivity and Well-Being: A Summary of What Works10,710
productivity, career
Introduction to Web Animations With GSAP10,709
introductions, animations, javascript, gsap
Introducing npm Package Provenance (git)10,708
introductions, github, npm, provenance, security, foss
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)10,707
videos, introductions, performance, dev-tools, browsers, google, chrome
Generating Provenance Statements10,706
npm, provenance, security
Browser Rendering: What Happens Behind the Scenes (fro)10,705
browsers, rendering, browser-engines, parsing, painting, dom, cssom
5 Code Refactoring Techniques to Improve Your Code10,704
refactoring, maintenance, techniques
Container Query Units and Fluid Typography (5t3)10,703
css, container-queries, typography, liquid-design
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)10,702
accessibility, multimedia, experiments
10 Common Mistakes in Angular Development10,701
angular, mistakes, best-practices
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?10,700
how-tos, aws, cloudfront, caching
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store10,699
liquid, shopify, customization, tips-and-tricks
What’s New in ECMAScript 2023 (paw)10,698
ecmascript, standards
The Three Browser Storage Mechanisms10,697
browser-storage, cookies, comparisons
Signals: Fine-Grained Reactivity for JavaScript Frameworks10,696
javascript, reactivity, signals, frameworks
Node.js 20 Is Now Available! (nod)10,695
nodejs, release-notes
Kubernetes Quick Tutorial10,694
tutorials, kubernetes
How to Create an SEO Strategy (moz)10,693
how-tos, seo, strategies
DevTools: A Better Way to Visualize Your JavaScript10,692
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
8 Best Tools for Cryptography and Encryption (sta)10,691
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
Building a Static Site With Eleventy and Tailwind10,690
eleventy, tailwind
You Are What You Measure10,689
videos, metrics
What Is Design Thinking? (sma)10,688
design
Using a Muted Color Palette in Web Design (uxm)10,687
design, colors, color-palettes
It’s Very Likely That… (mat)10,686
html, semantics, buttons, modals
Firefox May Soon Reject Cookie Prompts Automatically10,685
cookies, legal, user-experience, mozilla, firefox
Deno vs. Node: No One Is Ready for the Move10,684
deno, nodejs, dependencies, comparisons
Business Impacts of UI Design and UX Design (uxm)10,683
design, economics
Answering “What ARIA Can I Use?” (w3c)10,682
accessibility, aria, browsers, screen-readers, assistive-tech, support
All About the Semantic Web10,681
semantic-web, concepts
A List of Programming Playgrounds (b0r)10,680
programming, link-lists, testing
Exploring “:has()” Again (mic)10,679
css, selectors
How to Name Design Tokens in a Design System (uxd)10,678
how-tos, design-tokens, design-systems, naming
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)10,677
information-architecture, information-scent, usability, mistakes
The Acronyms of Rendering on the Web (whi)10,676
rendering, server-side-rendering, client-side-rendering, terminology
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)10,675
javascript, performance, plugins
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)10,674
css, media-queries, performance, sustainability
My Favorite Courses to Learn Microservices in Depth10,673
courses, training, microservices, link-lists
Angular 16 Is Huge10,672
angular
Lessons of Design (fab/uxd)10,671
lessons, design
Dissecting npm Malware: Five Packages and Their Evil Install Scripts10,670
npm, security, malware
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)10,669
design, user-experience, research
What Are User Permissions? Concepts, Examples, and Maintenance10,668
permissions, authorization, concepts, examples
Web Accessibility: A Reference to Creating Inclusive Websites (sta)10,667
accessibility
The “details” Element Is Amazing (fon)10,666
html, disclosure-widgets
Ping Animation With Minimal CSS (ami)10,665
css, animations
Consume Web Streams From OpenAI Using Vanilla JavaScript10,664
videos, data-fetching, streaming, ai, openai, javascript
4 Ways to Create an Enum in JavaScript10,663
javascript
Embracing AI as a Material for Design (uxd)10,662
design, ai, content
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)10,661
videos, dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
The Pros and Cons of Different UI Automation Test Tools—Puppeteer10,660
automation, testing, puppeteer
Memory Allocation (sam)10,659
memory, programming, visualization
Costly CSS Properties and How to Optimize Them10,658
css, performance, optimization
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers10,657
accessibility, assistive-tech, screen-magnification
A History of the World Wide Web From 1989 to the Present Day10,656
history, web
11ty and Lit, a Match Made in Heaven for Simple Sites10,655
eleventy, web-components, lit
10 Best Sorting Algorithms Explained10,654
sorting, algorithms
Transparent Video for the Web in 2023 (cla)10,653
multimedia, transparency
Solving the CSS Layout and Source Order Disconnect (rac/dev)10,652
css, layout, source-order
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)10,651
videos, slides, accessibility, processes
Passkeys: What the Heck and Why? (css)10,650
security, passkeys
How to Work With Dates and Times in Vanilla JavaScript (cfe)10,649
how-tos, javascript
CSS: Tricks for Targeting Elements With CSS10,648
css, selectors, tips-and-tricks
Angular Is Back With a Vengeance (fir)10,647
videos, angular
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)10,646
figma, components, design, tips-and-tricks
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)10,645
browsers, mozilla, firefox, cookies, privacy
Understanding CSS Preload and Other Resource Hints (log)10,644
css, performance, hints, preloading
Shallow vs. Deep Copying in JavaScript10,643
javascript, comparisons
HTML Dark Mode (bt)10,642
html, dark-mode
HTML Accessibility API Mappings 1.0 (ste+/w3c)10,641
html, accessibility, apis
Expanding Grid Cards With View Transitions (chr)10,640
css, grids, view-transitions
Don’t Override Screen Reader Pronunciation (aar)10,639
accessibility, screen-readers, pronunciation
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience10,638
videos, accessibility, design-systems, dei, user-experience
A Designers Guide to the Principles of Web Design10,637
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Formulating Your Product Design North Star (aka Design Principles) (uxd)10,636
design, principles, processes
What’s a Basic Use Case for Cascade Layers in CSS? (chr)10,635
css, cascade, maintainability
Trying Node.js Test Runner (bah)10,634
nodejs, testing
The Performance Golden Rule Revisited (tka)10,633
performance, metrics
Temporal Intervals Are Handy in MySQL (ami)10,632
databases, mysql, time
React, Visualized10,631
introductions, react, visualization
New HTML Element: “search” (alv)10,630
html, semantics
Load Balancing (sam)10,629
load-balancing, performance, visualization, architecture
Document or Die: The Importance of Writing Things Down in Tech10,628
documentation, maintainability, link-lists
Building Pagination in React With React Paginate10,627
react, navigation, pagination
The Real Difference Between “useMemo” and “Memo” in React10,626
react, hooks, performance, examples
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup10,625
bundling, tooling, webpack, parcel, rollup, comparisons
Why Astro Is My Favorite Framework (mrt)10,624
astro, frameworks
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)10,623
css, dark-mode
CSS Text Balancing With “text-wrap: balance” (sha)10,622
css, typography
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide10,621
guides, career, learning
Choosing Humanity Over Automation (uxd)10,620
ai, design, automation
What’s New in CSS? (bra)10,619
slides, css
Understanding Apache Web Server Configuration10,618
servers, apache, configuration
Mastering Yarn’s Lifecycle With Hooks10,617
yarn, hooks
Boost Your JavaScript With JSDoc Typing10,616
javascript, typescript, documentation, jsdoc
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting10,615
zx, shell, command-line
Advancing Your Tech Skills (wom)10,614
career, learning
The Pattern to Make Your Frontend Tests 10× Better10,613
testing
Stream File Uploads to S3 Object Storage and Save Money (aus)10,612
aws, streaming, storage, economics
Programming-Language Popularity by GitHub Pull Requests (lem)10,611
studies, research, programming, comparisons, github, javascript, typescript
It’s Time to Learn OKLCH Color (kei)10,610
colors, oklch, css
DevTools: A Clever Overview of All Your CSS Code10,609
browsers, dev-tools, auditing, css, google, chrome
Chasing Rainbows (ver)10,608
accessibility, colors, color-blindness, user-experience
Unlocking the Power of Design Tokens to Create Dark Mode UI10,607
design-tokens, dark-mode
Frontend Developer Tries Tailwind for the First Time (zor/css)10,606
videos, tailwind, css
Establishing Metrics for Accessibility ROI (kar)10,605
accessibility, metrics, economics
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)10,604
web-components, css, scope, dom, shadow-dom, support
10 CSS Animation Tips and Tricks (kev)10,603
videos, css, animations, tips-and-tricks
Foundations: Accessible Names and Descriptions (ihe/tet)10,602
accessibility, fundamentals, naming, writing, aria
What’s New in WCAG 2.2?10,601
accessibility, wcag, standards
The Death of JPEG-XL10,600
jpeg-xl, images
The Alt Text War—SEO vs. Accessibility10,599
accessibility, seo, images, writing, alt-text, comparisons
Release Notes for Safari Technology Preview 167 (jon/web)10,598
release-notes, browsers, apple, safari
Observing CSS10,597
css, javascript, monitoring
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript10,596
guides, javascript, memory, garbage-collection
Designing for Reduced Motion10,595
accessibility, animations, reduced-motion, css, media-queries, javascript
Choosing a Name for Your Design System (bra)10,594
design-systems, naming
Can You Create Beautiful Stroked Text in CSS? (log)10,593
css, effects
7 Tips for Getting Started With Vue.js10,592
videos, vuejs, tips-and-tricks
What Makes a Good Screenshot? (llo/tpg)10,591
accessibility, images
What Is Semantic HTML?10,590
html, semantics
Understanding npm Versioning10,589
npm, dependencies, versioning, semver
The Revenge of the Pop-Up (ver)10,588
user-experience, anti-patterns, pop-ups
Testing Localhost on Multiple Devices (cit)10,587
testing, environments
New in Chrome 112 (tro/dev)10,586
release-notes, browsers, google, chrome
Code Explanation Using GitHub Copilot (ami)10,585
github-copilot, ai, learning
4 GitHub Alternatives for Code Repositories (sta)10,584
git, link-lists
Quick Tip: Pull Data From an API Into a Figma Layer (dxn)10,583
tips-and-tricks, apis, figma, design
So, How Can We Measure UX? (uxd)10,582
user-experience, metrics
What Is a Design System and Why Should You Use One? (uxm)10,581
design-systems
Slow Start and Congestion Control (Browser Networking)10,580
performance, protocols, tcp
Safari Releases Are Development Hell10,579
browsers, apple, safari, support
JSON vs. XML With Douglas Crockford (dou)10,578
podcasts, interviews, json, xml, comparisons, history
How WebAssembly Is Accelerating New Web Functionality (dev)10,577
webassembly, functionality
Five Pieces of Advice for More Accessible Websites (cit)10,576
accessibility, html
Exposing Field Errors (aar)10,575
accessibility, forms, aria, assistive-tech, support
Copy to Clipboard in JavaScript and React10,574
javascript, react
Accessibility for Designers: Where Do I Start? (ste)10,573
accessibility, design, link-lists
A Small JavaScript Pattern I Enjoy Using (kil)10,572
javascript
A Color Wheel With Gradient (css)10,571
css, colors, gradients, effects, tips-and-tricks
Why Do They Ignore My Awesome Design Documentation?10,570
design, documentation
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)10,569
accessibility, contrast, colors
The Future of Senior Developers in an AI-Driven World (cod)10,568
career, ai, code-completion
Syntaxonomy—a Collection of Web Languages (ale)10,567
websites, training, learning, career, link-lists
Sticky Page Header Shadow on Scroll (hex)10,566
css, scrolling, shadows
Modern HTML Email (Tables No Longer Required) (oll)10,565
html, email, tables
7 Tricks to Take the Performance of Your Website to the Moon10,564
performance, minification, tree-shaking, tips-and-tricks
10 Ways to Hide Elements in CSS (cra)10,563
hiding, css, accessibility, performance
We Need Accessibility Action (yat)10,562
accessibility, web
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps10,561
guides, accessibility, testing, automation, ci-cd, react
Folder Structure for Modern Web Applications10,560
architecture, web-apps
Convert PNG to JPG Using FFmpeg (ama)10,559
images, png, jpeg, conversion, tooling
The Pros and Cons of Different UI Automation Test Tools—Playwright10,558
automation, testing, playwright
On-Page SEO Checklist: The Complete Task List for 2023 (sem)10,557
seo, checklists, html, semantics
New to the Web Platform in March (rac/dev)10,556
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,555
videos, ai, centering
DevTools: Getting Data From DevTools Into Your Code Editor10,554
dev-tools, browsers, code-editors
Alternative Text in the Wild: 5 Alternative Text Examples (pop)10,553
accessibility, writing, examples
A CSS Selector to Highlight Clickable Elements (seb)10,552
css, selectors
Clojure Transducers: Your Composable Data Pipelines (jan)10,551
clojure, functions
What Are Source Maps? (jec/dev)10,550
videos, debugging, javascript, source-maps
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (uxd)10,549
career, productivity, user-experience, design
XUL Layout Is Gone10,548
history, xul, browsers, mozilla, firefox
Why JavaScript Is a Prototype-Based OOP10,547
javascript, oop
Why I Quit Being a Tech “Influencer”10,546
career
One in Two New npm Packages Is SEO Spam Right Now10,545
npm, seo
CSS Masking (sha)10,544
css, masking
Checkered Background Using Two Lines of Code in CSS (ami+)10,543
backgrounds, css
AWS CloudFront Tutorial: Setup and Configuration10,542
tutorials, aws, cloudfront, content-delivery, configuration
Usability Heuristics in Game Design (uxd)10,541
usability, heuristics, design
Using PHP Arrays: A Guide for Beginners10,540
guides, php, arrays
The WebAIM Million (web)10,539
studies, research, accessibility, metrics
HTML: Help Users to Download Files With the HTML “download” Attribute10,538
html, attributes
How to Use Google Fonts and “font-display”10,537
how-tos, google, fonts, css
Framework Popularity on Netlify (sel/net)10,536
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
Flutter Performance Optimization Techniques and Best Practices10,535
flutter, performance, optimization, best-practices
CSS Nesting (fro)10,534
css, nesting, sass, comparisons
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)10,533
sustainability
Accessibility vs. Emojis (uxd)10,532
accessibility, emoji, unicode, comparisons
How to Write an Accessibility Statement (ger)10,531
how-tos, accessibility, documentation, writing
TypeScript Function Types: A Beginner’s Guide10,530
guides, typescript, functions
Meet Arc, a New Innovative Browser That Challenges Chrome10,529
browsers, arc, the-browser-company, google, chrome
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev)10,528
javascript, import-maps, browsers, support
In Praise of Vite (spa/clo)10,527
vite
Improving CSS Shapes With Trigonometric Functions (dan)10,526
css, shapes, functions
How to Split an Angular App Into Micro-Frontend Apps10,525
how-tos, angular, micro-frontends, web-apps
How to Review and Refactor Code With GPT-4 (and ChatGPT)10,524
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
Guardrails for Better Accessibility Support in Frontend (net)10,523
accessibility, quality, tooling
File Uploads for the Web: File Uploads in Node and Nuxt (aus)10,522
file-handling, nodejs, nuxt
Connecting Dots of an Accessibility Audit10,521
accessibility, auditing
10 AI Tools for Content Writing (sta)10,520
tooling, link-lists, content, writing, ai
Introduction to esbuild10,519
introductions, esbuild, bundling
Mastering the JavaScript “switch” Statement10,518
javascript
Getting Started With HTML Tables10,517
html, tables, introductions
Function Overloading in TypeScript10,516
typescript, functions
Fighting Inter-Component HTML Bloat (eli)10,515
components, html, semantics, quality
Defaulting on Single Page Applications (SPA) (zac)10,514
single-page-apps, javascript, performance
CSS Creator Håkon Wium Lie Interview10,513
interviews, css
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)10,512
ai, code-completion, productivity
A Quick Guide to Reviewing a VPAT ACR (kar)10,511
accessibility, vpat-acr, conformance, auditing
UX Principles for AI Products (uxd)10,510
user-experience, principles, ai
UX Basics: Study Guide (nng)10,509
guides, fundamentals, user-experience, training, link-lists
Using TypeScript Without Compilation (pas)10,508
typescript
Senior Engineering Strategies for Advanced React and TypeScript (tec)10,507
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance
Harnessing GPT-4 for Writing Assistance and Content Creation10,506
writing, content, social-media, ai
CSS-Only Widgets Are Inaccessible (aar)10,505
accessibility, css
Brief Introduction to Edge Computing10,504
introductions, edge-computing
Usability 101 (nng)10,503
videos, usability
The IL1 Typography Test (nng)10,502
videos, typography, legibility, user-experience, testing
WYSIWYGPT (cod)10,501
ai, career
What Is Strict Mode in React?10,500
react
The State of JS Frameworks (cfe/log)10,499
podcasts, javascript, frameworks, libraries
The “search” Element (sco)10,498
html, accessibility, semantics
The Landscape of npm Packages for CLI Apps10,497
nodejs, npm, dependencies, command-line
The Causes of Unreliable Software10,496
research, complexity, maintainability
CSS “overflow” Property10,495
css, overflow
What We’ve Learned About Designing for Accessibility From Our Users10,494
accessibility, design
The Ultimate Guide to Image Optimisation (fox/cal)10,493
guides, images, performance, compression, optimization
The Machines Won’t Save Your Design System (hey)10,492
design-systems, ai
Everything You Wanted to Know About Video Storage APIs10,491
multimedia, storage, apis
DevTools: Convert Network Requests to Code, or Even to a Terminal Command10,490
dev-tools, browsers, network, command-line
Circular Text With CSS? (jhe)10,489
css
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II10,488
accessibility, design, design-systems
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)10,487
guides, nodejs, event-loop, events
npx: The Easy Way to Run Node.js Packages10,486
nodejs, dependencies, npx
5 Lesser-Known Spacing Tips for Product Designers (uxd)10,485
design, spacing
Some Cross-Browser DevTools Features You Might Not Know (css)10,484
dev-tools, browsers, google, chrome, mozilla, firefox, apple, safari
Certifications Should Be Hard (kar)10,483
accessibility, career, training, learning
Automatic npm Publishing With GitHub Actions and npm Granular Tokens10,482
npm, github-actions, automation
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution10,481
semantic-web
With or Without the JS Framework (cit)10,480
javascript, frameworks, career
When Is “:focus-visible” Visible? (ire)10,479
accessibility, css, selectors
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)10,478
eleventy
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)10,477
hiding, accessibility, browsers, screen-readers, assistive-tech, css
The Carbon Cost of Social Media10,476
sustainability, social-media
That Time When SVG Almost Got Network Support for Raw Sockets10,475
svg, network, history
State of Node.js 2023 (jas+/thi)10,474
videos, nodejs
How to Start a React Project in 2023 (rwi)10,473
how-tos, react
File Uploads for the Web: Upload Files With JavaScript (aus)10,472
file-handling, javascript
Annotating Designs for Accessibility (int)10,471
videos, accessibility, design
Why We Added package.json Support to Deno (tin/den)10,470
deno, support, nodejs, npm
What Is Git Merge and How to Use It?10,469
git
The Intersection of Data Visualization and UX Design (uxm)10,468
information-design, user-experience, design