News and Tools for Frontend Development (3)
(Stay up-to-date on all topics by feed or on Mastodon.)
- How to Contribute to a Project You Have No Idea About (toot or tweet) · · open-source, processes, community
- Prepare for Chrome’s User Agent [String] Reduction (toot or tweet) · · videos, user-agents, google, chrome, feature-detection
- 3 Common Antipersonas in UX (toot or tweet) · · videos, user-experience, personas
- In-Depth Guide to CSS Logical Properties (toot or tweet) · · videos, guides, css, logical-properties
- The JavaScript Site Generator Review, 2023 (toot or tweet) · · static-site-generators, performance, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
- You Have the Users You Have (toot or tweet) · · videos, usability, user-experience
- Getting Started With Style Queries (toot or tweet) · · css, container-queries
- Privacy Principles (toot or tweet) · · privacy, principles
- 16 Best CSS Books for Beginners and Advanced Coders (toot or tweet) · · books, css
- Node.js Toolbox (toot or tweet) · · websites, nodejs, packages
- 7 Essential React Libraries for Front-End Web Development (toot or tweet) · · react, libraries, link-lists
- All About Promises in JavaScript (toot or tweet) · · javascript, promises
- Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (toot or tweet) · · accessibility
- Experiments With the JavaScript Garbage Collector (toot or tweet) · · javascript, experiments
- Learn Privacy (toot or tweet) · · courses, privacy
- Where Does Developer Relations Belong in an Organization? (toot or tweet) · · developer-relations, processes
- The State of Node.js Core (toot or tweet) · · videos, nodejs
- Automatic Captions: Our Experiments and Best Practices (toot or tweet) · · accessibility, captions, best-practices, automation
- What Framework Should I Use? (toot or tweet) · · frameworks
- Thoughts on Dev Rel in the Post-Twitter Era (toot or tweet) · · developer-relations, social-media, community
- Open Captions vs. Closed Captions: What’s the Difference? (toot or tweet) · · accessibility, captions, comparisons
- The Great Gaslighting of the JavaScript Era (toot or tweet) · · javascript, frameworks, web-platform
- How Shadow DOM and Accessibility Are in Conflict (toot or tweet) · · accessibility, dom, shadow-dom
- The Importance of Adding Accessibility Design Reviews to the Design Process (toot or tweet) · · accessibility, design, processes
- When JavaScript Fails (toot or tweet) · · javascript
- Understanding Easing and Cubic Bézier Curves in CSS (toot or tweet) · · css, transitions, animations
- How to Handle Date and Time With JavaScript (toot or tweet) · · javascript
- The Page With No Code (toot or tweet) · · minimalism, http, css
- “(255,255,255)” Is the Highest Specificity (toot or tweet) · · css, cascade
- Style File Selector Button Using CSS (toot or tweet) · · css, forms
- 5 Super Useful CSS Properties That Don’t Get Enough Attention (toot or tweet) · · videos, css
- ARIA vs. HTML (toot or tweet) · · accessibility, html, aria, semantics, comparisons
- Ethical Alternatives to Revenue-Generating Deceptive Patterns (toot or tweet) · · ethics, dark-patterns, monetization, user-experience
- React Libraries for 2023 (toot or tweet) · · react, libraries
- “Make It Easier” Is Not a Product Strategy (toot or tweet) · · user-experience, product-management, strategies
- Design Systems in the Time of AI (toot or tweet) · · design-systems, ai
- Not Everyone Uses a Computer in the Same Way That You Do (toot or tweet) · · videos, accessibility
- Use the Child-Element Count in CSS (toot or tweet) · · css, selectors
- Surviving Design Systems (toot or tweet) · · design-systems
- The State of JS Frameworks (toot or tweet) · · podcasts, javascript, frameworks
- Understanding the Cost of Not Being Accessible (toot or tweet) · · accessibility, economics
- Updating a Design System (toot or tweet) · · design-systems, maintenance
- Quick Tip: How to Trim Whitespace With PHP (toot or tweet) · · tips, php
- All About Iterative Design (toot or tweet) · · design, processes
- Arranging Diamond Tiles in a Grid (toot or tweet) · · css, layout
- Last Baseline Alignment (toot or tweet) · · css, layout, support, user-agents
- Avoid Spanning Table Headers (toot or tweet) · · accessibility, assistive-tech, html, tables
- Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (toot or tweet) · · css, images
- Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (toot or tweet) · · accessibility, inclusion, processes
- Keys to an Accessibility Mindset (toot or tweet) · · accessibility, design
- Create a Rainbow-Coloured List With “:nth-of-type()” (toot or tweet) · · css, selectors, colors
- How to Password-Protect a Static HTML Page With No JS (toot or tweet) · · security, css, fonts
- Do We Need CSS “flex-wrap” Detection? (toot or tweet) · · css, layout
- The Spirit of CSS-Tricks Is Now Gone (toot or tweet) · · community, learning
- My CSS Wishlist 2023 (toot or tweet) · · css, wish-lists
- Representation of Style (toot or tweet) · · html, semantics
- To Sketch or Not to Sketch? (toot or tweet) · · design, ai
- A Step-by-Step Guide to Building Accessible Carousels (toot or tweet) · · guides, accessibility, html, user-experience
- Don’t Use 403s or 404s for Rate Limiting (toot or tweet) · · seo, http
- If You’re Going to Do a Job, Do It Properly (toot or tweet) · · accessibility, css
- Unlocking the Power of Design to Help Users Make Smart Decisions (toot or tweet) · · design, tips
- How to Build Offline Web Applications (toot or tweet) · · web-apps
- Declarative Shadow DOM (toot or tweet) · · shadow-dom, dom, html
- Resizing With CSS (toot or tweet) · · css
- Software Accessibility for Users With Attention Deficit Disorder (ADHD) (toot or tweet) · · accessibility
- ChatGPT Can Write Good CSS? (toot or tweet) · · videos, ai, css
- The Return to the Office Could Be the Real Reason for the Slump in Productivity (toot or tweet) · · productivity
- Buttons, Links, and Focus (toot or tweet) · · accessibility, semantics, hypertext, forms
- Screen Readers Don’t Convey the Semantics of “strong” and “em” (toot or tweet) · · accessibility, assistive-tech, semantics, html
- What to Expect from Vue in 2023 and How It Differs from React (toot or tweet) · · vuejs, react, comparisons
- Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (toot or tweet) · · videos, web-platform, user-agents, economics
- Writing JavaScript Without a Build System (toot or tweet) · · javascript, building
- My 2023 CSS Wishlist (toot or tweet) · · css, wish-lists
- Scaling Accessibility Through Design Systems (toot or tweet) · · videos, design-systems, accessibility, scaling
- Building an Animated SVG Logo With animejs (toot or tweet) · · svg, animations, vuejs
- The User Activation API (toot or tweet) · · apis, javascript
- Is It Worth Learning JavaScript? Popularity, Salaries, and Future (toot or tweet) · · javascript, career
- A Practical Approach to Automated Accessibility (toot or tweet) · · accessibility, testing, automation
- How the Web Works: Understanding the Architecture of the Web (toot or tweet) · · web-platform, protocols, rendering
- Some of the Future Is Now for CSS: A Postscript (toot or tweet) · · css
- Angular Reactivity With Signals (toot or tweet) · · angular, signals
- Automation Is Not the Enemy (toot or tweet) · · accessibility, testing, automation
- Quick Tip: How to Hash a Password in PHP (toot or tweet) · · php, security, passwords, tips
- Well-Known Symbols (toot or tweet) · · javascript
- Container Queries Land in Stable Browsers (toot or tweet) · · css, container-queries, user-agents, support
- The (Extremely) Loud Minority (toot or tweet) · · community, communication
- Is It Time to Go Back to the Monolith? (toot or tweet) · · monoliths
- My CSS Wish List (toot or tweet) · · css, wish-lists
- How to Inspect Interactions in the Browser (toot or tweet) · · user-agents, dev-tools, debugging
- The Modern Web’s Underrated Powerhouse (toot or tweet) · · css
- CSS Grid Gap Behavior With Hidden Elements (toot or tweet) · · css, layout
- Git: How to Skip Hooks (toot or tweet) · · git
- Change Tab Bar Color Dynamically Using JavaScript (toot or tweet) · · javascript, colors, theming, user-agents
- An Approach to Lazy Loading Custom Elements (toot or tweet) · · custom-elements, performance
- So, What’s Next [for core-js]? (toot or tweet) · · javascript, open-source, community, economics
- This Is Why Performance Matters (toot or tweet) · · performance, javascript, user-experience
- Declarative Shadow DOM (toot or tweet) · · dom, shadow-dom
- Technical Writing Process: How to Write a Good Technical Article (toot or tweet) · · writing, processes
- Rethinking the Modern Web (toot or tweet) · · javascript, web-platform, tooling
- Sandboxing JavaScript Code (toot or tweet) · · javascript, security
- My CSS Wishlist (toot or tweet) · · css, wish-lists
- A Minimal, Multi-Framework, Responsive Image Component (toot or tweet) · · components, responsive-design, frameworks
- Technical SEO Basics for React Developers (toot or tweet) · · seo, react
- A Comparison of SUS, UMUX-LITE, and UEQ-S (toot or tweet) · · studies, research, user-experience, comparisons
- Automated Testing Won’t Solve Web Accessibility (toot or tweet) · · accessibility, testing, automation
- Platform Engineering Teams Done Right… (toot or tweet) · · principles
- Why I’m Not the Biggest Fan of Single Page Applications (toot or tweet) · · spas
- Foundations: Introduction to WAI-ARIA (toot or tweet) · · accessibility, introductions, aria
- Discovering Primitive Objects in JavaScript (toot or tweet) · · javascript, objects
- Caching at DEV (toot or tweet) · · caching, performance
- React.js: The Documentary (toot or tweet) · · videos, react, history
- The Case for Frameworks (toot or tweet) · · javascript, frameworks, web-platform
- Different Ways to Get CSS Gradient Shadows (toot or tweet) · · css, gradients, shadows
- Quick Guide for YAML (toot or tweet) · · guides, yaml
- Improved Font Fallbacks (toot or tweet) · · fonts, typography, graceful-degradation
- You Kinda Want an Orange Favicon (toot or tweet) · · images, favicons, user-agents, theming
- How to Scale Node.js Applications With Clustering (toot or tweet) · · nodejs, scaling
- Can You Be a Designer If You Have No Training? (toot or tweet) · · design, career
- Classless CSS Frameworks (toot or tweet) · · css, frameworks
- Moving Backgrounds (toot or tweet) · · css, backgrounds
- My CSS Wishlist (toot or tweet) · · css, wish-lists
- The Troublesome Life and Lamentable Death of Success Criterion 4.1.1 (toot or tweet) · · accessibility, wcag, conformance, standards
- What’s New in Lighthouse 10 (toot or tweet) · · release-notes, performance, google, lighthouse
- More Control over “:nth-child()” Selections With the “of S” Syntax (toot or tweet) · · css, selectors
- Creating Sites, the Jamstack Way (toot or tweet) · · jamstack
- Top 13 Node.js Books for Beginners and Advanced Coders (toot or tweet) · · books, nodejs
- CSS Wish List 2023 (toot or tweet) · · css, wish-lists
- Try Out CSS Nesting Today (toot or tweet) · · css, nesting, user-agents, support
- Use Maps More and Objects Less (toot or tweet) · · javascript, objects
- No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (toot or tweet) · · code-pens, css, sass, effects
- Focus Appearance Thoughts (toot or tweet) · · accessibility, css
- A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (toot or tweet) · · css, colors, contrast, backgrounds, strategies
- Advanced Figma Prototyping Tips and Tricks (toot or tweet) · · figma, prototyping, tips, tricks
- Table of Contents Progress Animation (toot or tweet) · · html, css, javascript, animations
- How to Add an Event Handler in React (toot or tweet) · · react, dom, events
- Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (toot or tweet) · · mozilla, google, apple, rendering, engines, webkit
- Quick Tip: How to Check If a Variable Is Set in PHP (toot or tweet) · · php, tips
- How to Write Semantic CSS (toot or tweet) · · videos, css, semantics
- How to Build Accessible Main Navigation? (toot or tweet) · · accessibility, navigation
- Theming a Design System (toot or tweet) · · design-systems, theming
- Modularizing React Applications With Established UI Patterns (toot or tweet) · · react, components, modules
- Testing Colour Accessibility With Dev Tools (toot or tweet) · · accessibility, colors, testing, user-agents, dev-tools
- Testing Vue Components the Right Way (toot or tweet) · · vuejs, components, testing
- Frontend Frameworks for Web-App Development (toot or tweet) · · frameworks, web-apps
- A Historical Reference of React Criticism (toot or tweet) · · react, history
- The Different Names for Values in CSS (toot or tweet) · · css
- How to Favicon in 2023: Six Files That Fit Most Needs (toot or tweet) · · images, favicons
- Interop 2023 CMS Checkin (toot or tweet) · · html, syndication, semantics
- My Favourite 3 Lines of CSS (toot or tweet) · · css
- Should Inclusive Design Be a UX Concern? (toot or tweet) · · design, inclusion, user-experience
- Supporting CSS Multi Direction Languages in 2023 (toot or tweet) · · css, internationalization, logical-properties
- Non-Text Content Contrast Also Matters (toot or tweet) · · accessibility, contrast
- The Difference Between Iteration and Prototyping (toot or tweet) · · processes, prototyping, comparisons
- The “margin-trim” Property (toot or tweet) · · css
- Building a Dev Blog With the Pelican Static Site Generator (toot or tweet) · · static-site-generators, blogging
- How to Build a Magazine Layout With CSS Grid Areas (toot or tweet) · · layout, css
- Discovery in Agile (toot or tweet) · · agile, processes
- React Anti-Patterns and Best Practices—Do’s and Don’ts (toot or tweet) · · react, anti-patterns, best-practices
- Speeding Up the JavaScript Ecosystem—ESLint (toot or tweet) · · javascript, linting
- How to Pick a Font (That Doesn’t Suck) (toot or tweet) · · guides, fonts, typography
- The Market for Lemons (toot or tweet) · · web-platform, javascript, frameworks
- Rotating Gallery With CSS Scroll-Driven Animations (toot or tweet) · · html, css, javascript, animations, scrolling
- Multi-Threaded React App Using useWorker (toot or tweet) · · multithreading, react, javascript, web-workers
- Typography Manual (toot or tweet) · · code-pens, typography
- The YAML Document from Hell—JavaScript Edition (toot or tweet) · · javascript, yaml
- WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion (toot or tweet) · · accessibility, wcag, standards
- How to Get the Last Matching Item in an Array With Vanilla JavaScript (toot or tweet) · · javascript, arrays
- Caching Data in SvelteKit (toot or tweet) · · caching, sveltekit
- Gatsby Is Joining Netlify (toot or tweet) · · gatsby
- Interop 2023 (toot or tweet) · · interoperability, web-platform
- Understanding App Directory Architecture in Next.js (toot or tweet) · · architecture, nextjs
- WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (toot or tweet) · · wordpress
- Quick Tip: How to Manage Timezones in PHP (toot or tweet) · · php, internationalization, tips
- Announcing Interop 2023 (toot or tweet) · · interoperability, web-platform
- Igalia and Interop 2023 (toot or tweet) · · interoperability, web-platform
- Hex Colors Aren’t Great at Anything Except Being Popular (toot or tweet) · · colors, css
- Why Is Making a Dark Mode Greyscale So Hard to Get Right? (toot or tweet) · · dark-mode, contrast, colors, design
- 3 Notion Templates to Better Manage Your Design System (toot or tweet) · · design-systems, maintenance
- Design for AI: What Should People Who Design AI Know? (toot or tweet) · · design, ai
- The Guide to Responsive Design in 2023 and Beyond (toot or tweet) · · responsive-design, css
- How the CSS “box-sizing” Property Works (toot or tweet) · · css
- Screen Reader Quick Guide (toot or tweet) · · guides, user-agents, assistive-tech
- Learn Images (toot or tweet) · · courses, images, svg, gif, png, jpg, webp, avif
- Interop 2023: Continuing to Improve the Web for Developers (toot or tweet) · · interoperability, web-platform
- Don’t Use Return Types, Unless… (toot or tweet) · · videos, typescript
- Microsoft Edge and Interop 2023 (toot or tweet) · · interoperability, web-platform, user-agents, microsoft, edge
- Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (toot or tweet) · · javascript, data-fetching
- Pushing Interop Forward in 2023 (toot or tweet) · · interoperability, web-platform
- Modular Web Design: Flexibility, Examples, and Alternatives (toot or tweet) · · design
- The Gotcha With “@ property” (toot or tweet) · · css
- Speed for Who? (toot or tweet) · · performance, frameworks, developer-experience, user-experience
- 6 Approaches for Data Fetching in React (toot or tweet) · · data-fetching, react
- Understanding Color and Accessibility (toot or tweet) · · accessibility, colors
- External Links: In or Out (toot or tweet) · · seo, accessibility, hypertext, user-experience
- Should You Start a Web Development YouTube Channel in 2023? (toot or tweet) · · videos, career
- The Ultimate Guide to JavaScript Error Handling (toot or tweet) · · guides, javascript, errors
- Setting Expectations for Asking ChatGPT Web Accessibility Questions (toot or tweet) · · accessibility, ai
- New to the Web Platform in January (toot or tweet) · · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox, apple, safari
- Typographic Hierarchy in Print, Web, and App Design (toot or tweet) · · typography, design
- Easy SVG Customization and Animation: A Practical Guide (toot or tweet) · · guides, svg, animations
- 19 Must-Visit Sites for Product Design Inspiration (toot or tweet) · · design, link-lists
- Using Local Storage in JavaScript and React (toot or tweet) · · javascript, react, storage
- CSS “color-mix()” (toot or tweet) · · css
- Léonie Watson on Accessibility (toot or tweet) · · podcasts, interviews, accessibility
- You’ve Got Options for Removing Event Listeners (toot or tweet) · · javascript, events
- New WCAG 2.2 Features Rated (toot or tweet) · · accessibility, wcag, standards
- 10 GitHub Repositories You Should Know as a JavaScript Developer (toot or tweet) · · javascript, cheat-sheets, best-practices, link-lists, github
- Accessible Hamburger Buttons Without JavaScript (toot or tweet) · · accessibility, javascript, navigation
- Git Commit Patterns (toot or tweet) · · git, documentation
- The Pros and Cons of Responsive Web Design in 2023 (toot or tweet) · · responsive-design
- HTML Input Types (toot or tweet) · · html, forms
- Is It a Bad Idea to Use “target="_blank"” for Links in an Email? (toot or tweet) · · email, user-experience
- Screen Readers Support for Text Level HTML Semantics (toot or tweet) · · html, semantics, assistive-tech, support
- Container Queries and Typography (toot or tweet) · · css, container-queries, typography
- Your Web Performance is Too Reactive; It’s Time to Do More Than Put Out Fires (toot or tweet) · · performance
- Login Form UI Design Guide (toot or tweet) · · guides, design, forms
- Flow Control in JavaScript: Callbacks, Promises, “async/await” (toot or tweet) · · javascript, promises
- Use the Dialog Element (Reasonably) (toot or tweet) · · html, accessibility
- Creating a High-Contrast Design System With CSS Custom Properties (toot or tweet) · · design-systems, css, custom-properties, contrast
- Animating CSS Grid (How-To and Examples) (toot or tweet) · · css, layout
- Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (toot or tweet) · · accessibility, wcag, standards
- Quick Tip: How to Manage Error Reporting in PHP (toot or tweet) · · php, errors, tips
- Musing Upon an “[alt]” Text Badge on Images (toot or tweet) · · accessibility, html, css
- 10 Web Development Trends in 2023 (toot or tweet) · · trends, frameworks, tooling, javascript, monorepos, css, ai
- CSS Layers for CSS Resets (toot or tweet) · · css, resetting
- A “nth-child” CSS Trick (toot or tweet) · · css, selectors, tricks
- “scrollend”, a New JavaScript Event (toot or tweet) · · javascript, events
- Release Notes for Safari Technology Preview 162 (toot or tweet) · · release-notes, user-agents, apple, safari
- Copying Designs Doesn’t Work, and Here’s Why (toot or tweet) · · design, user-experience
- Things to Do and Not to Do During a Wave of Tech Layoffs (toot or tweet) · · career
- CSS Wishlist 2023 (toot or tweet) · · css, wish-lists
- A Simple Custom (toot or tweet) · · forms, accessibility, usability, css
- Locking “body” Scroll for Modals on iOS (toot or tweet) · · scrolling, css, modals
- 3 Essential Design Trends, January 2023 (toot or tweet) · · design, trends
- Be a Digital Ally: Further Exploration of WCAG 2.2 (toot or tweet) · · accessibility, wcag, standards
- CSS Named Colors: Groups, Palettes, Facts, and Fun (toot or tweet) · · css, colors, color-palettes
- International Domain Names: Where Does meßagefactory.ca Lead You? (toot or tweet) · · internationalization, domains
- Making Sense of TypeScript Using Set Theory (toot or tweet) · · typescript
- Creating a Community That Values Accessibility (toot or tweet) · · accessibility, community
- CSS Art Tutorial: Create a Cute Cartoon Creature (toot or tweet) · · css, art
- Visual Design Rules You Can Safely Follow Every Time (toot or tweet) · · design
- If You Need a Link, Don’t Use a Button (toot or tweet) · · html, semantics, accessibility
- Ship Small, Ship Fast (toot or tweet) · · releasing
- Level Up Your CSS Skills With the “:has()” Selector (toot or tweet) · · css, selectors
- Accessibility Tools and Resources for Designers (toot or tweet) · · tooling, link-lists, design
- How to Review a Web Site (toot or tweet) · · user-experience, performance, seo
- Replace Create React App Recommendation With Vite (toot or tweet) · · discussions, react, vite
- Comparing Level Access Automated Tools to Manual Accessibility Testing (toot or tweet) · · accessibility, tooling, testing, automation
- Web Scraping—A Complete Guide (toot or tweet) · · guides, scraping
- 15 Must-Have Cheatsheets for Developers (toot or tweet) · · cheat-sheets, link-lists