News and Tools for Frontend Development (2)
(Stay up-to-date on all topics by feed or on Mastodon.)
- What’s New in WCAG 2.2? (toot or tweet) · · accessibility, wcag, standards
- 7 Tips for Getting Started With Vue.js (toot or tweet) · · videos, vuejs, tips
- 4 GitHub Alternatives for Code Repositories (toot or tweet) · · git, link-lists
- Code Explanation Using GitHub Copilot (toot or tweet) · · github, ai, learning
- What Is Semantic HTML? (toot or tweet) · · html, semantics
- New in Chrome 112 (toot or tweet) · · release-notes, user-agents, google, chrome
- What Makes a Good Screenshot? (toot or tweet) · · accessibility, images
- Testing Localhost on Multiple Devices (toot or tweet) · · testing, servers
- The Revenge of the Pop-Up (toot or tweet) · · user-experience, anti-patterns
- Accessibility for Designers: Where Do I Start? (toot or tweet) · · accessibility, design, link-lists
- Exposing Field Errors (toot or tweet) · · accessibility, forms, aria, assistive-tech, support
- How WebAssembly Is Accelerating New Web Functionality (toot or tweet) · · webassembly, functionality
- Safari Releases Are Development Hell (toot or tweet) · · user-agents, apple, safari, support
- Copy to Clipboard In JavaScript and React (toot or tweet) · · javascript, react
- Quick Tip: Pull Data from an API into a Figma Layer (toot or tweet) · · tips, apis, figma, design
- What Is a Design System and Why Should You Use One? (toot or tweet) · · design-systems
- So, How Can We Measure UX? (toot or tweet) · · user-experience, metrics
- Five Pieces of Advice for More Accessible Websites (toot or tweet) · · accessibility, html
- A Small JavaScript Pattern I Enjoy Using (toot or tweet) · · javascript
- A Color Wheel With Gradient (toot or tweet) · · css, colors, gradients, effects, tips
- The Future of Senior Developers in an AI-Driven World (toot or tweet) · · career, ai
- 7 Tricks to Take the Performance of Your Website to the Moon (toot or tweet) · · performance, minification, tree-shaking, tricks
- Modern HTML Email (Tables No Longer Required) (toot or tweet) · · html, email, tables
- Sticky Page Header Shadow on Scroll (toot or tweet) · · css, scrolling, shadows
- When I Get That Low Contrast Feeling, I Need Non-Textual Healing (toot or tweet) · · accessibility, contrast, colors
- Why Do They Ignore My Awesome Design Documentation? (toot or tweet) · · design, documentation
- We Need Accessibility Action (toot or tweet) · · accessibility, web
- Folder Structure for Modern Web Applications (toot or tweet) · · architecture, web-apps
- The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps (toot or tweet) · · guides, accessibility, testing, automation, ci-cd, react
- New to the Web Platform in March (toot or tweet) · · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox, apple, safari
- DevTools: Getting Data from DevTools into Your Code Editor (toot or tweet) · · dev-tools, user-agents
- Alternative Text in the Wild: 5 Alternative Text Examples (toot or tweet) · · accessibility, writing
- A CSS Selector to Highlight Clickable Elements (toot or tweet) · · css, selectors, hypertext
- Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (toot or tweet) · · videos, ai
- Checkered Background Using Two Lines of Code in CSS (toot or tweet) · · backgrounds, css
- One in Two New npm Packages Is SEO Spam Right Now (toot or tweet) · · npm, seo
- What Are Source Maps? (toot or tweet) · · videos, debugging
- CSS Masking (toot or tweet) · · css, masking
- Why I Quit Being a Tech “Influencer” (toot or tweet) · · career
- From Burnout to Balance: Why Are So Many UX Designers Fatigued? (toot or tweet) · · career, productivity, user-experience, design
- Why JavaScript Is a Prototype-Based OOP (toot or tweet) · · javascript, programming
- XUL Layout Is Gone (toot or tweet) · · history, user-agents, mozilla, firefox
- Using PHP Arrays: A Guide for Beginners (toot or tweet) · · guides, php, arrays
- How to Use Google Fonts and “font-display” (toot or tweet) · · google, fonts, css
- Framework Popularity on Netlify (toot or tweet) · · frameworks, react, nextjs, gatsby, comparisons
- The WebAIM Million (toot or tweet) · · research, accessibility, metrics
- Usability Heuristics in Game Design (toot or tweet) · · usability, heuristics, design
- 6 Steps to Reduce the Carbon Footprint of Your Website (toot or tweet) · · sustainability
- HTML: Help Users to Download Files With the HTML “download” Attribute (toot or tweet) · · html
- JavaScript Import Maps Are Now Supported Cross-Browser (toot or tweet) · · javascript, user-agents, support
- Connecting Dots of an Accessibility Audit (toot or tweet) · · accessibility, auditing
- 10 AI Tools for Content Writing (toot or tweet) · · tooling, link-lists, content, writing, ai
- In Praise of Vite (toot or tweet) · · vite
- File Uploads for the Web: File Uploads in Node and Nuxt (toot or tweet) · · nodejs, nuxt
- How to Split an Angular App into Micro-Frontend Apps (toot or tweet) · · angular, micro-frontends, web-apps
- TypeScript Function Types: A Beginner’s Guide (toot or tweet) · · typescript, guides
- Accessibility vs. Emojis (toot or tweet) · · accessibility, unicode, comparisons
- Guardrails for Better Accessibility Support in Frontend (toot or tweet) · · accessibility, quality, tooling
- How to Review and Refactor Code With GPT-4 (and ChatGPT) (toot or tweet) · · code-reviews, refactoring, ai, optimization
- Improving CSS Shapes With Trigonometric Functions (toot or tweet) · · css
- A Quick Guide to Reviewing a VPAT ACR (toot or tweet) · · accessibility, conformance, auditing
- Fighting Inter-Component HTML Bloat (toot or tweet) · · components, html, semantics, quality
- Defaulting on Single Page Applications (SPA) (toot or tweet) · · spas, javascript, performance
- Mastering the JavaScript “switch” Statement (toot or tweet) · · javascript
- CSS Creator Håkon Wium Lie Interview (toot or tweet) · · interviews, css
- Function Overloading in TypeScript (toot or tweet) · · typescript
- AI-Enhanced Development Makes Me More Ambitious With My Projects (toot or tweet) · · ai, productivity
- Getting Started With HTML Tables (toot or tweet) · · html, tables
- UX Basics: Study Guide (toot or tweet) · · guides, user-experience, training, link-lists
- Using TypeScript Without Compilation (toot or tweet) · · typescript
- UX Principles for AI Products (toot or tweet) · · user-experience, principles, ai
- CSS-Only Widgets Are Inaccessible (toot or tweet) · · accessibility, css
- Harnessing GPT-4 for Writing Assistance and Content Creation (toot or tweet) · · writing, content, social-media, ai
- The “search” Element (toot or tweet) · · html, accessibility, semantics
- WYSIWYGPT (toot or tweet) · · ai, career
- Usability 101 (toot or tweet) · · videos, usability
- CSS “overflow” Property (toot or tweet) · · css
- What Is Strict Mode in React? (toot or tweet) · · react
- The Landscape of npm Packages for CLI Apps (toot or tweet) · · nodejs, npm, packages, command-line
- The IL1 Typography Test (toot or tweet) · · videos, typography, legibility, user-experience, testing
- The State of JS Frameworks (toot or tweet) · · podcasts, javascript, frameworks, libraries
- The Causes of Unreliable Software (toot or tweet) · · complexity, maintainability
- DevTools: Convert Network Requests to Code, or Even to a Terminal Command (toot or tweet) · · dev-tools, user-agents, network, command-line
- The Ultimate Guide to Image Optimisation (toot or tweet) · · guides, images, performance, compression, optimization
- What We’ve Learned About Designing for Accessibility from Our Users (toot or tweet) · · accessibility, design
- Everything You Wanted to Know About Video Storage APIs (toot or tweet) · · multimedia, storage, apis
- Accessible but Never Boring: Rebranding the Wise Design System for Everyone II (toot or tweet) · · accessibility, design, design-systems
- Circular Text With CSS? (toot or tweet) · · css
- The Machines Won’t Save Your Design System (toot or tweet) · · design-systems, ai
- 5 Lesser-Known Spacing Tips for Product Designers (toot or tweet) · · design, spacing
- Some Cross-Browser DevTools Features You Might Not Know (toot or tweet) · · dev-tools, user-agents, google, chrome, mozilla, firefox, apple, safari
- Certifications Should Be Hard (toot or tweet) · · accessibility, training, learning
- Automatic npm Publishing With GitHub Actions and npm Granular Tokens (toot or tweet) · · npm, github, automation
- Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (toot or tweet) · · accessibility, assistive-tech, css
- What’s New in Eleventy 2: A Great SSG Just Got Better (toot or tweet) · · eleventy
- How to Start a React Project in 2023 (toot or tweet) · · react
- With or Without the JS Framework (toot or tweet) · · javascript, frameworks, career
- Annotating Designs for Accessibility (toot or tweet) · · videos, accessibility, design
- The Carbon Cost of Social Media (toot or tweet) · · sustainability, social-media
- That Time When SVG Almost Got Network Support for Raw Sockets (toot or tweet) · · svg, network, history
- When Is “:focus-visible” Visible? (toot or tweet) · · accessibility, css
- State of Node.js 2023 (toot or tweet) · · videos, nodejs
- File Uploads for the Web: Upload Files With JavaScript (toot or tweet) · · javascript
- 7 Ways Web Developers and UX Designers Can Collaborate (toot or tweet) · · collaboration, processes
- CSS Is Dead! (toot or tweet) · · css
- Why We Added package.json Support to Deno (toot or tweet) · · deno, support, nodejs, npm
- Rich Harris Talks SvelteKit and What’s Next for Svelte (toot or tweet) · · interviews, svelte, sveltekit
- What Is Git Merge and How to Use It? (toot or tweet) · · git
- The 5 Best Status Page Tools (toot or tweet) · · tooling, monitoring, link-lists
- The End of Front-End Development (toot or tweet) · · visions, career, html
- The Intersection of Data Visualization and UX Design (toot or tweet) · · information-design, user-experience, design
- The Age of Average (toot or tweet) · · design
- The Cost of Craft (toot or tweet) · · quality, complexity, processes
- Preventing Too-Short Final Lines of Text Blocks (toot or tweet) · · css, typography
- Regression Testing in the Agile Universe (toot or tweet) · · agile, processes, testing, regressions
- Using “forRoot()” and “forChild()” in Angular (toot or tweet) · · angular
- Deep Dive into How Web Browsers Work (with Illustrations) (toot or tweet) · · user-agents, rendering
- Speeding Up the JavaScript Ecosystem—npm Scripts (toot or tweet) · · javascript, performance, bundling, npm
- Laying Out a Print Book With CSS (toot or tweet) · · print, css
- How to Stop a React Component from Rendering (toot or tweet) · · react, components, client-side-rendering
- Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language (toot or tweet) · · javascript
- DevTools: Tricks for Copying the Styling from Any Website (toot or tweet) · · dev-tools, css, user-agents, google, chrome
- 5 Tips for New Prototypers (toot or tweet) · · videos, prototyping, tips
- Foundations: Pointer Gestures (toot or tweet) · · accessibility, usability
- How Screen Readers Read Special Characters: An Update (toot or tweet) · · accessibility, assistive-tech, support, unicode
- Cryptographically Protecting Your SPA (toot or tweet) · · spas, security
- Everything You Need to Know About the Updated React Docs (toot or tweet) · · react, documentation
- Retro-Specifying Fetch/Performance (toot or tweet) · · standards, apis, data-fetching
- Hijacking Screenreaders With CSS (toot or tweet) · · videos, accessibility, user-agents, assistive-tech, css
- How to Use “v-model” With Form Inputs in Vue (toot or tweet) · · vuejs, forms
- It’s About Time CAPTCHAs Become Accessible (toot or tweet) · · accessibility, captcha
- Accessibility Beyond Code Compliance (toot or tweet) · · accessibility, compliance
- Accessibility and Design Systems: The Deep-Dive Q&A (toot or tweet) · · interviews, accessibility, design-systems
- DevTools: Faster Searching in DevTools With CSS Selectors (toot or tweet) · · dev-tools, css, selectors, user-agents, google, chrome
- Internationalization in Next.js 13 With React Server Components (toot or tweet) · · internationalization, nextjs, react, components
- Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (toot or tweet) · · github, open-source, community
- Versioning Design Tokens (toot or tweet) · · design-tokens, versioning, maintainability
- 6 CSS Snippets Every Front-End Developer Should Know in 2023 (toot or tweet) · · css
- Git Fundamentals, a Complete Guide (toot or tweet) · · guides, git
- JavaScript for Beginners: Data Structures (toot or tweet) · · javascript, arrays, objects
- The H1 Conundrum: Understanding the Challenges of Heading Level One (toot or tweet) · · accessibility, semantics, html
- Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (toot or tweet) · · storage, web-apps
- Future CSS: Anchor Positioning (toot or tweet) · · css, experiments
- Modern Font Stacks (toot or tweet) · · websites, fonts, typography
- What Leonardo Da Vinci Can Teach Us About Web Design (toot or tweet) · · design, layout
- JavaScript: Automatically Remove an Event Listener After It Has Executed (toot or tweet) · · javascript, events
- Fix Color Contrast—Web Accessibility for Text and UI Design (toot or tweet) · · accessibility, colors, contrast
- Circling Back on Design and Everything Else (toot or tweet) · · design
- Accepting Design (toot or tweet) · · design
- Advice from a Software Engineer With 8 Years of Experience (toot or tweet) · · career
- Progressively Enhancing a Table With a Web Component (toot or tweet) · · html, javascript, tables, components, progressive-enhancement
- How Design Is Governance (toot or tweet) · · design
- 8 Tips for Making Your Custom Web Designs Mobile Friendly (toot or tweet) · · responsive-design, design, tips
- What Is the Cost of Designing a Mobile App? (toot or tweet) · · economics, mobile-first
- Best Practices for Structuring Accessibility Testing (toot or tweet) · · accessibility, testing, best-practices
- The Ternary Operator in JavaScript (toot or tweet) · · javascript
- Why Aren’t Logical Properties Taking Over Everything? (toot or tweet) · · css, logical-properties, internationalization
- Making Calendars With Accessibility and Internationalization in Mind (toot or tweet) · · functionality, accessibility, internationalization
- We Don’t Need “.visually-hidden” (toot or tweet) · · accessibility, css, semantics, quality
- Create and Download Text Files Using JavaScript (toot or tweet) · · javascript
- UX Strategy: Study Guide (toot or tweet) · · guides, user-experience, strategies, training, link-lists
- “content” Is Your Content? (toot or tweet) · · css, content, seo, accessibility, maintainability
- “Design First, Then Build”: Let’s Bury This Myth Forevermore (toot or tweet) · · design, processes
- The Ultimate Guide to Becoming a 10× Dev (toot or tweet) · · guides, productivity, career
- From UX to Growth Design: 5 Principles to Multiply Your Value (toot or tweet) · · user-experience, design, principles
- View Transitions API: Creating Smooth Page Transitions (toot or tweet) · · transitions, apis
- Handling CSS Color Fonts With “font-palette” (toot or tweet) · · css, colors, fonts
- All JavaScript and TypeScript Features from the Last 3 Years (toot or tweet) · · javascript, typescript, history
- TypeScript’s Migration to Modules (toot or tweet) · · typescript, modules, migration
- Building Complex Forms in Vue (toot or tweet) · · forms, vuejs
- Craft vs. Industry: Separating Concerns (toot or tweet) · · quality, economics, maintainability, comparisons
- One Problem That Is Now Solved by CSS Subgrid (toot or tweet) · · css, layout
- Evolving Custom Sliders (toot or tweet) · · javascript, css
- Vue vs. React: Everything You Need to Know (toot or tweet) · · vuejs, react, comparisons
- SPA View Transitions Land in Chrome 111 (toot or tweet) · · apis, transitions, release-notes, user-agents, google, chrome
- File Uploads for the Web: Uploading Files With HTML (toot or tweet) · · html
- Selecting Previous Siblings With CSS “:has()” (toot or tweet) · · css, selectors
- Web Cookies With a Taste of Privacy (toot or tweet) · · cookies, privacy, user-experience
- Static Site Generators: What’s Trending Right Now (toot or tweet) · · static-site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
- How to Fix: Child Stylesheet Loading Twice (WordPress) (toot or tweet) · · wordpress, php
- I No Longer Understand “prefers-contrast” (toot or tweet) · · css, media-queries
- My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use (toot or tweet) · · accessibility, components
- CSS Nesting (toot or tweet) · · css, nesting
- ChatGPT and Me (a Recruiter) (toot or tweet) · · ai, career, interviewing
- Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (toot or tweet) · · css
- 2023 Web Framework Performance Report (toot or tweet) · · frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
- An End to Typographic Widows on the Web (toot or tweet) · · typography, css
- Change Favicon on Switching Browser Tabs in JavaScript (toot or tweet) · · images, favicons, javascript
- Quick Tip: How to Cache Data in PHP (toot or tweet) · · php, caching, tips
- As a User, I Don’t Want To (toot or tweet) · · product-management, agile, user-experience
- Zebra Stripe Lines of Text Even When They Wrap (toot or tweet) · · css
- What Value Does Developer Relations Bring to Other Teams? (toot or tweet) · · developer-relations, processes
- A Tab Interface Before Its Time (toot or tweet) · · html, components
- Managing Fonts in WordPress Block Themes (toot or tweet) · · fonts, wordpress
- The AI Future of Frontend Development (toot or tweet) · · ai, career
- HTML Garden (toot or tweet) · · websites, html, art
- The Anatomy of a Good Design: An Analysis of 4 Sites (toot or tweet) · · design
- Balanced Text Wrapping Is Coming to CSS (toot or tweet) · · css, typography
- 10 Helpful JavaScript Utility Functions (toot or tweet) · · javascript
- 50.1% Empty Links (toot or tweet) · · accessibility, html, semantics, hypertext, seo
- Continuous Growth Is Cancer (toot or tweet) · · economics, career
- AI-Generated Git Commit Messages (toot or tweet) · · ai, git, automation
- Making the Case for Signals in JavaScript (toot or tweet) · · javascript, signals
- The Cost of Architectural Complexity (toot or tweet) · · architecture, complexity, economics
- Optimising Large Contentful Paint (toot or tweet) · · videos, performance, web-vitals, optimization
- Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (toot or tweet) · · vuejs, migration, headless, content-management
- Are You Making These Five Mistakes When Writing Alt Text? (toot or tweet) · · accessibility, writing
- The Art of Unlearning (toot or tweet) · · learning, design
- Everything You Need to Know About the Gap After the List Marker (toot or tweet) · · css
- Toolkit Tuesday: Using YouTube for Captions and Transcripts (toot or tweet) · · videos, transcripts, accessibility, captions
- A Native “Visually Hidden” in CSS? Yes Please! (toot or tweet) · · accessibility, assistive-tech, css
- Announcing TypeScript 5.0 RC (toot or tweet) · · typescript, release-notes
- A Beginner’s Guide to Manual Accessibility Testing (toot or tweet) · · guides, accessibility, testing
- How We Built Our Multi-Platform Design System at Booking.com (toot or tweet) · · design-systems, theming, scaling
- The Web Needs a Native “.visually-hidden” (toot or tweet) · · css, accessibility
- You Don’t Need a Build Step (toot or tweet) · · building, tooling, deno
- Declarative Design (toot or tweet) · · videos, design
- React vs. Signals: 10 Years Later (toot or tweet) · · react, signals, javascript, comparisons, retrospectives
- Relative Rounded Corners (toot or tweet) · · html, css
- Learn How to Set Up a CI/CD Pipeline from Scratch (toot or tweet) · · ci-cd
- Accessible but Never Boring: Rebranding the Wise Design System for Everyone (toot or tweet) · · accessibility, design, design-systems
- Unlocking SVG’s Superpowers (toot or tweet) · · videos, svg
- Throttle Your CPU (toot or tweet) · · user-agents, dev-tools, testing
- The Seven Archetypes of Organizational Topologies (toot or tweet) · · processes, agile
- Quick Tip: How to Handle Exceptions in PHP (toot or tweet) · · tips, php, errors
- Conformance and Accessibility (toot or tweet) · · accessibility, conformance, quality
- Animated Gradient Text in CSS (toot or tweet) · · css, animations, gradients
- Are You Testing to Test, or Testing to Prove? (toot or tweet) · · testing, processes
- What Is “ref()” in Vue? (toot or tweet) · · vuejs
- Without Accessibility, There Is No Privacy or Security (toot or tweet) · · accessibility, privacy, security
- How People Read Online (toot or tweet) · · accessibility, content, readability, user-experience
- Ten Tips for Better CSS Transitions and Animations (toot or tweet) · · css, transitions, animations, tips
- Could We Make the Web More Immersive Using a Simple Optical Illusion? (toot or tweet) · · experiments, user-experience
- A Guide to Accessible Form Validation (toot or tweet) · · guides, forms, validation, accessibility, user-experience
- A Guide to CSS “object-view-box” (toot or tweet) · · guides, css
- The Evolution of Signals in JavaScript (toot or tweet) · · javascript, signals
- On Container Queries, Responsive Images, and JPEG-XL (toot or tweet) · · css, container-queries, images, responsive-design, jpg
- The Ultimate Guide to Web Development Tools (toot or tweet) · · guides, tooling, link-lists
- The Coolest JavaScript Features from the Last 5 Years (toot or tweet) · · javascript, retrospectives
- Simplified Dark Mode With Style Queries (toot or tweet) · · css, container-queries, dark-mode
- 22 Useful CSS Tips and Tricks Every Developer Should Know (toot or tweet) · · css, tips, tricks
- Designers, Use Your intuition (toot or tweet) · · design, collaboration
- Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (toot or tweet) · · tailwind, css, dev-tools, chrome, google, user-agents, testing
- Is It Time to Replace Sass? (toot or tweet) · · sass, preprocessors
- How to Style Your Alt Text (toot or tweet) · · css, accessibility
- CSS Animation Libraries: 10 Popular Choices (toot or tweet) · · css, animations, libraries, link-lists
- Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook (toot or tweet) · · guides, vuejs, storybook
- Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs (toot or tweet) · · javascript, debugging, tooling, techniques
- Crawl Weather Using Cypress (toot or tweet) · · testing, cypress
- Learn CSS Positioning (toot or tweet) · · css, layout