News and Tools for Frontend Development (13)

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

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
We Don’t Need “.visually-hidden” · Mar 12, 2023 · accessibility, css, semantics, quality
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
“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
One Problem That Is Now Solved by CSS Subgrid · Mar 9, 2023 · css, layout
Evolving Custom Sliders · Mar 9, 2023 · javascript, css
Vue vs. React: Everything You Need to Know · Mar 9, 2023 · vuejs, react, comparisons
SPA View Transitions Land in Chrome 111 · Mar 9, 2023 · apis, transitions, release-notes, user-agents, google, chrome
Selecting Previous Siblings With CSS “:has()” · Mar 9, 2023 · css, selectors
Web Cookies With a Taste of Privacy · Mar 9, 2023 · cookies, privacy, user-experience
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
Static Site Generators: What’s Trending Right Now · Mar 8, 2023 · static-site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
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
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
An End to Typographic Widows on the Web · Mar 7, 2023 · typography, css
Change Favicon on Switching Browser Tabs in JavaScript · Mar 7, 2023 · images, favicons, javascript
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
Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond · Mar 6, 2023 · flutter, best-practices
ARIA Live Regions for JavaScript Frameworks · Mar 6, 2023 · accessibility, aria, live-regions, javascript, frameworks
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
Making the Case for Signals in JavaScript · Mar 3, 2023 · javascript, signals
AI-Generated Git Commit Messages · Mar 3, 2023 · ai, git, automation
The Art of Unlearning · Mar 2, 2023 · learning, design
Everything You Need to Know About the Gap After the List Marker · Mar 2, 2023 · css
Toolkit Tuesday: Using YouTube for Captions and Transcripts · Mar 2, 2023 · videos, transcripts, accessibility, captions
Moving from Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System · Mar 2, 2023 · case-studies, vuejs, migration, headless, content-management
Are You Making These Five Mistakes When Writing Alt Text? · Mar 2, 2023 · accessibility, writing, alt-text, mistakes
Signals in Angular: The Future of Change Detection · Mar 2, 2023 · angular, signals
Announcing TypeScript 5.0 RC · Mar 1, 2023 · typescript, release-notes
A Beginner’s Guide to Manual Accessibility Testing · Mar 1, 2023 · guides, accessibility, testing
The Web Needs a Native “.visually-hidden” · Mar 1, 2023 · css, accessibility
You Don’t Need a Build Step · Mar 1, 2023 · building, tooling, deno
Declarative Design · Mar 1, 2023 · videos, design
Accessible but Never Boring: Rebranding the Wise Design System for Everyone · Mar 1, 2023 · accessibility, design, design-systems
Unlocking SVG’s Superpowers · Mar 1, 2023 · videos, svg
The WebAIM Strategic Accessibility Framework · Mar 1, 2023 · accessibility, strategies
A Native “Visually Hidden” in CSS? Yes Please! · Mar 1, 2023 · accessibility, user-agents, assistive-tech, screen-readers, css
How We Built Our Multi-Platform Design System at Booking.com · Mar 1, 2023 · case-studies, design-systems, theming, scaling
React vs. Signals: 10 Years Later · Mar 1, 2023 · react, signals, javascript, comparisons, retrospectives
Learn How to Set Up a CI/CD Pipeline from Scratch · Mar 1, 2023 · how-tos, ci-cd
Throttle Your CPU · Mar 1, 2023 · user-agents, dev-tools, testing, throttling
Relative Rounded Corners · Mar 1, 2023 · html, css
The Seven Archetypes of Organizational Topologies · Feb 28, 2023 · processes, agile
Conformance and Accessibility · Feb 28, 2023 · accessibility, conformance, quality
Animated Gradient Text in CSS · Feb 28, 2023 · css, animations, gradients
Are You Testing to Test, or Testing to Prove? · Feb 28, 2023 · testing, processes
What Is “ref()” in Vue? · Feb 28, 2023 · vuejs
Without Accessibility, There Is No Privacy or Security · Feb 28, 2023 · accessibility, privacy, security
How People Read Online · Feb 28, 2023 · accessibility, content, readability, user-experience
Could We Make the Web More Immersive Using a Simple Optical Illusion? · Feb 28, 2023 · experiments, user-experience
Ten Tips for Better CSS Transitions and Animations · Feb 28, 2023 · css, transitions, animations, tips-and-tricks
Quick Tip: How to Handle Exceptions in PHP · Feb 28, 2023 · how-tos, tips-and-tricks, php, errors
A Guide to Accessible Form Validation · Feb 27, 2023 · guides, forms, validation, accessibility, user-experience
A Guide to CSS “object-view-box” · Feb 27, 2023 · guides, css
The Ultimate Guide to Web Development Tools · Feb 27, 2023 · guides, tooling, link-lists
Simplified Dark Mode With Style Queries · Feb 27, 2023 · css, container-queries, dark-mode
The Evolution of Signals in JavaScript · Feb 27, 2023 · javascript, signals
The Coolest JavaScript Features from the Last 5 Years · Feb 27, 2023 · javascript, retrospectives
On Container Queries, Responsive Images, and JPEG-XL · Feb 27, 2023 · css, container-queries, images, responsive-design, jpeg
Designers, Use Your intuition · Feb 26, 2023 · design, collaboration
Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools · Feb 26, 2023 · tailwind, css, dev-tools, chrome, google, user-agents, testing
Dithering Images With React/JavaScript · Feb 26, 2023 · images, dithering, react, javascript
22 Useful CSS Tips and Tricks Every Developer Should Know · Feb 26, 2023 · css, tips-and-tricks
Is It Time to Replace Sass? · Feb 25, 2023 · sass, preprocessors
CSS Animation Libraries: 10 Popular Choices · Feb 25, 2023 · css, animations, libraries, link-lists
Crawl Weather Using Cypress · Feb 25, 2023 · testing, cypress
Learn CSS Positioning · Feb 25, 2023 · css, layout
Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook · Feb 25, 2023 · guides, vuejs, storybook
Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs · Feb 25, 2023 · javascript, debugging, tooling, techniques
How to Style Your Alt Text · Feb 25, 2023 · how-tos, css, accessibility, alt-text
How to Contribute to a Project You Have No Idea About · Feb 25, 2023 · how-tos, open-source, processes, community
Prepare for Chrome’s User Agent [String] Reduction · Feb 24, 2023 · videos, user-agents, google, chrome, feature-detection
3 Common Antipersonas in UX · Feb 24, 2023 · videos, user-experience, personas
In-Depth Guide to CSS Logical Properties · Feb 24, 2023 · videos, guides, css, logical-properties
The JavaScript Site Generator Review, 2023 · Feb 24, 2023 · static-site-generators, performance, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
You Have the Users You Have · Feb 24, 2023 · videos, usability, user-experience
Getting Started With Style Queries · Feb 24, 2023 · css, container-queries, introductions
Privacy Principles · Feb 23, 2023 · privacy, principles
Node.js Toolbox · Feb 23, 2023 · websites, nodejs, packages
Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility · Feb 23, 2023 · accessibility
Experiments With the JavaScript Garbage Collector · Feb 23, 2023 · javascript, experiments
7 Essential React Libraries for Front-End Web Development · Feb 23, 2023 · react, libraries, link-lists
All About Promises in JavaScript · Feb 23, 2023 · javascript, promises
16 Best CSS Books for Beginners and Advanced Coders · Feb 23, 2023 · books, css, link-lists
Learn Privacy · Feb 22, 2023 · courses, privacy
Where Does Developer Relations Belong in an Organization? · Feb 22, 2023 · developer-relations, processes
The State of Node.js Core · Feb 22, 2023 · videos, nodejs
Automatic Captions: Our Experiments and Best Practices · Feb 22, 2023 · accessibility, captions, best-practices, automation
What Framework Should I Use? · Feb 22, 2023 · frameworks
Open Captions vs. Closed Captions: What’s the Difference? · Feb 22, 2023 · accessibility, captions, comparisons
The Great Gaslighting of the JavaScript Era · Feb 22, 2023 · javascript, frameworks, web-platform
The Importance of Adding Accessibility Design Reviews to the Design Process · Feb 22, 2023 · accessibility, design, processes
When JavaScript Fails · Feb 22, 2023 · javascript
Understanding Easing and Cubic Bézier Curves in CSS · Feb 22, 2023 · css, transitions, animations
The Page With No Code · Feb 22, 2023 · minimalism, http, css
Thoughts on Dev Rel in the Post-Twitter Era · Feb 22, 2023 · developer-relations, social-media, community
How to Handle Date and Time With JavaScript · Feb 22, 2023 · how-tos, javascript
How Shadow DOM and Accessibility Are in Conflict · Feb 22, 2023 · accessibility, dom, shadow-dom
Understanding the Difference Between Props and State in React · Feb 22, 2023 · react, props, state-management, comparisons
“(255,255,255)” Is the Highest Specificity · Feb 21, 2023 · css, cascade
5 Super Useful CSS Properties That Don’t Get Enough Attention · Feb 21, 2023 · videos, css
ARIA vs. HTML · Feb 21, 2023 · accessibility, html, aria, semantics, comparisons
Ethical Alternatives to Revenue-Generating Deceptive Patterns · Feb 21, 2023 · ethics, dark-patterns, monetization, user-experience
“Make It Easier” Is Not a Product Strategy · Feb 21, 2023 · user-experience, product-management, strategies
Design Systems in the Time of AI · Feb 21, 2023 · design-systems, ai
Not Everyone Uses a Computer in the Same Way That You Do · Feb 21, 2023 · videos, accessibility
Use the Child-Element Count in CSS · Feb 21, 2023 · css, selectors
Surviving Design Systems · Feb 21, 2023 · design-systems
The State of JS Frameworks · Feb 21, 2023 · podcasts, javascript, frameworks
Understanding the Cost of Not Being Accessible · Feb 21, 2023 · accessibility, economics
Updating a Design System · Feb 21, 2023 · design-systems, maintenance
Style File Selector Button Using CSS · Feb 21, 2023 · buttons, css
Quick Tip: How to Trim Whitespace With PHP · Feb 21, 2023 · how-tos, tips-and-tricks, php
React Libraries for 2023 · Feb 21, 2023 · react, libraries, link-lists
Learn All About Node.js Worker Threads With Examples · Feb 21, 2023 · nodejs, worker-threads, examples
All About Iterative Design · Feb 20, 2023 · design, processes
Arranging Diamond Tiles in a Grid · Feb 20, 2023 · css, layout
Last Baseline Alignment · Feb 20, 2023 · css, layout, support, user-agents
Avoid Spanning Table Headers · Feb 20, 2023 · accessibility, assistive-tech, html, tables
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly · Feb 20, 2023 · css, images
Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle · Feb 20, 2023 · accessibility, inclusion, processes
Keys to an Accessibility Mindset · Feb 20, 2023 · accessibility, design
Create a Rainbow-Coloured List With “:nth-of-type()” · Feb 20, 2023 · css, selectors, colors
How to Password-Protect a Static HTML Page With No JS · Feb 20, 2023 · how-tos, security, css, fonts
Do We Need CSS “flex-wrap” Detection? · Feb 19, 2023 · css, layout
The Spirit of CSS-Tricks Is Now Gone · Feb 19, 2023 · community, learning
My CSS Wishlist 2023 · Feb 19, 2023 · css, wish-lists
Representation of Style · Feb 19, 2023 · html, semantics
To Sketch or Not to Sketch? · Feb 18, 2023 · design, ai
Don’t Use 403s or 404s for Rate Limiting · Feb 17, 2023 · seo, http
Declarative Shadow DOM · Feb 17, 2023 · shadow-dom, dom, html
Resizing With CSS · Feb 17, 2023 · css
Software Accessibility for Users With Attention Deficit Disorder (ADHD) · Feb 17, 2023 · accessibility
If You’re Going to Do a Job, Do It Properly · Feb 17, 2023 · accessibility, css
A Step-by-Step Guide to Building Accessible Carousels · Feb 17, 2023 · guides, carousels, accessibility, html, user-experience
How to Build Offline Web Applications · Feb 17, 2023 · how-tos, offline, web-apps
Unlocking the Power of Design to Help Users Make Smart Decisions · Feb 17, 2023 · design, tips-and-tricks
Using Node Watch Instead of Nodemon · Feb 17, 2023 · nodejs, tooling
ChatGPT Can Write Good CSS? · Feb 16, 2023 · videos, ai, css
The Return to the Office Could Be the Real Reason for the Slump in Productivity · Feb 16, 2023 · productivity
Writing JavaScript Without a Build System · Feb 16, 2023 · javascript, building
My 2023 CSS Wishlist · Feb 16, 2023 · css, wish-lists
Scaling Accessibility Through Design Systems · Feb 16, 2023 · videos, design-systems, accessibility, scaling
Building an Animated SVG Logo With animejs · Feb 16, 2023 · svg, animations, vuejs
Screen Readers Don’t Convey the Semantics of “strong” and “em” · Feb 16, 2023 · accessibility, user-agents, assistive-tech, screen-readers, semantics, html
Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX · Feb 16, 2023 · videos, web-platform, user-agents, economics
How to Use View Transitions in Hotwire Turbo · Feb 16, 2023 · how-tos, transitions, hotwire
Buttons, Links, and Focus · Feb 16, 2023 · accessibility, semantics, buttons, links, focus
What to Expect from Vue in 2023 and How It Differs from React · Feb 16, 2023 · vuejs, react, comparisons
Is It Worth Learning JavaScript? Popularity, Salaries, and Future · Feb 15, 2023 · javascript, career
Some of the Future Is Now for CSS: A Postscript · Feb 15, 2023 · css
How the Web Works: Understanding the Architecture of the Web · Feb 15, 2023 · web-platform, protocols, rendering
A Practical Approach to Automated Accessibility · Feb 15, 2023 · accessibility, testing, automation
Angular Reactivity With Signals · Feb 15, 2023 · angular, reactivity, signals
IT Incident Management · Feb 15, 2023 · incident-response
The User Activation API · Feb 15, 2023 · apis, javascript
Automation Is Not the Enemy · Feb 14, 2023 · accessibility, testing, automation
Well-Known Symbols · Feb 14, 2023 · javascript
Container Queries Land in Stable Browsers · Feb 14, 2023 · css, container-queries, user-agents, support
My CSS Wish List · Feb 14, 2023 · css, wish-lists
The Modern Web’s Underrated Powerhouse · Feb 14, 2023 · css
CSS Grid Gap Behavior With Hidden Elements · Feb 14, 2023 · css, layout
Is It Time to Go Back to the Monolith? · Feb 14, 2023 · monoliths
How to Inspect Interactions in the Browser · Feb 14, 2023 · how-tos, user-agents, dev-tools, debugging
Mastodon and Open Graph · Feb 14, 2023 · social-media, mastodon, html, metadata, open-graph
Quick Tip: How to Hash a Password in PHP · Feb 14, 2023 · how-tos, php, security, passwords, tips-and-tricks
The (Extremely) Loud Minority · Feb 14, 2023 · community, communication
Using Playwright to Monitor Third-Party Resources That Could Impact User Experience · Feb 14, 2023 · playwright, monitoring
Change Tab Bar Color Dynamically Using JavaScript · Feb 13, 2023 · javascript, colors, theming, user-agents
So, What’s Next [for core-js]? · Feb 13, 2023 · javascript, open-source, community, economics
Git: How to Skip Hooks · Feb 13, 2023 · how-tos, git
An Approach to Lazy Loading Custom Elements · Feb 13, 2023 · web-components, performance, lazy-loading
Declarative Shadow DOM · Feb 13, 2023 · dom, shadow-dom
This Is Why Performance Matters · Feb 13, 2023 · performance, javascript, user-experience
Sandboxing JavaScript Code · Feb 12, 2023 · javascript, security
Rethinking the Modern Web · Feb 12, 2023 · javascript, web-platform, tooling
Technical Writing Process: How to Write a Good Technical Article · Feb 12, 2023 · how-tos, writing, processes
MathML in Chrome · Feb 12, 2023 · mathml, user-agents, google, chrome, support
My CSS Wishlist · Feb 11, 2023 · css, wish-lists
A Comparison of SUS, UMUX-LITE, and UEQ-S · Feb 11, 2023 · studies, research, user-experience, comparisons
Automated Testing Won’t Solve Web Accessibility · Feb 11, 2023 · accessibility, testing, automation
A Minimal, Multi-Framework, Responsive Image Component · Feb 11, 2023 · components, responsive-design, frameworks
Why Developers Should Learn Docker and Kubernetes in 2023 · Feb 11, 2023 · docker, kubernetes
Technical SEO Basics for React Developers · Feb 11, 2023 · fundamentals, seo, react
Why I’m Not the Biggest Fan of Single Page Applications · Feb 10, 2023 · spas
Discovering Primitive Objects in JavaScript · Feb 10, 2023 · javascript, objects
React.js: The Documentary · Feb 10, 2023 · videos, react, history
The Case for Frameworks · Feb 10, 2023 · javascript, frameworks, web-platform
Improved Font Fallbacks · Feb 10, 2023 · fonts, typography, graceful-degradation
You Kinda Want an Orange Favicon · Feb 10, 2023 · images, favicons, user-agents, theming
Different Ways to Get CSS Gradient Shadows · Feb 10, 2023 · css, gradients, shadows
Platform Engineering Teams Done Right… · Feb 10, 2023 · principles, platform-engineering
Quick Guide for YAML · Feb 10, 2023 · guides, yaml
Caching at DEV · Feb 10, 2023 · case-studies, caching, performance
How to Scale Node.js Applications With Clustering · Feb 10, 2023 · how-tos, nodejs, scaling
Foundations: Introduction to WAI-ARIA · Feb 10, 2023 · accessibility, introductions, aria
Can You Be a Designer If You Have No Training? · Feb 9, 2023 · design, career
Classless CSS Frameworks · Feb 9, 2023 · css, frameworks
Moving Backgrounds · Feb 9, 2023 · css, backgrounds
My CSS Wishlist · Feb 9, 2023 · css, wish-lists
The Troublesome Life and Lamentable Death of Success Criterion 4.1.1 · Feb 9, 2023 · accessibility, wcag, conformance, standards
What’s New in Lighthouse 10 · Feb 9, 2023 · release-notes, performance, google, lighthouse
More Control over “:nth-child()” Selections With the “of S” Syntax · Feb 9, 2023 · css, selectors
CSS Wish List 2023 · Feb 8, 2023 · css, wish-lists
Use Maps More and Objects Less · Feb 8, 2023 · javascript, objects
No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” · Feb 8, 2023 · code-pens, css, sass, effects
Creating Sites, the Jamstack Way · Feb 8, 2023 · tech-stacks, jamstack
Try Out CSS Nesting Today · Feb 8, 2023 · css, nesting, user-agents, support
Top 13 Node.js Books for Beginners and Advanced Coders · Feb 8, 2023 · books, nodejs, link-lists
Table of Contents Progress Animation · Feb 7, 2023 · html, css, javascript, animations
Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule · Feb 7, 2023 · mozilla, google, apple, rendering, engines, webkit
Theming a Design System · Feb 7, 2023 · design-systems, theming
Modularizing React Applications With Established UI Patterns · Feb 7, 2023 · react, components, modules
Testing Colour Accessibility With Dev Tools · Feb 7, 2023 · accessibility, colors, testing, user-agents, dev-tools
Focus Appearance Thoughts · Feb 7, 2023 · accessibility, focus, css
How to Build Accessible Main Navigation? · Feb 7, 2023 · how-tos, accessibility, navigation
How to Add an Event Handler in React · Feb 7, 2023 · how-tos, react, dom, events
How to Write Semantic CSS · Feb 7, 2023 · videos, how-tos, css, semantics