News and Tools for Frontend Development (11)

(Stay up-to-date on all topics by RSS feed or on Mastodon.)

Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide · Apr 9, 2023 · guides, career, learning
Choosing Humanity over Automation · Apr 8, 2023 · ai, design, automation
What’s New in CSS? · Apr 8, 2023 · slides, css
Mastering Yarn’s Lifecycle With Hooks · Apr 8, 2023 · yarn, hooks
Boost Your JavaScript With JSDoc Typing · Apr 8, 2023 · javascript, typescript, documentation
Understanding Apache Web Server Configuration · Apr 8, 2023 · servers, apache, configuration
Chasing Rainbows · Apr 7, 2023 · accessibility, user-experience
DevTools: A Clever Overview of All Your CSS Code · Apr 7, 2023 · user-agents, dev-tools, auditing, css, google, chrome
It’s Time to Learn OKLCH Color · Apr 7, 2023 · colors, oklch, css
The Pattern to Make Your Frontend Tests 10× Better · Apr 7, 2023 · testing
Stream File Uploads to S3 Object Storage and Save Money · Apr 7, 2023 · aws, streaming, storage, economics
Programming-Language Popularity by GitHub Pull Requests · Apr 7, 2023 · studies, research, programming, comparisons, github, javascript, typescript
Frontend Developer Tries Tailwind for the First Time · Apr 6, 2023 · videos, tailwind, css
Establishing Metrics for Accessibility ROI · Apr 6, 2023 · accessibility, metrics, economics
Unlocking the Power of Design Tokens to Create Dark Mode UI · Apr 6, 2023 · design-tokens, dark-mode
3 Methods for Scoped Styles in Web Components That Work Everywhere · Apr 6, 2023 · web-components, css, scope, dom, shadow-dom, support
10 CSS Animation Tips and Tricks · Apr 6, 2023 · videos, css, animations, tips-and-tricks
Foundations: Accessible Names and Descriptions · Apr 5, 2023 · accessibility, naming, writing, aria
Can You Create Beautiful Stroked Text in CSS? · Apr 5, 2023 · css, effects
Designing for Reduced Motion · Apr 5, 2023 · accessibility, animations
Observing CSS · Apr 5, 2023 · css, javascript, monitoring
What’s New in WCAG 2.2? · Apr 5, 2023 · accessibility, wcag, standards
Choosing a Name for Your Design System · Apr 5, 2023 · design-systems, naming
The Alt Text War—SEO vs. Accessibility · Apr 5, 2023 · accessibility, seo, writing, alt-text, comparisons
7 Tips for Getting Started With Vue.js · Apr 5, 2023 · videos, vuejs, tips-and-tricks
Release Notes for Safari Technology Preview 167 · Apr 5, 2023 · release-notes, user-agents, apple, safari
4 GitHub Alternatives for Code Repositories · Apr 4, 2023 · git, link-lists
Code Explanation Using GitHub Copilot · Apr 4, 2023 · github, ai, learning
What Is Semantic HTML? · Apr 4, 2023 · html, semantics
New in Chrome 112 · Apr 4, 2023 · release-notes, user-agents, google, chrome
What Makes a Good Screenshot? · Apr 4, 2023 · accessibility, images
Testing Localhost on Multiple Devices · Apr 4, 2023 · testing, servers
The Revenge of the Pop-Up · Apr 4, 2023 · user-experience, anti-patterns, pop-ups
Accessibility for Designers: Where Do I Start? · Apr 3, 2023 · accessibility, design, link-lists
Exposing Field Errors · Apr 3, 2023 · accessibility, forms, aria, assistive-tech, support
How WebAssembly Is Accelerating New Web Functionality · Apr 3, 2023 · webassembly, functionality
Safari Releases Are Development Hell · Apr 3, 2023 · user-agents, apple, safari, support
What Is a Design System and Why Should You Use One? · Apr 3, 2023 · design-systems
Copy to Clipboard In JavaScript and React · Apr 3, 2023 · javascript, react
Five Pieces of Advice for More Accessible Websites · Apr 3, 2023 · accessibility, html
So, How Can We Measure UX? · Apr 3, 2023 · user-experience, metrics
A Small JavaScript Pattern I Enjoy Using · Apr 3, 2023 · javascript
A Color Wheel With Gradient · Apr 3, 2023 · css, colors, gradients, effects, tips-and-tricks
Quick Tip: Pull Data from an API into a Figma Layer · Apr 3, 2023 · tips-and-tricks, apis, figma, design
Slow Start and Congestion Control (Browser Networking) · Apr 3, 2023 · performance, protocols, tcp
Modern HTML Email (Tables No Longer Required) · Apr 2, 2023 · html, email, tables
Sticky Page Header Shadow on Scroll · Apr 2, 2023 · css, scrolling, shadows
When I Get That Low Contrast Feeling, I Need Non-Textual Healing · Apr 2, 2023 · accessibility, contrast, colors
Why Do They Ignore My Awesome Design Documentation? · Apr 2, 2023 · design, documentation
The Future of Senior Developers in an AI-Driven World · Apr 2, 2023 · career, ai, code-completion
10 Ways to Hide Elements in CSS · Apr 2, 2023 · css, accessibility, performance
7 Tricks to Take the Performance of Your Website to the Moon · Apr 2, 2023 · performance, minification, tree-shaking, tips-and-tricks
We Need Accessibility Action · Apr 1, 2023 · accessibility, web
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps · Apr 1, 2023 · guides, accessibility, testing, automation, ci-cd, react
Folder Structure for Modern Web Applications · Apr 1, 2023 · architecture, web-apps
DevTools: Getting Data from DevTools into Your Code Editor · Mar 31, 2023 · dev-tools, user-agents
New to the Web Platform in March · Mar 31, 2023 · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox, apple, safari
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI · Mar 31, 2023 · videos, ai
The Pros and Cons of Different UI Automation Test Tools—Playwright · Mar 31, 2023 · automation, testing, playwright
A CSS Selector to Highlight Clickable Elements · Mar 31, 2023 · css, selectors
Alternative Text in the Wild: 5 Alternative Text Examples · Mar 31, 2023 · accessibility, writing, examples
Checkered Background Using Two Lines of Code in CSS · Mar 30, 2023 · backgrounds, css
CSS Masking · Mar 30, 2023 · css, masking
From Burnout to Balance: Why Are So Many UX Designers Fatigued? · Mar 30, 2023 · career, productivity, user-experience, design
One in Two New npm Packages Is SEO Spam Right Now · Mar 30, 2023 · npm, seo
What Are Source Maps? · Mar 30, 2023 · videos, debugging
Why I Quit Being a Tech “Influencer” · Mar 30, 2023 · career
Why JavaScript Is a Prototype-Based OOP · Mar 30, 2023 · javascript, programming
XUL Layout Is Gone · Mar 30, 2023 · history, xul, user-agents, mozilla, firefox
Using PHP Arrays: A Guide for Beginners · Mar 29, 2023 · guides, php, arrays
Framework Popularity on Netlify · Mar 29, 2023 · frameworks, react, nextjs, gatsby, comparisons
6 Steps to Reduce the Carbon Footprint of Your Website · Mar 29, 2023 · sustainability
Usability Heuristics in Game Design · Mar 29, 2023 · usability, heuristics, design
HTML: Help Users to Download Files With the HTML “download” Attribute · Mar 29, 2023 · html
How to Use Google Fonts and “font-display” · Mar 29, 2023 · how-tos, google, fonts, css
Flutter Performance Optimization Techniques and Best Practices · Mar 29, 2023 · flutter, performance, optimization, best-practices
The WebAIM Million · Mar 29, 2023 · studies, research, accessibility, metrics
10 AI Tools for Content Writing · Mar 28, 2023 · tooling, link-lists, content, writing, ai
JavaScript Import Maps Are Now Supported Cross-Browser · Mar 28, 2023 · javascript, user-agents, support
Guardrails for Better Accessibility Support in Frontend · Mar 28, 2023 · accessibility, quality, tooling
Accessibility vs. Emojis · Mar 28, 2023 · accessibility, emoji, unicode, comparisons
How to Review and Refactor Code With GPT-4 (and ChatGPT) · Mar 28, 2023 · how-tos, code-reviews, refactoring, ai, optimization
How to Split an Angular App into Micro-Frontend Apps · Mar 28, 2023 · how-tos, angular, micro-frontends, web-apps
In Praise of Vite · Mar 28, 2023 · vite
Improving CSS Shapes With Trigonometric Functions · Mar 28, 2023 · css, functions
TypeScript Function Types: A Beginner’s Guide · Mar 28, 2023 · guides, typescript, functions
Connecting Dots of an Accessibility Audit · Mar 28, 2023 · accessibility, auditing
File Uploads for the Web: File Uploads in Node and Nuxt · Mar 28, 2023 · file-handling, nodejs, nuxt
A Quick Guide to Reviewing a VPAT ACR · Mar 27, 2023 · accessibility, conformance, auditing
CSS Creator Håkon Wium Lie Interview · Mar 27, 2023 · interviews, css
Defaulting on Single Page Applications (SPA) · Mar 27, 2023 · spas, javascript, performance
Fighting Inter-Component HTML Bloat · Mar 27, 2023 · components, html, semantics, quality
Mastering the JavaScript “switch” Statement · Mar 27, 2023 · javascript
Getting Started With HTML Tables · Mar 27, 2023 · html, tables, introductions
AI-Enhanced Development Makes Me More Ambitious With My Projects · Mar 27, 2023 · ai, code-completion, productivity
Function Overloading in TypeScript · Mar 27, 2023 · typescript, functions
UX Principles for AI Products · Mar 26, 2023 · user-experience, principles, ai
Using TypeScript Without Compilation · Mar 26, 2023 · typescript
UX Basics: Study Guide · Mar 26, 2023 · guides, fundamentals, user-experience, training, link-lists
CSS-Only Widgets Are Inaccessible · Mar 25, 2023 · accessibility, css
Harnessing GPT-4 for Writing Assistance and Content Creation · Mar 25, 2023 · writing, content, social-media, ai
Brief Introduction to Edge Computing · Mar 25, 2023 · introductions, edge-computing
CSS “overflow” Property · Mar 24, 2023 · css
The IL1 Typography Test · Mar 24, 2023 · videos, typography, legibility, user-experience, testing
The “search” Element · Mar 24, 2023 · html, accessibility, semantics
Usability 101 · Mar 24, 2023 · videos, usability
WYSIWYGPT · Mar 24, 2023 · ai, career
The State of JS Frameworks · Mar 24, 2023 · podcasts, javascript, frameworks, libraries
The Causes of Unreliable Software · Mar 24, 2023 · complexity, maintainability
The Landscape of npm Packages for CLI Apps · Mar 24, 2023 · nodejs, npm, dependencies, command-line
What Is Strict Mode in React? · Mar 24, 2023 · react
DevTools: Convert Network Requests to Code, or Even to a Terminal Command · Mar 23, 2023 · dev-tools, user-agents, network, command-line
Everything You Wanted to Know About Video Storage APIs · Mar 23, 2023 · multimedia, storage, apis
The Ultimate Guide to Image Optimisation · Mar 23, 2023 · guides, images, performance, compression, optimization
What We’ve Learned About Designing for Accessibility from Our Users · Mar 23, 2023 · accessibility, design
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II · Mar 23, 2023 · accessibility, design, design-systems
The Machines Won’t Save Your Design System · Mar 23, 2023 · design-systems, ai
A Complete Visual Guide to Understanding the Node.js Event Loop · Mar 23, 2023 · guides, nodejs, events
Circular Text With CSS? · Mar 23, 2023 · css
5 Lesser-Known Spacing Tips for Product Designers · Mar 22, 2023 · design, spacing
Some Cross-Browser DevTools Features You Might Not Know · Mar 22, 2023 · dev-tools, user-agents, google, chrome, mozilla, firefox, apple, safari
Certifications Should Be Hard · Mar 22, 2023 · accessibility, training, learning
Automatic npm Publishing With GitHub Actions and npm Granular Tokens · Mar 22, 2023 · npm, github, automation
Annotating Designs for Accessibility · Mar 21, 2023 · videos, accessibility, design
That Time When SVG Almost Got Network Support for Raw Sockets · Mar 21, 2023 · svg, network, history
The Carbon Cost of Social Media · Mar 21, 2023 · sustainability, social-media
What’s New in Eleventy 2: A Great SSG Just Got Better · Mar 21, 2023 · eleventy
State of Node.js 2023 · Mar 21, 2023 · videos, nodejs
With or Without the JS Framework · Mar 21, 2023 · javascript, frameworks, career
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined · Mar 21, 2023 · accessibility, user-agents, assistive-tech, screen-readers, css
How to Start a React Project in 2023 · Mar 21, 2023 · how-tos, react
File Uploads for the Web: Upload Files With JavaScript · Mar 21, 2023 · file-handling, javascript
When Is “:focus-visible” Visible? · Mar 21, 2023 · accessibility, css, selectors
7 Ways Web Developers and UX Designers Can Collaborate · Mar 20, 2023 · collaboration, processes
The End of Front-End Development · Mar 20, 2023 · visions, career, html
The Intersection of Data Visualization and UX Design · Mar 20, 2023 · information-design, user-experience, design
What Is Git Merge and How to Use It? · Mar 20, 2023 · git
Why We Added package.json Support to Deno · Mar 20, 2023 · deno, support, nodejs, npm
Preventing Too-Short Final Lines of Text Blocks · Mar 20, 2023 · css, typography
The Age of Average · Mar 20, 2023 · design
Regression Testing in the Agile Universe · Mar 20, 2023 · agile, processes, testing, regressions
Rich Harris Talks SvelteKit and What’s Next for Svelte · Mar 20, 2023 · interviews, svelte, sveltekit
The Cost of Craft · Mar 20, 2023 · craft, quality, complexity, processes
CSS Is Dead! · Mar 20, 2023 · css
5 Ways to Modernize Your Web Application · Mar 20, 2023 · web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scaling
The 5 Best Status Page Tools · Mar 20, 2023 · tooling, monitoring, alerting, link-lists
Using “forRoot()” and “forChild()” in Angular · Mar 19, 2023 · angular
Laying Out a Print Book With CSS · Mar 19, 2023 · print, css
Deep Dive into How Web Browsers Work (with Illustrations) · Mar 19, 2023 · user-agents, rendering
Speeding Up the JavaScript Ecosystem—npm Scripts · Mar 19, 2023 · javascript, performance, bundling, npm
Introduction to Flutter: Getting Started With Cross-Platform Development · Mar 19, 2023 · introductions, flutter
Design System Guide · Mar 18, 2023 · guides, design-systems, link-lists
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language · Mar 18, 2023 · javascript
How to Stop a React Component from Rendering · Mar 18, 2023 · how-tos, react, components, client-side-rendering
DevTools: Tricks for Copying the Styling from Any Website · Mar 17, 2023 · dev-tools, css, user-agents, google, chrome
Foundations: Pointer Gestures · Mar 17, 2023 · accessibility, usability
Retro-Specifying Fetch/Performance · Mar 17, 2023 · standards, apis, data-fetching
Hijacking Screenreaders With CSS · Mar 17, 2023 · videos, accessibility, user-agents, assistive-tech, screen-readers, css
How Screen Readers Read Special Characters: An Update · Mar 17, 2023 · accessibility, user-agents, assistive-tech, screen-readers, support, unicode
Everything You Need to Know About the Updated React Docs · Mar 17, 2023 · react, documentation
How to Use “v-model” With Form Inputs in Vue · Mar 17, 2023 · how-tos, vuejs, forms
The Problem With React · Mar 17, 2023 · react
5 Tips for New Prototypers · Mar 17, 2023 · videos, prototyping, tips-and-tricks
Cryptographically Protecting Your SPA · Mar 17, 2023 · spas, security, cryptography
Accessibility Beyond Code Compliance · Mar 16, 2023 · accessibility, compliance
It’s About Time CAPTCHAs Become Accessible · Mar 16, 2023 · accessibility, captcha
Accessibility and Design Systems: The Deep-Dive Q&A · Mar 16, 2023 · interviews, accessibility, design-systems
Versioning Design Tokens · Mar 16, 2023 · design-tokens, versioning, maintainability
DevTools: Faster Searching in DevTools With CSS Selectors · Mar 16, 2023 · dev-tools, css, selectors, user-agents, google, chrome
Internationalization in Next.js 13 With React Server Components · Mar 16, 2023 · internationalization, nextjs, react, components
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery · Mar 16, 2023 · github, open-source, community
Scraping Single-Page Applications With Playwright · Mar 16, 2023 · scraping, spas, playwright
JavaScript Polyfills · Mar 16, 2023 · javascript, polyfills
The Ultimate Guide to Micro-Content · Mar 16, 2023 · guides, content, microcontent
Future CSS: Anchor Positioning · Mar 15, 2023 · css, experiments
Git Fundamentals, a Complete Guide · Mar 15, 2023 · guides, git, fundamentals
JavaScript for Beginners: Data Structures · Mar 15, 2023 · javascript, arrays, objects
The H1 Conundrum: Understanding the Challenges of Heading Level One · Mar 15, 2023 · accessibility, semantics, headings, html
6 CSS Snippets Every Front-End Developer Should Know in 2023 · Mar 15, 2023 · css
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts · Mar 15, 2023 · offline, storage, web-apps
Circling Back on Design and Everything Else · Mar 14, 2023 · design
Fix Color Contrast—Web Accessibility for Text and UI Design · Mar 14, 2023 · accessibility, colors, contrast
JavaScript: Automatically Remove an Event Listener After It Has Executed · Mar 14, 2023 · javascript, events
Modern Font Stacks · Mar 14, 2023 · websites, fonts, typography
What Leonardo Da Vinci Can Teach Us About Web Design · Mar 14, 2023 · design, layout
How Design Is Governance · Mar 14, 2023 · design
Progressively Enhancing a Table With a Web Component · Mar 14, 2023 · html, javascript, tables, web-components, progressive-enhancement
Advice from a Software Engineer With 8 Years of Experience · Mar 14, 2023 · career
Accepting Design · Mar 14, 2023 · design
TCP Echo Server for Node.js · Mar 14, 2023 · servers, nodejs, tcp
Useful Tips and Tricks for Laravel · Mar 14, 2023 · tips-and-tricks, laravel
Best Practices for Structuring Accessibility Testing · Mar 13, 2023 · accessibility, testing, best-practices
Why Aren’t Logical Properties Taking Over Everything? · Mar 13, 2023 · css, logical-properties, internationalization
Making Calendars With Accessibility and Internationalization in Mind · Mar 13, 2023 · functionality, accessibility, internationalization
The Ternary Operator in JavaScript · Mar 13, 2023 · javascript, operators
What Is the Cost of Designing a Mobile App? · Mar 13, 2023 · economics, mobile
Introduction to Offline First Web Applications · Mar 13, 2023 · videos, offline, web-apps
8 Tips for Making Your Custom Web Designs Mobile Friendly · Mar 13, 2023 · design, mobile, tips-and-tricks
Create and Download Text Files Using JavaScript · Mar 12, 2023 · javascript
UX Strategy: Study Guide · Mar 12, 2023 · guides, user-experience, strategies, training, link-lists
We Don’t Need “.visually-hidden” · Mar 12, 2023 · accessibility, css, semantics, quality
“content” Is Your Content? · Mar 11, 2023 · css, content, seo, accessibility, maintainability
“Design First, Then Build”: Let’s Bury This Myth Forevermore · Mar 10, 2023 · design, processes
From UX to Growth Design: 5 Principles to Multiply Your Value · Mar 10, 2023 · user-experience, design, principles
View Transitions API: Creating Smooth Page Transitions · Mar 10, 2023 · transitions, apis
Handling CSS Color Fonts With “font-palette” · Mar 10, 2023 · css, colors, fonts
The Ultimate Guide to Becoming a 10× Dev · Mar 10, 2023 · guides, productivity, career
All JavaScript and TypeScript Features from the Last 3 Years · Mar 9, 2023 · javascript, typescript, history
TypeScript’s Migration to Modules · Mar 9, 2023 · typescript, modules, migration
Building Complex Forms in Vue · Mar 9, 2023 · forms, vuejs
Evolving Custom Sliders · Mar 9, 2023 · javascript, css
One Problem That Is Now Solved by CSS Subgrid · Mar 9, 2023 · css, layout
SPA View Transitions Land in Chrome 111 · Mar 9, 2023 · apis, transitions, release-notes, user-agents, google, chrome
Vue vs. React: Everything You Need to Know · Mar 9, 2023 · vuejs, react, comparisons
Web Cookies With a Taste of Privacy · Mar 9, 2023 · cookies, privacy, user-experience
Selecting Previous Siblings With CSS “:has()” · Mar 9, 2023 · css, selectors
Craft vs. Industry: Separating Concerns · Mar 9, 2023 · quality, economics, maintainability, craft, comparisons
File Uploads for the Web: Uploading Files With HTML · Mar 9, 2023 · file-handling, html
Cover All the Codebases: A Guide to Code Coverage Tools · Mar 9, 2023 · guides, code-coverage, testing, tooling, link-lists
I No Longer Understand “prefers-contrast” · Mar 8, 2023 · css, media-queries
My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use · Mar 8, 2023 · accessibility, components
Static Site Generators: What’s Trending Right Now · Mar 8, 2023 · static-site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
ChatGPT and Me (a Recruiter) · Mar 8, 2023 · ai, career, interviewing
How to Fix: Child Stylesheet Loading Twice (WordPress) · Mar 8, 2023 · how-tos, wordpress, php
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions · Mar 8, 2023 · css, functions
CSS Nesting · Mar 8, 2023 · css, nesting
Tackling Design Debt in Product · Mar 8, 2023 · podcasts, design-debt, product-management
Change Favicon on Switching Browser Tabs in JavaScript · Mar 7, 2023 · images, favicons, javascript
An End to Typographic Widows on the Web · Mar 7, 2023 · typography, css
As a User, I Don’t Want To · Mar 7, 2023 · product-management, agile, user-experience
Zebra Stripe Lines of Text Even When They Wrap · Mar 7, 2023 · css
2023 Web Framework Performance Report · Mar 7, 2023 · frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
Quick Tip: How to Cache Data in PHP · Mar 7, 2023 · how-tos, php, caching, tips-and-tricks
What Value Does Developer Relations Bring to Other Teams? · Mar 6, 2023 · developer-relations, processes
A Tab Interface Before Its Time · Mar 6, 2023 · html, components
Managing Fonts in WordPress Block Themes · Mar 6, 2023 · fonts, wordpress
The AI Future of Frontend Development · Mar 6, 2023 · ai, career
HTML Garden · Mar 6, 2023 · websites, html, art
ARIA Live Regions for JavaScript Frameworks · Mar 6, 2023 · accessibility, aria, live-regions, javascript, frameworks
Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond · Mar 6, 2023 · flutter, best-practices
The Anatomy of a Good Design: An Analysis of 4 Sites · Mar 5, 2023 · design
Balanced Text Wrapping Is Coming to CSS · Mar 4, 2023 · css, typography
10 Helpful JavaScript Utility Functions · Mar 4, 2023 · javascript, functions
50.1% Empty Links · Mar 4, 2023 · accessibility, html, links, semantics, seo
Continuous Growth Is Cancer · Mar 3, 2023 · economics, career
The Cost of Architectural Complexity · Mar 3, 2023 · architecture, complexity, economics
Optimising Large Contentful Paint · Mar 3, 2023 · videos, performance, web-vitals, optimization
AI-Generated Git Commit Messages · Mar 3, 2023 · ai, git, automation
Making the Case for Signals in JavaScript · Mar 3, 2023 · javascript, signals
The Art of Unlearning · Mar 2, 2023 · learning, design