News and Tools for Frontend Developers (20)
(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)
- Writing JavaScript Without a Build System (by) · · javascript, building
- What to Expect From Vue in 2023 and How It Differs From React (by/via) · · vuejs, react, comparisons
- The Return to the Office Could Be the Real Reason for the Slump in Productivity (by/via) · · productivity
- Screen Readers Don’t Convey the Semantics of “strong” and “em” (by) · · accessibility, user-agents, assistive-tech, screen-readers, semantics, html
- Scaling Accessibility Through Design Systems (by+/via) · · videos, design-systems, accessibility, scaling
- My 2023 CSS Wishlist (by) · · css, wish-lists
- Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (by+/via) · · videos, web-platform, user-agents, economics
- How to Use View Transitions in Hotwire Turbo (by/via) · · how-tos, transitions, hotwire
- Buttons, Links, and Focus (by) · · accessibility, semantics, buttons, links, focus
- The User Activation API (by/via) · · apis, javascript
- Some of the Future Is Now for CSS: A Postscript (by) · · css
- IT Incident Management (by/via) · · incident-response
- Is It Worth Learning JavaScript? Popularity, Salaries, and Future (via) · · javascript, career
- How the Web Works: Understanding the Architecture of the Web (by) · · web-platform, protocols, rendering
- Angular Reactivity With Signals (by/via) · · angular, reactivity, signals
- A Practical Approach to Automated Accessibility (by) · · accessibility, testing, automation
- CSS Grid Gap Behavior With Hidden Elements (by) · · css, grids, layout
- Quick Tip: How to Hash a Password in PHP (by/via) · · how-tos, php, security, passwords, tips-and-tricks
- Well-Known Symbols (by) · · javascript
- Using Playwright to Monitor Third-Party Resources That Could Impact User Experience (by/via) · · playwright, monitoring
- The Modern Web’s Underrated Powerhouse (by/via) · · css
- The (Extremely) Loud Minority (by) · · community, communication
- My CSS Wish List (by) · · css, wish-lists
- Microsoft to Phase Out Internet Explorer With Newer Edge Browser (by/via) · · user-agents, microsoft, internet-explorer, edge
- Mastodon and Open Graph (by) · · social-media, mastodon, html, metadata, open-graph
- Is It Time to Go Back to the Monolith? (by) · · monoliths
- How to Inspect Interactions in the Browser (by/via) · · how-tos, user-agents, dev-tools, debugging
- CSS Nesting Module (by+/via) · · css, nesting
- Container Queries Land in Stable Browsers (by/via) · · css, container-queries, user-agents, support
- Automation Is Not the Enemy (by) · · accessibility, testing, automation
- This Is Why Performance Matters (by) · · performance, javascript, user-experience
- So, What’s Next [for core-js]? (by) · · javascript, foss, community, economics
- Git: How to Skip Hooks (by) · · how-tos, git
- Declarative Shadow DOM (by/via) · · dom, shadow-dom
- Change Tab Bar Color Dynamically Using JavaScript (by) · · javascript, colors, theming, user-agents
- An Approach to Lazy Loading Custom Elements (via) · · web-components, performance, lazy-loading
- Using the Multi-Keyword Syntax With CSS Display (by/via) · · css
- Technical Writing Process: How to Write a Good Technical Article (by) · · how-tos, writing, processes
- Sandboxing JavaScript Code (by) · · javascript, security
- Rethinking the Modern Web (by) · · javascript, web-platform, tooling
- MathML in Chrome · · mathml, user-agents, google, chrome, support
- Why Developers Should Learn Docker and Kubernetes in 2023 (by) · · docker, kubernetes
- Technical SEO Basics for React Developers (by) · · fundamentals, seo, react
- My CSS Wishlist (by) · · css, wish-lists
- Automated Testing Won’t Solve Web Accessibility (by) · · accessibility, testing, automation
- A Minimal, Multi-Framework, Responsive Image Component (by) · · components, responsive-design, frameworks
- A Comparison of SUS, UMUX-LITE, and UEQ-S (via) · · studies, research, user-experience, comparisons
- Platform Engineering Teams Done Right… (by) · · principles, platform-engineering
- Why I’m Not the Biggest Fan of Single Page Applications (by) · · single-page-apps
- Foundations: Introduction to WAI–ARIA (by/via) · · accessibility, introductions, aria
- You Kinda Want an Orange Favicon (by) · · images, favicons, user-agents, theming
- The Case for Frameworks (by) · · javascript, frameworks, web-platform
- React.js: The Documentary (via) · · videos, react, history
- Quick Guide for YAML · · guides, yaml
- Improved Font Fallbacks (by/via) · · fonts, typography, graceful-degradation
- How to Scale Node.js Applications With Clustering (by/via) · · how-tos, nodejs, scaling
- Discovering Primitive Objects in JavaScript (via) · · javascript, objects
- Different Ways to Get CSS Gradient Shadows (by/via) · · css, gradients, shadows
- Caching at DEV (by) · · case-studies, caching, performance
- The Troublesome Life and Lamentable Death of Success Criterion 4.1.1 · · accessibility, wcag, conformance, standards
- What’s New in Lighthouse 10 (by/via) · · release-notes, performance, google, lighthouse
- My CSS Wishlist (by) · · css, wish-lists
- Moving Backgrounds (by/via) · · css, backgrounds
- More Control Over “:nth-child()” Selections With the “of S” Syntax (by/via) · · css, selectors
- Classless CSS Frameworks (by) · · css, frameworks
- Can You Be a Designer if You Have No Training? (by) · · design, career
- Introduction to Symfony PHP Framework (by) · · introductions, symfony
- Use Maps More and Objects Less (by/via) · · javascript, objects
- Try Out CSS Nesting Today (by/via) · · css, nesting, user-agents, support
- Top 13 Node.js Books for Beginners and Advanced Coders (via) · · books, nodejs, link-lists
- No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (by) · · code-pens, css, sass, effects
- CSS Wish List 2023 (by) · · css, wish-lists
- Creating Sites, the Jamstack Way (via) · · tech-stacks, jamstack
- The Story of the World Wide Web (by) · · books, web, history, user-agents, standards, css, community, browser-wars
- Quick Tip: How to Check if a Variable Is Set in PHP (by/via) · · how-tos, php, tips-and-tricks
- Nest.js Crash Course—Introduction and Setup (by) · · videos, courses, introductions, nestjs
- Theming a Design System (via) · · design-systems, theming
- Advanced Figma Prototyping Tips and Tricks (by/via) · · figma, prototyping, tips-and-tricks
- How to Write Semantic CSS (by) · · videos, how-tos, css, semantics
- Testing Colour Accessibility With Dev Tools (by/via) · · accessibility, colors, testing, user-agents, dev-tools
- Table of Contents Progress Animation (by) · · html, css, javascript, animations
- Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (by/via) · · user-agents, browser-engines, mozilla, google, apple, webkit
- Modularizing React Applications With Established UI Patterns (by/via) · · react, components, modules
- How to Build Accessible Main Navigation? (by/via) · · how-tos, accessibility, navigation
- How to Add an Event Handler in React (by) · · how-tos, react, dom, events
- Focus Appearance Thoughts (by) · · accessibility, focus, css
- A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (by) · · css, colors, contrast, backgrounds, strategies
- How to Build a Magazine Layout With CSS Grid Areas (by/via) · · how-tos, layout, css, grids
- Supporting CSS Multi Direction Languages in 2023 (by/via) · · css, internationalization, logical-properties
- My Favourite 3 Lines of CSS (by/via) · · css
- Should Inclusive Design Be a UX Concern? (by/via) · · design, dei, user-experience
- Qodana Code Quality Platform—Overview (by/via) · · videos, overviews, jetbrains, qodana, quality, ci-cd
- The “margin-trim” Property (by) · · css
- The Different Names for Values in CSS (by) · · css
- The Difference Between Iteration and Prototyping (by) · · processes, prototyping, comparisons
- Testing Vue Components the Right Way (by) · · vuejs, components, testing
- Non-Text Content Contrast Also Matters (by) · · accessibility, colors, contrast
- Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (by/via) · · mozilla, browser-engines, servo, user-agents
- Interop 2023 CMS Checkin (by) · · interoperability, html, syndication, rss, atom, semantics
- How to Favicon in 2023: Six Files That Fit Most Needs (by/via) · · how-tos, images, favicons
- Frontend Frameworks for Web-App Development (via) · · frameworks, web-apps
- Building a Dev Blog With the Pelican Static Site Generator (by) · · site-generators, blogging
- A Historical Reference of React Criticism (by) · · react, history
- Speeding Up the JavaScript Ecosystem—ESLint (by) · · javascript, performance, eslint, linting
- React Anti-Patterns and Best Practices—Dos and Don’ts (by) · · react, anti-patterns, best-practices
- How to Pick a Font (That Doesn’t Suck) (by) · · how-tos, guides, fonts, typography
- Discovery in Agile (by/via) · · agile, processes
- The Market for Lemons (by) · · web-platform, javascript, frameworks
- Rotating Gallery With CSS Scroll-Driven Animations (by) · · html, css, javascript, animations, scrolling
- Typography Manual (by) · · code-pens, typography
- Multi-Threaded React App Using useWorker (by) · · multithreading, react, javascript, web-workers
- How to Make a Zoom Effect Using CSS (by/via) · · how-tos, css, effects
- Foundation: The Best Framework for Building Responsive Sites (via) · · foundation
- Advice for Engineers, From a Manager (by) · · tips-and-tricks, career, communication, collaboration
- What Is Bootstrap: A Beginner’s Guide (by/via) · · guides, bootstrap
- WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion (by) · · accessibility, wcag, standards
- The YAML Document From Hell—JavaScript Edition (by) · · javascript, yaml
- How to Get the Last Matching Item in an Array With Vanilla JavaScript (by) · · how-tos, javascript, arrays
- How to Build a Static Website (by/via) · · how-tos, fundamentals
- High Definition CSS Color Guide (by/via) · · guides, css, colors
- 3 Notion Templates to Better Manage Your Design System (by) · · design-systems, templates, maintenance
- Quick Tip: How to Manage Timezones in PHP (by/via) · · how-tos, php, internationalization, tips-and-tricks
- Design for AI: What Should People Who Design AI Know? (by/via) · · design, ai
- Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (by) · · javascript, data-fetching
- WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (by/via) · · wordpress
- Why Is Making a Dark Mode Greyscale So Hard to Get Right? (by) · · dark-mode, contrast, colors, design
- Understanding App Directory Architecture in Next.js (by/via) · · architecture, nextjs
- The Guide to Responsive Design in 2023 and Beyond (by) · · responsive-design, css
- The Gotcha With Animating Custom Properties (by/via) · · css, animations, custom-properties, performance
- Screen Reader Quick Guide (by) · · guides, user-agents, assistive-tech, screen-readers
- Pushing Interop Forward in 2023 (by+/via) · · interoperability, web-platform
- Modular Web Design: Flexibility, Examples, and Alternatives · · design
- Microsoft Edge and Interop 2023 (via) · · interoperability, web-platform, user-agents, microsoft, edge
- Learn Images (by/via) · · courses, images, svg, gif, png, jpeg, webp, avif
- Interop 2023 (via) · · interoperability, web-platform
- Interop 2023: Continuing to Improve the Web for Developers (by+/via) · · interoperability, web-platform
- Igalia and Interop 2023 (via) · · interoperability, web-platform
- How the CSS “box-sizing” Property Works (by) · · css, box-model
- Hex Colors Aren’t Great at Anything Except Being Popular (by) · · colors, css
- Gatsby Is Joining Netlify (by/via) · · gatsby, netlify
- Don’t Use Return Types, Unless… (by) · · videos, typescript
- Caching Data in SvelteKit (by/via) · · caching, sveltekit
- Announcing Interop 2023 (via) · · interoperability, web-platform
- Invoking React Components From Your Ember Apps (by) · · emberjs, react, components
- Should You Start a Web Development YouTube Channel in 2023? (by/via) · · videos, career, youtube
- Understanding Color and Accessibility (by) · · accessibility, colors
- Typographic Hierarchy in Print, Web, and App Design (by) · · typography, design
- The Ultimate Guide to JavaScript Error Handling (by/via) · · guides, javascript, errors
- Speed for Who? (by) · · performance, frameworks, developer-experience, user-experience
- Setting Expectations for Asking ChatGPT Web Accessibility Questions (by) · · accessibility, ai
- New to the Web Platform in January (by/via) · · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox, apple, safari
- External Links: In or Out (by/via) · · seo, links, accessibility, user-experience
- 6 Approaches for Data Fetching in React (by) · · data-fetching, react
- 19 Must-Visit Sites for Product Design Inspiration (by/via) · · design, link-lists
- Using Local Storage in JavaScript and React (by) · · javascript, react, storage
- Easy SVG Customization and Animation: A Practical Guide (by/via) · · guides, images, svg, animations
- CSS “color-mix()” (by/via) · · css
- Léonie Watson on Accessibility (by+/via) · · podcasts, interviews, accessibility
- You’ve Got Options for Removing Event Listeners (by) · · javascript, events
- New WCAG 2.2 Features Rated (by) · · accessibility, wcag, standards
- An Introduction to MIME Types (by/via) · · introductions, mime-types
- The Pros and Cons of Responsive Web Design in 2023 (via) · · responsive-design
- Is It a Bad Idea to Use “target="_blank"” for Links in an Email? (via) · · email, links, user-experience
- HTML Input Types (by) · · html, forms
- Git Commit Patterns (by) · · git, documentation
- Accessible Hamburger Buttons Without JavaScript · · accessibility, javascript, navigation
- 10 GitHub Repositories You Should Know as a JavaScript Developer (by) · · javascript, cheat-sheets, best-practices, link-lists, github
- Screen Readers Support for Text Level HTML Semantics (by/via) · · html, semantics, user-agents, assistive-tech, screen-readers, support
- Login Form UI Design Guide (by/via) · · guides, design, forms
- Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (by/via) · · performance
- Use the Dialog Element (Reasonably) (by) · · html, modals, accessibility
- Flow Control in JavaScript: Callbacks, Promises, “async/await” (by+/via) · · javascript, callbacks, promises
- Creating a High-Contrast Design System With CSS Custom Properties (by/via) · · design-systems, css, custom-properties, contrast, colors
- Container Queries and Typography (by) · · css, container-queries, typography
- Animating CSS Grid (How-To and Examples) (by/via) · · css, grids, layout, examples
- CSS Layers for CSS Resets (by/via) · · css, resetting
- Quick Tip: How to Manage Error Reporting in PHP (by/via) · · how-tos, php, errors, tips-and-tricks
- The Modern Way of Serving Images (by) · · images, html, performance
- “scrollend”, a New JavaScript Event (by/via) · · javascript, events
- Release Notes for Safari Technology Preview 162 (by/via) · · release-notes, user-agents, apple, safari
- Musing Upon an “[alt]” Text Badge on Images (by) · · accessibility, html, css
- Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (by/via) · · accessibility, wcag, standards
- A “nth-child” CSS Trick (by) · · css, selectors, tips-and-tricks
- 10 Web Development Trends in 2023 (by) · · trends, frameworks, tooling, javascript, monorepos, css, ai, code-completion
- Things to Do and Not to Do During a Wave of Tech Layoffs (by) · · career
- Locking “body” Scroll for Modals on iOS (by) · · scrolling, css, modals
- Introduction to Gulp.js: Beginner’s Guide (via) · · introductions, guides, gulp
- CSS Wishlist 2023 (by) · · css, wish-lists
- Copying Designs Doesn’t Work, and Here’s Why (by/via) · · design, user-experience
- A Simple Custom (by) · · forms, accessibility, usability, css
- CSS Named Colors: Groups, Palettes, Facts, and Fun (by) · · css, colors, color-palettes
- Visual Design Rules You Can Safely Follow Every Time (by) · · design
- Ship Small, Ship Fast (by) · · releasing
- Making Sense of TypeScript Using Set Theory (by) · · typescript
- Level Up Your CSS Skills With the “:has()” Selector (by/via) · · css, selectors
- International Domain Names: Where Does meßagefactory.ca Lead You? (by) · · internationalization, domains
- If You Need a Link, Don’t Use a Button (by) · · html, semantics, links, buttons, accessibility
- CSS Art Tutorial: Create a Cute Cartoon Creature (by) · · tutorials, css, art
- Creating a Community That Values Accessibility (via) · · accessibility, community
- Be a Digital Ally: Further Exploration of WCAG 2.2 (via) · · accessibility, wcag, standards
- 3 Essential Design Trends, January 2023 (by/via) · · design, trends
- Is CSS-in-JS Actually Bad? (by) · · css, javascript, css-in-js
- Replace Create React App Recommendation With Vite (by/via) · · discussions, react, vite
- Improve Your HTML Semantic With Pico CSS (by) · · html, pico
- How to Review a Web Site (via) · · how-tos, user-experience, performance, seo
- Accessibility Tools and Resources for Designers (by/via) · · tooling, link-lists, design
- How to Use Pico CSS and Next.js? (by) · · how-tos, pico, nextjs
- Web Scraping—A Complete Guide (by) · · guides, scraping
- Web Accessibility Global Usage Survey · · surveys, accessibility
- Comparing Level Access Automated Tools to Manual Accessibility Testing (by) · · accessibility, tooling, testing, automation
- Cascading Components—a Way to Organize Figma Component Variants · · components, figma
- Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi (via) · · internationalization, design
- What Is a Core Update? (by/via) · · seo
- Unordered Lists in Main Navigations (by) · · html, semantics, navigation
- The Key to Good Component Design Is Selfishness (by/via) · · components, developer-experience, maintainability
- So You Want to Make a New JS Framework (by) · · javascript, frameworks
- More Real-World Uses for “:has()” (via) · · css, selectors
- Building Reliable Distributed Systems in Node.js (via) · · nodejs
- 15 Must-Have Cheatsheets for Developers (by) · · cheat-sheets, link-lists
- Unlocking Security Updates for Transitive Dependencies With npm (by/via) · · npm, dependencies, security, maintenance
- Two Ways to Safely Break a Long Word in HTML (by) · · html
- Three Attributes for Better Web Forms (by) · · forms, html
- Optimize Time to First Byte (by/via) · · performance, optimization
- Don’t Target 100% Coverage (by) · · testing, code-coverage
- Comparing Manual and Free Automated WCAG Reviews (by) · · accessibility, wcag, auditing, comparisons
- “::backdrop” Doesn’t Inherit From Anywhere (by) · · css
- Solved With “:has()”: Vertical Spacing in Long-Form Text (via) · · css, selectors
- On-Scroll Typography Animations (by/via) · · typography, animations
- Front-End Is So Much More Than Building Designs (by) · · processes
- Discovering the Capable Web (by/via) · · web-platform
- Deep Cloning Objects in JavaScript, the Modern Way (by/via) · · javascript, objects
- CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (by) · · css, tips-and-tricks, forms, print
- Accessible Writing Is Just Good Writing (via) · · accessibility, writing
- Quick Tip: How to Read a Local File With PHP (by/via) · · how-tos, file-handling, php, tips-and-tricks
- The Storytelling Power of Simple Design Solutions (by/via) · · design
- Promises, Thenables, and Lazy-Evaluation: What, Why, How (by) · · javascript, promises
- Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages · · content-delivery, performance, web-vitals, cloudflare
- Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (by/via) · · css, selectors
- The Truth About CSS Selector Performance (by/via) · · css, selectors, performance
- Scalable CSS (by) · · css, scaling
- Can a Bridge Be Unethical? (via) · · design, ethics
- Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That (by/via) · · accessibility, information-design
- 6 Common SVG Fails (and How to Fix Them) (by/via) · · svg, images
- Optimizing the Image Element LCP (via) · · performance, web-vitals, images
- Minimal Dark Mode Styling (by) · · css, dark-mode, minimalism
- Greater Styling Control Over Type With “initial-letter” (by) · · css, typography
- A Better Way to Work With Number and Date Inputs in JavaScript (by/via) · · javascript
- Speeding Up the JavaScript Ecosystem—Module Resolution (by) · · javascript, performance, modules, esm, commonjs
- User Style Sheets (via) · · videos, user-styles, css
- The Only Markdown Cheatsheet You Will Ever Need (by) · · markdown, cheat-sheets