News and Tools for Frontend Development (7)
(Stay up-to-date on all topics by RSS feed or on Mastodon.)
- When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (by/via) · · npm, foss
- 16 Lesser Known Accessibility Issues (via) · · accessibility
- Building Multiple Progressive Web Apps on the Same Domain (by/via) · · videos, web-apps, architecture, security
- My CSS Resets (by) · · css, resetting
- Notes on MathML (by/via) · · mathml
- The Two Reacts (by) · · react, components, state-management
- Is CSS Alive? (by) · · css
- AI Vertigo: Where Do We Go From Here as Designers? (by/via) · · design, ai, career
- Design Better Pagination (by) · · design, navigation, pagination
- European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (by/via) · · cookies, consent-management, legal
- Oh Shit Banners (by) · · design, history
- Stop Closing Void Elements (by) · · html
- The AHA Stack (by) · · websites, tech-stacks, astro, htmx
- The Popular Vote of Interop 2024 (by/via) · · interoperability, web-platform
- The Website vs. Web App Dichotomy Doesn’t Exist (by) · · concepts, terminology, comparisons
- Tyler’s CSS Wish List for 2024 (by/via) · · css, wish-lists
- 2024 Predictions by JavaScript Frontend Framework Maintainers (by/via) · · visions, javascript, frameworks, angular, nextjs, react, solidjs
- Accessibility Options for Floating Action Buttons (by) · · accessibility, floats, buttons
- Agile Anti-Patterns That Can Harm UX (by) · · agile, anti-patterns, user-experience, processes
- Are You Ignoring These 8 DevTools Features? (by) · · videos, user-agents, google, chrome, dev-tools, auditing, debugging
- Not All Automated Testing Tools Support Shadow DOM in Web Components (by) · · accessibility, testing, automation, tooling, shadow-dom, dom, web-components
- The View Transitions API and Delightful UI Animations II (by/via) · · css, animations, transitions, apis
- How to Make External Links Accessible (via) · · how-tos, links, accessibility
- 7 Predictions for Web Design in 2024 (by/via) · · design, visions
- Mastering TypeScript: Looping With Types (by) · · typescript
- The Best React Chart Libraries for Data Visualization in 2024 (via) · · react, libraries, information-design, comparisons, link-lists
- Understanding the Most Important HTTP Status Codes (by) · · protocols, http
- 3 Terminal Commands to Increase Your Productivity (by) · · command-line, productivity
- My Perspective: Digital Accessibility and Overlays (by/via) · · accessibility, overlays
- 10 Interview Questions Every JavaScript Developer Should Know in 2024 (by/via) · · interviewing, javascript, career, concepts, terminology
- Installing Google Fonts as npm Packages (by) · · tooling, dependencies, google, fonts
- React Is Slow, What to Do Now? · · react, performance
- The Internet Is About to Get Weird Again (by/via) · · web, social-media
- Shadow DOM and the Problem of Encapsulation (by) · · web-components, shadow-dom, dom, maintainability
- Make Your Linux Terminal Enjoyable to Use (by) · · unix-like, command-line
- 2.5.8: Adversarial Conformance (by) · · accessibility, wcag, compliance
- Tools to Make Your Developer Experience Better in PHP (by) · · tooling, developer-experience, php, link-lists
- WCAG 2: Guidelines and Guardrails (by) · · accessibility, wcag, guidelines
- React Server Components: The Good, the Bad, and the Ugly (by) · · react, components
- Let’s Bring Back JavaScript’s “with()” Statement (by) · · javascript
- Making Sense of “Senseless” JavaScript Features (by) · · javascript
- Privacy Sandbox: Preparing for the End of 3rd-Party Cookies (by/via) · · privacy, cookies, support, google
- Announcing Vue 3.4 (by/via) · · vuejs, release-notes
- Incident, Mitigate, Learn (by) · · processes, incident-response, learning, quality
- Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds (by/via) · · accessibility, compliance, legal
- What the Heck Is a Homomorphic Mapped Type? (by) · · typescript
- Inspecting WCAG 2.2: Accessible Authentication (via) · · videos, accessibility, wcag, standards, authentication
- Everything You Need to Know About Responsive Logo Design (via) · · design, branding, images, responsive-design
- HTML Validation—Pros and Cons · · html, conformance
- Every Container Queries Demo Is a Card (by) · · css, container-queries
- Future of Storybook in 2024 (by/via) · · visions, storybook
- Frontend Predictions for 2024 (by) · · retrospectives, visions
- I Made JSX for Lua (Because I Hate Static Sites) (by) · · jsx
- The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (by) · · tech-stacks, jamstack, content-management
- Coding Challenges 2024: What’s Your New Year’s Resolution? (via) · · discussions, community
- CSS Wishlist (by) · · css, wish-lists
- JS Design Patterns: A Comprehensive Guide (by) · · guides, javascript, software-design-patterns
- I Built the Same App 7 Times: Which JS Framework Is Best? (by) · · javascript, frameworks, comparisons
- Container Style Queries (by/via) · · css, container-queries
- Measuring, Monitoring, and Optimizing TTFB With Server Timing (by/via) · · performance, monitoring, optimization, apis
- Never Underestimate HTML (by) · · html, user-experience, developer-experience
- CSS-Based State Management (by) · · css, state-management
- Session-Based vs. Token-Based Authentication: Which Is Better? (by) · · authentication, json-web-tokens, comparisons, security
- The Devil Is in the Details: A Look Into a Disclosure Widget Markup (by) · · html, css, javascript
- Responsive SVGs (by/via) · · svg, images, responsive-design
- Why AI Is a Disaster for the Climate (by/via) · · ai, sustainability
- FileReader API (by/via) · · apis, javascript
- WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (by/via) · · accessibility, tips-and-tricks, wcag, keyboard-navigation
- GitHub Copilot: Tips and Tricks for Flutter Devs (by) · · github, ai, flutter, dart, tips-and-tricks
- ARIA Live Regions · · aria, live-regions, accessibility
- Custom Mouse Hover Effect With JavaScript · · javascript, effects
- The View Transitions API and Delightful UI Animations (by/via) · · css, animations, transitions, apis
- Cool Wiggly Hover Animation With CSS (by) · · css, animations, effects
- 2023 Digital Accessibility Year in Review (via) · · accessibility, retrospectives
- Scroll-Driven Animations (by/via) · · animations, scrolling, css
- The Top Accessibility Errors Found in 2023 (via) · · accessibility, conformance, quality, errors, retrospectives
- “HTML First” Is Not HTML First (by) · · html, principles, quality, craft
- Container Queries and Units (by/via) · · css, container-queries, units
- Screen Reader Users and the Tab Key (by) · · accessibility, user-agents, assistive-tech, screen-readers, keyboard-navigation, testing
- The State of Benchmarking in Node.js (by) · · nodejs, performance, metrics
- The Complete Playwright Cheatsheet (by) · · cheat-sheets, playwright, testing
- Recapturing Early-Internet Whimsy With HTML (by/via) · · html, trends, design, art, decoration
- Debugging Fetch Priority (by+/via) · · videos, debugging, performance, web-vitals, apis
- The Implied Web (by) · · html, accessibility, semantics
- Turn Your Vue App Into an Offline-Ready Progressive Web App (via) · · vuejs, refactoring, offline
- JavaScript Frameworks—Heading Into 2024 (by/via) · · javascript, frameworks, visions
- New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (by/via) · · css, units, scrolling
- Clean Architecture: Theming With Tailwind and CSS Variables (via) · · theming, tailwind, custom-properties, css
- 10 Best Practices for Secure Code Review of Node.js Code (by) · · best-practices, security, code-reviews, nodejs
- CSS Nesting (by/via) · · css, nesting
- Locking Scroll With “:has()” (by) · · css, selectors, scrolling
- The Golden Rule of Web Performance and Different Performance Engineering Specializations (by/via) · · principles, performance
- Release Notes for Safari Technology Preview 185 (by/via) · · release-notes, user-agents, apple, safari
- Are We Too Pedantic With Semantic (by) · · design, design-tokens, semantics
- Classes vs. Prototypes in JavaScript (by) · · javascript, comparisons
- See What’s New in Firefox [121.0] (via) · · release-notes, user-agents, mozilla, firefox
- New to the Web Platform in December (by/via) · · release-notes, web-platform, user-agents, mozilla, firefox, google, chrome, apple, safari
- “align-content” in Block Layout (by) · · css, layout, support, user-agents
- View Transitions (by/via) · · css, javascript, transitions
- Eigensolutions: Composability as the Antidote to Overfit (by) · · product-management, processes
- Practical “img” Element Defaults (by/via) · · videos, css, images
- Reflow Red Flags (via) · · accessibility, reflow, testing
- We Can :has It All (by) · · css, selectors, user-agents, support
- Border Images in CSS: A Key Focus Area for Interop 2023 (by/via) · · images, borders, css, user-agents, web-platform, interoperability
- AI for Web Devs: AI Image Generation (by) · · ai, tooling, images, automation
- Making Data Visualizations Accessible (by/via) · · accessibility, information-design
- RLI (Recently Logged-In) Browser Cache Bypassing (by/via) · · performance, caching, optimization
- The Goldilocks Principle for Prototyping (via) · · videos, principles, prototyping, usability
- Good Design Is Subjective, Contextual, and Intentional (by/via) · · design, processes
- Building Components for Consumption, Not Complexity II (by/via) · · design-systems, components, figma
- Think About Your Future Self (by/via) · · accessibility
- Thank You to Those Who Helped Me to Be the CSS Developer I Am Today (by) · · career, community
- React Props Explained With Examples (by/via) · · react, props, examples
- How to Center an Element in CSS Without Adding a Wrapper in HTML (by/via) · · how-tos, centering, css, techniques
- The Road to HTMHell Is Paved With Semantics (by) · · html, semantics, quality
- New JS Array Methods (by/via) · · javascript, arrays
- A Checklist for CLS Scenarios (by/via) · · checklists, performance, web-vitals
- CSS “animation-composition” (by/via) · · css, animations
- Revisiting Fundamentals—Semantic Lists for Improved Accessibility (by) · · fundamentals, semantics, html, accessibility
- HTML Can Do This? (by) · · html
- Naming Design Tokens: The Art of Clarity and Consistency (via) · · design-tokens, naming, consistency
- Web Components (by/via) · · web-components, html, shadow-dom, dom
- Swallowing Camels (by) · · accessibility
- Sharing a State Between Windows Without a Server (by) · · web-workers, apis, state-management, effects, javascript
- Baseline Does Not Really Cover Baseline Support (by) · · user-agents, support, web-platform, accessibility
- Stop Normalizing Unprofessional Behaviour in the Name of Agility (by/via) · · agile, processes, communication, community
- Crafting Effective Documentation (by) · · documentation
- Who Stole My Largest Contentful Paint? (by/via) · · performance, web-vitals, optimization
- Introducing JavaScript Support in MySQL (by+/via) · · databases, mysql, javascript, support
- How We Reduced CSS Size and Improved Performance Across GOV.UK (via) · · case-studies, css, performance, optimization
- Christmas Tree Animations Made With CSS and JS · · css, javascript, animations, effects, link-lists
- The WordPress Showcase and Accessibility (by) · · accessibility, wordpress
- Managing Node.js Processes (by) · · nodejs, tooling
- The Ghosts of Markup Past (by) · · html, web, history
- CSS “@ scope” (by/via) · · css, scope, at-rules
- Announcing SvelteKit 2 (via) · · release-notes, sveltekit
- V8 Is Faster and Safer Than Ever (by/via) · · engines, v8, javascript, webassembly
- The Unspoken Struggle of Aging in a Tech-Driven World (by/via) · · accessibility, user-experience, web
- Design Systems Teams: Understand Your Users So They Can Serve Theirs (via) · · design-systems, leadership, accessibility, user-experience
- The Financial Argument for Using an Outside Firm for Accessibility Remediation (by) · · accessibility, economics
- Ten Optimisation Tips for an Initial Web Performance Audit (by/via) · · tips-and-tricks, optimization, performance, auditing
- Getting Started With Web Performance (by) · · introductions, performance, web-vitals, testing
- Anchor Positioning (by/via) · · css, anchor-positioning
- Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences (by/via) · · developer-relations, dei, community, strategies
- 6 Techniques for Conditional Rendering in React, With Examples (via) · · techniques, react
- What Really Is Technical Debt? (via) · · technical-debt, terminology, quality
- How to Get Good at Competitive Programming (by) · · how-tos, programming
- CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (by/via) · · css, scrolling, layout, case-studies
- My Accessibility Journey (by) · · accessibility, career
- Popover API (by/via) · · pop-overs, apis, css
- What Vue’s Creator Learned the Hard Way With Vue 3 (by/via) · · vuejs, lessons
- The Best Go Tools to Use for Your Frontend Projects (by/via) · · go, tooling, link-lists
- HTML: The Bad Parts (by) · · html
- Engineering Progression for Humans (by) · · career, leadership
- Extending Responsive Video With HTML Web Components (by/via) · · multimedia, responsive-design, web-components, javascript
- Three Modern CSS Properties Your Website Must Have (by/via) · · css
- Can UX Design Actually Be Ethical? (via) · · user-experience, design, ethics
- Using Nodemon and Watch in Node.js for Live Restarts (by/via) · · nodejs, tooling
- Using Date-Based CSS to Make Old Web Pages Look Old (by) · · css, history
- Accessibility Overlays (via) · · accessibility, overlays, metrics
- Test-Driven HTML and Accessibility (by) · · html, accessibility, testing, javascript
- Embrace the Platform (by/via) · · web-platform, html, css, javascript, resilience, progressive-enhancement, craft
- Baseline 2023 (by/via) · · user-agents, support, web-platform
- Why Designers Quit (2023 Report) (by/via) · · design, career
- Chrome Enables Desktop Mode by Default on Premium Tablets (by/via) · · user-agents, google, chrome, desktop
- Behavior Belongs in the HTML (by) · · html, javascript, principles
- Building Components for Consumption, Not Complexity (by/via) · · design-systems, components, figma
- Improve App Performance With Angular 17 “defer” (by) · · videos, angular, performance, optimization
- Video Subtitles, Captions, Audio Descriptions, and Transcripts (by) · · accessibility, multimedia, captions
- The “await” Event Horizon in JavaScript (by/via) · · javascript, events
- Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful (by) · · nodejs, typescript, modules
- Quantity Queries Are Very Easy With CSS “:has()” (by/via) · · css, selectors
- WebKit Features in Safari 17.2 (by+/via) · · release-notes, user-agents, apple, safari, webkit
- ARIA, the Good Parts (by/via) · · videos, accessibility, aria
- Screen Reader User Survey #10 (via) · · surveys, accessibility, user-agents, assistive-tech, screen-readers
- Decoding Compound Tokens (by) · · design-tokens, terminology
- How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (by/via) · · videos, how-tos, experiments, user-agents, google, chrome, mozilla, firefox, apple, safari
- The “hidden” Attribute in HTML (by) · · html
- Developer Relations Is an All-Company Effort (by) · · developer-relations, foss, community
- A List of JavaScript Engines, Runtimes, Interpreters · · javascript, engines, runtimes, link-lists
- Task Automation and Debugging With AI-Powered Tools (by/via) · · automation, debugging, tooling, ai
- How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (by) · · performance, web-vitals, optimization, case-studies
- Signals of Interface Quality (by) · · design, quality
- Potential Problems With Accessibility Audits and What to Do About Them (by) · · accessibility, auditing, testing
- Template for Accessibility Guidelines (by) · · templates, accessibility, guidelines
- Media Queries in HTML Video (by) · · html, multimedia, css, media-queries, accessibility
- What the Slot? (by) · · web-components, dom, shadow-dom, html
- Audit Your Site for Third-Party Cookies (by/via) · · videos, auditing, cookies, privacy
- All Technical Debt Is a Risk to the Product and to Your Business (by/via) · · technical-debt, quality, product-management, processes
- Oh No! My JSON! (by) · · css
- Scroll Fading 101 (via) · · scrolling, interaction-design, usability
- Incorporating “Skip to Main Content” Links for Better Website Accessibility (by/via) · · accessibility, links
- Preparing for Interaction to Next Paint, a New Web Core Vital (by/via) · · performance, web-vitals, optimization
- CSS Wrapped: 2023! (by+/via) · · css, user-agents, support, interoperability, retrospectives
- CSS Snapshot 2023 (by+/via) · · css
- A Beginner’s Guide to Accessible Text (via) · · guides, accessibility, content, writing, best-practices
- Is PHP Still a Viable Choice in 2023? · · discussions, php
- Insights: Mobile Accessibility (via) · · accessibility, research, metrics, mobile
- Accessibility-Specific Tech Requirements? It Depends! (by) · · accessibility, processes
- The Most Accessible Font (by) · · accessibility, typography, legibility, fonts
- The Shrinkwrap Problem: Possible Future Solutions (by) · · css
- React Performance Optimization (by/via) · · react, performance, optimization
- Release Notes for Safari Technology Preview 184 (by/via) · · release-notes, user-agents, apple, safari
- The Last 5 Years of V8’s Garbage Collector (by) · · engines, v8, concurrency, history
- Stop Nesting Ternaries in JavaScript (by/via) · · javascript, operators
- Security Headers Using “<meta>” (by) · · security, csp, html
- HTML5 Boilerplate v9.0.0 Released · · release-notes, html, templates
- Understanding the New WCAG 2.2 Criteria (via) · · accessibility, wcag
- TypeScript’s Hidden Feature: Subtypes · · typescript
- Fine, I’ll Use a Super Basic CSS Processing Setup (by/via) · · css, preprocessors, tooling
- The Complete Puppeteer Cheatsheet (by) · · puppeteer, cheat-sheets, chromium
- Overview of Drupal (via) · · overviews, drupal
- Dark Design Patterns Catalog · · design, user-experience, dark-patterns
- Custom Events in Web Components (by) · · web-components, events, javascript
- “sizes="auto"” Pretty Much Requires “width” and “height” Attributes (by) · · html, images, maintainability
- Astro 4.0 (by+/via) · · release-notes, astro
- Maglev—V8’s Fastest Optimizing JIT (by+/via) · · v8, optimization, user-agents, google, chrome
- Web Chat Accessibility Considerations (by) · · accessibility, functionality, wcag, aria
- Scale Your React App With Storybook and Chromatic (by/via) · · react, scaling, storybook
- My 3 Rules for Documenting Code (by) · · documentation, naming, processes
- Blind CSS Exfiltration: Exfiltrate Unknown Web Pages (by/via) · · css, security
- Better Vue.js Inputs With Generics: The Select (by) · · vuejs, components
- 4 Dead Simple Ways of Customizing Bootstrap (by) · · bootstrap, customization, css
- The Hellish History of HTML: An Incomplete and Personal Account (by) · · html, history
- A Definition Update for Baseline (by+/via) · · user-agents, support, web-platform
- Baseline’s Evolution on MDN (by/via) · · user-agents, support, web-platform, case-studies
- Testing the Performance of Social Media Embeds (by/via) · · performance, testing, embed-code, social-media
- 12 Important User-Interface Design Guidelines (by/via) · · guidelines, design, usability
- 100 Bucket List Ideas for Programmers (by) · · career, learning
- An Informed Pre-Caching Strategy for Large Sites (by/via) · · strategies, performance, caching
- Of Time and the Web (by/via) · · videos, web, processes, history
- The State of UX in 2024: Enter Late-Stage UX (by/via) · · user-experience
- Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (by+/via) · · guides, design, product-management, processes
- The Importance of User Feedback and Data in UX Design (by/via) · · user-experience, metrics
- Why Carousels Don’t Work (by) · · carousels, design, user-experience
- CSS Media Query for Scripting Support (by) · · css, media-queries, user-agents, support
- Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (via) · · guides, design, colors, tips-and-tricks
- The Pros and Cons of Using React Today (by/via) · · react, frameworks
- Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (by) · · fundamentals, html, accessibility, user-experience
- How Marketing Changed OOP in JavaScript (by/via) · · javascript, programming, software-design-patterns
- Is the Flat Design Trend Finally Over? (by/via) · · design, trends
- The “form” Attribute—Enhancing Form Layout Flexibility · · forms, html
- Let’s Learn How Modern JavaScript Frameworks Work by Building One (by) · · javascript, frameworks, reactivity, rendering, dom
- Fastest Way of Passing State to JavaScript, Re-Visited (by/via) · · javascript, state-management, performance
- You Don’t Need JavaScript for That (by) · · javascript
- A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (by/via) · · design, processes, figma
- Deceptive Patterns in UX: How to Recognize and Avoid Them (by/via) · · user-experience, dark-patterns
- Web Development Advent Calendars for 2023 (by) · · link-lists, learning
- Does Web Design Matter? (by) · · design, web
- I Replaced npm, Yarn, and nvm With pnpm (by) · · dependencies, npm, yarn, pnpm, nvm