News and Tools for Frontend Development (14)

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

A “color-contrast()” Strategy for Complimentary Translucent Backgrounds · Feb 7, 2023 · css, colors, contrast, backgrounds, strategies
Advanced Figma Prototyping Tips and Tricks · Feb 7, 2023 · figma, prototyping, tips-and-tricks
Quick Tip: How to Check If a Variable Is Set in PHP · Feb 7, 2023 · how-tos, php, tips-and-tricks
Testing Vue Components the Right Way · Feb 6, 2023 · vuejs, components, testing
Frontend Frameworks for Web-App Development · Feb 6, 2023 · frameworks, web-apps
A Historical Reference of React Criticism · Feb 6, 2023 · react, history
The Different Names for Values in CSS · Feb 6, 2023 · css
Interop 2023 CMS Checkin · Feb 6, 2023 · html, syndication, semantics
Should Inclusive Design Be a UX Concern? · Feb 6, 2023 · design, inclusion, user-experience
Supporting CSS Multi Direction Languages in 2023 · Feb 6, 2023 · css, internationalization, logical-properties
The “margin-trim” Property · Feb 6, 2023 · css
The Difference Between Iteration and Prototyping · Feb 6, 2023 · processes, prototyping, comparisons
How to Build a Magazine Layout With CSS Grid Areas · Feb 6, 2023 · how-tos, layout, css
Building a Dev Blog With the Pelican Static Site Generator · Feb 6, 2023 · static-site-generators, blogging
My Favourite 3 Lines of CSS · Feb 6, 2023 · css
How to Favicon in 2023: Six Files That Fit Most Needs · Feb 6, 2023 · how-tos, images, favicons
Non-Text Content Contrast Also Matters · Feb 6, 2023 · accessibility, colors, contrast
Discovery in Agile · Feb 5, 2023 · agile, processes
React Anti-Patterns and Best Practices—Do’s and Don’ts · Feb 5, 2023 · react, anti-patterns, best-practices
How to Pick a Font (That Doesn’t Suck) · Feb 5, 2023 · how-tos, guides, fonts, typography
Speeding Up the JavaScript Ecosystem—ESLint · Feb 5, 2023 · javascript, performance, eslint, linting
The Market for Lemons · Feb 4, 2023 · web-platform, javascript, frameworks
Rotating Gallery With CSS Scroll-Driven Animations · Feb 4, 2023 · html, css, javascript, animations, scrolling
Typography Manual · Feb 3, 2023 · code-pens, typography
Multi-Threaded React App Using useWorker · Feb 3, 2023 · multithreading, react, javascript, web-workers
How to Make a Zoom Effect Using CSS · Feb 3, 2023 · how-tos, css, effects
The YAML Document from Hell—JavaScript Edition · Feb 2, 2023 · javascript, yaml
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion · Feb 2, 2023 · accessibility, wcag, standards
How to Get the Last Matching Item in an Array With Vanilla JavaScript · Feb 2, 2023 · how-tos, javascript, arrays
What Is Bootstrap: A Beginner’s Guide · Feb 2, 2023 · guides, bootstrap
High Definition CSS Color Guide · Feb 2, 2023 · guides, css, colors
Caching Data in SvelteKit · Feb 1, 2023 · caching, sveltekit
Interop 2023 · Feb 1, 2023 · interoperability, web-platform
Understanding App Directory Architecture in Next.js · Feb 1, 2023 · architecture, nextjs
Announcing Interop 2023 · Feb 1, 2023 · interoperability, web-platform
Igalia and Interop 2023 · Feb 1, 2023 · interoperability, web-platform
Hex Colors Aren’t Great at Anything Except Being Popular · Feb 1, 2023 · colors, css
Design for AI: What Should People Who Design AI Know? · Feb 1, 2023 · design, ai
The Guide to Responsive Design in 2023 and Beyond · Feb 1, 2023 · responsive-design, css
Don’t Use Return Types, Unless… · Feb 1, 2023 · videos, typescript
Microsoft Edge and Interop 2023 · Feb 1, 2023 · interoperability, web-platform, user-agents, microsoft, edge
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms · Feb 1, 2023 · javascript, data-fetching
Modular Web Design: Flexibility, Examples, and Alternatives · Feb 1, 2023 · design
The Gotcha With Animating Custom Properties · Feb 1, 2023 · css, animations, custom-properties, performance
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features · Feb 1, 2023 · wordpress
Screen Reader Quick Guide · Feb 1, 2023 · guides, user-agents, assistive-tech, screen-readers
Why Is Making a Dark Mode Greyscale So Hard to Get Right? · Feb 1, 2023 · dark-mode, contrast, colors, design
3 Notion Templates to Better Manage Your Design System · Feb 1, 2023 · design-systems, templates, maintenance
Interop 2023: Continuing to Improve the Web for Developers · Feb 1, 2023 · interoperability, web-platform
Learn Images · Feb 1, 2023 · courses, images, svg, gif, png, jpeg, webp, avif
Gatsby Is Joining Netlify · Feb 1, 2023 · gatsby, netlify
Quick Tip: How to Manage Timezones in PHP · Feb 1, 2023 · how-tos, php, internationalization, tips-and-tricks
Pushing Interop Forward in 2023 · Feb 1, 2023 · interoperability, web-platform
How the CSS “box-sizing” Property Works · Feb 1, 2023 · css
Should You Start a Web Development YouTube Channel in 2023? · Jan 31, 2023 · videos, career
The Ultimate Guide to JavaScript Error Handling · Jan 31, 2023 · guides, javascript, errors
Setting Expectations for Asking ChatGPT Web Accessibility Questions · Jan 31, 2023 · accessibility, ai
New to the Web Platform in January · Jan 31, 2023 · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox, apple, safari
Typographic Hierarchy in Print, Web, and App Design · Jan 31, 2023 · typography, design
6 Approaches for Data Fetching in React · Jan 31, 2023 · data-fetching, react
Understanding Color and Accessibility · Jan 31, 2023 · accessibility, colors
Invoking React Components from Your Ember Apps · Jan 31, 2023 · emberjs, react, components
External Links: In or Out · Jan 31, 2023 · seo, links, accessibility, user-experience
Speed for Who? · Jan 31, 2023 · performance, frameworks, developer-experience, user-experience
Easy SVG Customization and Animation: A Practical Guide · Jan 30, 2023 · guides, svg, animations
19 Must-Visit Sites for Product Design Inspiration · Jan 30, 2023 · design, link-lists
Using Local Storage in JavaScript and React · Jan 30, 2023 · javascript, react, storage
CSS “color-mix()” · Jan 30, 2023 · css
Léonie Watson on Accessibility · Jan 29, 2023 · podcasts, interviews, accessibility
New WCAG 2.2 Features Rated · Jan 28, 2023 · accessibility, wcag, standards
You’ve Got Options for Removing Event Listeners · Jan 28, 2023 · javascript, events
An Introduction to MIME Types · Jan 28, 2023 · introductions, mime-types
Accessible Hamburger Buttons Without JavaScript · Jan 27, 2023 · accessibility, javascript, navigation
The Pros and Cons of Responsive Web Design in 2023 · Jan 27, 2023 · responsive-design
HTML Input Types · Jan 27, 2023 · html, forms
10 GitHub Repositories You Should Know as a JavaScript Developer · Jan 27, 2023 · javascript, cheat-sheets, best-practices, link-lists, github
Git Commit Patterns · Jan 27, 2023 · git, documentation
Is It a Bad Idea to Use “target="_blank"” for Links in an Email? · Jan 27, 2023 · email, links, user-experience
Login Form UI Design Guide · Jan 26, 2023 · guides, design, forms
Flow Control in JavaScript: Callbacks, Promises, “async/await” · Jan 26, 2023 · javascript, promises
Screen Readers Support for Text Level HTML Semantics · Jan 26, 2023 · html, semantics, user-agents, assistive-tech, screen-readers, support
Use the Dialog Element (Reasonably) · Jan 26, 2023 · html, modals, accessibility
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires · Jan 26, 2023 · performance
Container Queries and Typography · Jan 26, 2023 · css, container-queries, typography
Creating a High-Contrast Design System With CSS Custom Properties · Jan 26, 2023 · design-systems, css, custom-properties, contrast, colors
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again · Jan 25, 2023 · accessibility, wcag, standards
Musing Upon an “[alt]” Text Badge on Images · Jan 25, 2023 · accessibility, html, css
CSS Layers for CSS Resets · Jan 25, 2023 · css, resetting
The Modern Way of Serving Images · Jan 25, 2023 · images, html, performance
10 Web Development Trends in 2023 · Jan 25, 2023 · trends, frameworks, tooling, javascript, monorepos, css, ai, code-completion
“scrollend”, a New JavaScript Event · Jan 25, 2023 · javascript, events
Quick Tip: How to Manage Error Reporting in PHP · Jan 25, 2023 · how-tos, php, errors, tips-and-tricks
A “nth-child” CSS Trick · Jan 25, 2023 · css, selectors, tips-and-tricks
Animating CSS Grid (How-To and Examples) · Jan 25, 2023 · css, layout, examples
Release Notes for Safari Technology Preview 162 · Jan 25, 2023 · release-notes, user-agents, apple, safari
Copying Designs Doesn’t Work, and Here’s Why · Jan 24, 2023 · design, user-experience
Things to Do and Not to Do During a Wave of Tech Layoffs · Jan 24, 2023 · career
A Simple Custom · Jan 24, 2023 · forms, accessibility, usability, css
Locking “body” Scroll for Modals on iOS · Jan 24, 2023 · scrolling, css, modals
CSS Wishlist 2023 · Jan 24, 2023 · css, wish-lists
Introduction to Gulp.js: Beginner’s Guide · Jan 24, 2023 · introductions, guides, gulp
3 Essential Design Trends, January 2023 · Jan 23, 2023 · design, trends
Be a Digital Ally: Further Exploration of WCAG 2.2 · Jan 23, 2023 · accessibility, wcag, standards
CSS Named Colors: Groups, Palettes, Facts, and Fun · Jan 23, 2023 · css, colors, color-palettes
International Domain Names: Where Does meßagefactory.ca Lead You? · Jan 23, 2023 · internationalization, domains
Making Sense of TypeScript Using Set Theory · Jan 23, 2023 · typescript
Creating a Community That Values Accessibility · Jan 23, 2023 · accessibility, community
Visual Design Rules You Can Safely Follow Every Time · Jan 23, 2023 · design
Ship Small, Ship Fast · Jan 23, 2023 · releasing
Level Up Your CSS Skills With the “:has()” Selector · Jan 23, 2023 · css, selectors
If You Need a Link, Don’t Use a Button · Jan 23, 2023 · html, semantics, links, buttons, accessibility
CSS Art Tutorial: Create a Cute Cartoon Creature · Jan 23, 2023 · tutorials, css, art
Replace Create React App Recommendation With Vite · Jan 22, 2023 · discussions, react, vite
How to Review a Web Site · Jan 22, 2023 · how-tos, user-experience, performance, seo
Accessibility Tools and Resources for Designers · Jan 22, 2023 · tooling, link-lists, design
Improve Your HTML Semantic With Pico CSS · Jan 22, 2023 · html, pico
Comparing Level Access Automated Tools to Manual Accessibility Testing · Jan 21, 2023 · accessibility, tooling, testing, automation
Web Accessibility Global Usage Survey · Jan 21, 2023 · surveys, accessibility
Web Scraping—A Complete Guide · Jan 21, 2023 · guides, scraping
How to Use Pico CSS and Next.js? · Jan 21, 2023 · how-tos, pico, nextjs
Building Reliable Distributed Systems in Node.js · Jan 20, 2023 · nodejs
Cascading Components—a Way to Organize Figma Component Variants · Jan 20, 2023 · components, figma
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi · Jan 20, 2023 · internationalization, design
More Real-World Uses for “:has()” · Jan 20, 2023 · css, selectors
The Key to Good Component Design Is Selfishness · Jan 20, 2023 · components, developer-experience, maintainability
Unordered Lists in Main Navigations · Jan 20, 2023 · html, semantics, navigation
What Is a Core Update? · Jan 20, 2023 · seo
15 Must-Have Cheatsheets for Developers · Jan 20, 2023 · cheat-sheets, link-lists
So You Want to Make a New JS Framework · Jan 20, 2023 · javascript, frameworks
Comparing Manual and Free Automated WCAG Reviews · Jan 19, 2023 · accessibility, wcag, auditing, comparisons
Three Attributes for Better Web Forms · Jan 19, 2023 · forms, html
Two Ways to Safely Break a Long Word in HTML · Jan 19, 2023 · html
Optimize Time to First Byte · Jan 19, 2023 · performance, optimization
“::backdrop” Doesn’t Inherit from Anywhere · Jan 19, 2023 · css
Unlocking Security Updates for Transitive Dependencies With npm · Jan 19, 2023 · npm, dependencies, security, maintenance
Don’t Target 100% Coverage · Jan 19, 2023 · testing, code-coverage
Deep Cloning Objects in JavaScript, the Modern Way · Jan 18, 2023 · javascript, objects
On-Scroll Typography Animations · Jan 18, 2023 · typography, animations
Accessible Writing Is Just Good Writing · Jan 18, 2023 · accessibility, writing
Discovering the Capable Web · Jan 18, 2023 · web-platform
Solved With “:has()”: Vertical Spacing in Long-Form Text · Jan 18, 2023 · css, selectors
CSS Tip: Style Your Radio Buttons and Checkboxes for Printing · Jan 18, 2023 · css, tips-and-tricks, forms, print
Front-End Is So Much More Than Building Designs · Jan 18, 2023 · processes
6 Common SVG Fails (and How to Fix Them) · Jan 17, 2023 · svg
Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That · Jan 17, 2023 · accessibility, information-design
Can a Bridge Be Unethical? · Jan 17, 2023 · design, ethics
The Storytelling Power of Simple Design Solutions · Jan 17, 2023 · design
The Truth About CSS Selector Performance · Jan 17, 2023 · css, selectors, performance
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages · Jan 17, 2023 · content-delivery, performance, web-vitals
Scalable CSS · Jan 17, 2023 · css, scaling
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think · Jan 17, 2023 · css, selectors
Promises, Thenables, and Lazy-Evaluation: What, Why, How · Jan 17, 2023 · javascript, promises
Quick Tip: How to Read a Local File With PHP · Jan 17, 2023 · how-tos, file-handling, php, tips-and-tricks
Minimal Dark Mode Styling · Jan 16, 2023 · css, dark-mode, minimalism
Optimizing the Image Element LCP · Jan 16, 2023 · performance, web-vitals, images
A Better Way to Work With Number and Date Inputs in JavaScript · Jan 16, 2023 · javascript
Greater Styling Control over Type With “initial-letter” · Jan 16, 2023 · css, typography
CSS Nesting Is Coming · Jan 15, 2023 · css, nesting
Interactive SVG Reference · Jan 15, 2023 · svg
Complete Guide to Make You a Regex Guru · Jan 15, 2023 · guides, regex
The Only Markdown Cheatsheet You Will Ever Need · Jan 15, 2023 · markdown, cheat-sheets
Advanced Usage Patterns for Taking Page Element Screenshots With Playwright · Jan 15, 2023 · screenshots, playwright, javascript
Speeding Up the JavaScript Ecosystem—Module Resolution · Jan 15, 2023 · javascript, performance, modules
User Style Sheets · Jan 15, 2023 · videos, user-styles, css
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor · Jan 14, 2023 · principles, maintainability
Four Ways to Chop Up Arrays (with Vanilla JavaScript) · Jan 13, 2023 · javascript, arrays
Succeed as a Junior Developer · Jan 13, 2023 · career
Foundations: Visible Focus Styles · Jan 13, 2023 · accessibility, focus, css
2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch · Jan 12, 2023 · nodejs, open-source, tooling, link-lists
Fixing a Memory Leak in a Production Node.js App · Jan 12, 2023 · nodejs, memory
Sibling Scopes in CSS, Thanks to “:has()” · Jan 12, 2023 · css, selectors
Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit · Jan 12, 2023 · cookies, user-agents, google
React, Vite, and TypeScript: Get Started in Under 2 Minutes · Jan 12, 2023 · react, vite, typescript
CSS Color Functions and Custom Properties · Jan 12, 2023 · css, colors, functions, custom-properties
Top Front-End Tools of 2022 · Jan 12, 2023 · tooling, link-lists
Manual Accessibility Testing · Jan 12, 2023 · accessibility, testing
Is TypeScript Worth It? · Jan 12, 2023 · discussions, typescript
11 Excellent WordPress Themes for 2023 · Jan 11, 2023 · wordpress, link-lists
JavaScript, Community · Jan 11, 2023 · javascript, community
The YAML Document from Hell · Jan 11, 2023 · yaml, standards
Closed Captions and Subtitles UX · Jan 11, 2023 · accessibility, captions, user-experience
The Gotcha of Unhandled Promise Rejections · Jan 11, 2023 · javascript, promises
The State of JavaScript 2022 · Jan 11, 2023 · surveys, javascript
“:has” Is an Unforgiving Selector · Jan 11, 2023 · css, selectors
How to Destructure Props in Vue (Composition API) · Jan 11, 2023 · how-tos, vuejs, props
The Main Areas of WAI-ARIA · Jan 11, 2023 · accessibility, aria
2023 Design Trends from an Accessibility Perspective · Jan 10, 2023 · design, accessibility, trends
CSS “:readonly” Is Not for Select Fields · Jan 10, 2023 · css, selectors
D̶e̶s̶i̶g̶n̶ Token Clusters · Jan 10, 2023 · design-tokens
Faking Min Width on a Table Column · Jan 10, 2023 · html, tables, css, responsive-design
Versioning Design Systems: Best Practices · Jan 10, 2023 · design-systems, versioning, best-practices
Why Not “document.write()”? · Jan 10, 2023 · javascript, performance
Data-Driven Design Systems in Practice · Jan 10, 2023 · design-systems
Our Top Core Web Vitals Recommendations for 2023 · Jan 10, 2023 · performance, web-vitals, best-practices
Set Up a React App With TypeScript in 5 Minutes · Jan 10, 2023 · react, vite, typescript
Data URLs and Pool in Your URL · Jan 10, 2023 · html, urls
Quick Tip: How to Filter Data With PHP · Jan 10, 2023 · how-tos, php, tips-and-tricks
7 Principles of Design Psychology Every UX Designer Should Know · Jan 9, 2023 · design, user-experience, principles
Clever Code Considered Harmful · Jan 9, 2023 · complexity, maintainability, career
Conditional CSS · Jan 9, 2023 · css
Customizing HTML Form Validation · Jan 9, 2023 · html, forms, validation
Node.js Retro 2022 · Jan 9, 2023 · nodejs, retrospectives
A Software Developer’s Guide to Writing · Jan 9, 2023 · guides, writing
Implementing Microservice Architecture in Node.js · Jan 9, 2023 · microservices, architecture, nodejs
Building a Design System: Lessons Learned · Jan 9, 2023 · lessons, design-systems
Styling Buttons in WordPress Block Themes · Jan 9, 2023 · wordpress, buttons, css
7 Purpose-Driven UX Tips for Your Next Web-Site Redesign · Jan 9, 2023 · user-experience, redesign, tips-and-tricks
Good Design Is Intentional · Jan 9, 2023 · design
3D in CSS · Jan 8, 2023 · css
Best Node.js Schedulers · Jan 8, 2023 · nodejs, cron
OK LCH, I’m Convinced · Jan 8, 2023 · colors, css
Personas Are Living Documents: Design Them to Evolve · Jan 8, 2023 · usability, personas
Intro to SolidJS: How to Create Fast, Reactive Web Apps · Jan 8, 2023 · introductions, solidjs, web-apps
Using GitHub Copilot for Unit Testing · Jan 7, 2023 · github, ai, testing
Stock Photos of People With Disabilities · Jan 7, 2023 · accessibility, content, images
Revolutionizing the Web With WebAssembly: A Comprehensive Guide · Jan 7, 2023 · webassembly, guides
A New Accessibility Strategy for the GOV.UK Design System · Jan 6, 2023 · accessibility, strategies, design-systems
Design Systems in Practice · Jan 6, 2023 · videos, design-systems
Infinite Scrolling: When to Use It, When to Avoid It · Jan 6, 2023 · videos, scrolling, usability
2022 JavaScript Rising Stars · Jan 6, 2023 · websites, javascript, research, retrospectives
Why Web Performance Still Matters in 2023 · Jan 6, 2023 · performance
When to Use Flexbox and When to Use CSS Grid · Jan 6, 2023 · css, layout
A Guide to Getting Data Visualization Right · Jan 5, 2023 · guides, information-design
Using “!important” in Cascade Layers · Jan 5, 2023 · css, cascade
When Stakeholders Bypass the Product Owner · Jan 5, 2023 · agile, scrum, processes
Understanding Git Through Images · Jan 5, 2023 · git
Every Software Developer Should Write a Blog · Jan 5, 2023 · blogging, career, learning
How to Build Great HTML Form Controls · Jan 5, 2023 · how-tos, html, forms
HTML With Superpowers: An Introduction to Web Components · Jan 5, 2023 · websites, books, courses, guides, web-components, introductions
Progressively-Enhanced Dark Mode · Jan 5, 2023 · dark-mode, progressive-enhancement
5 Web Design Trends to Watch in 2023 · Jan 4, 2023 · design, trends
What Does It Look Like for the Web to Lose? · Jan 4, 2023 · web-platform, web
Creating Tokens for Your Design System With ChatGPT Assistance · Jan 4, 2023 · design-tokens, design-systems, ai
CSS “:has()” Feature Detection With “@ supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” · Jan 4, 2023 · css, selectors, feature-detection
JAWS, NVDA, and VoiceOver Braille Viewers · Jan 4, 2023 · accessibility, user-agents, assistive-tech, screen-readers, jaws, nvda, apple, voiceover
How to Increase Your Chances of Getting Interviews and Job Offers in Tech · Jan 4, 2023 · how-tos, career, interviewing
Carry On Testing 2023 · Jan 3, 2023 · accessibility, testing
Cloning Arrays and Objects in Vanilla JavaScript · Jan 3, 2023 · javascript, arrays, objects
Conditional API Responses for JavaScript vs. HTML Forms · Jan 3, 2023 · javascript, html, forms, security, comparisons
Quick Thoughts on Typeface and Font Accessibility · Jan 3, 2023 · accessibility, fonts, typography
The Expanding Dark Forest and Generative AI · Jan 3, 2023 · ai, web, user-experience
WAI–Adapt Explainer · Jan 3, 2023 · accessibility
6 Predictions for Web Design in 2023 · Jan 2, 2023 · design, visions
Measuring an Engineering Organization · Jan 2, 2023 · leadership, metrics
The State of Usability in 2023 · Jan 2, 2023 · usability, testing, research
Microservices vs. Monolithic Architecture: A Practical Approach · Jan 2, 2023 · architecture, microservices, monoliths, comparisons
17 Compelling Reasons to Start Ditching TypeScript Now · Jan 2, 2023 · typescript
Priority Hints and Optimizing LCP · Jan 2, 2023 · performance, web-vitals, optimization, hints
2022 Year In Review · Jan 1, 2023 · vuejs, retrospectives
The State of Mobile User Experience · Jan 1, 2023 · research, mobile, user-experience