News and Tools for Frontend Development (4)
(Stay up-to-date on all topics by RSS feed or on Mastodon.)
- Onboarding · · processes, onboarding, productivity, leadership
- Stop Burning Out Maintainers: An Empathetic Guide for Contributors · · guides, open-source, collaboration
- The Psychology of Site Speed and Human Happiness · · performance, usability
- Understanding Signals in Django · · signals, django
- Use CSS “accent-color” to Style Your Inputs · · css, forms
- Why Do Rubber Ducks Work? · · processes, productivity, creativity
- Tuesday, February 6, 2024 Security Releases · · release-notes, nodejs, security
- At Last, Browser Choice * · · legal, user-agents, apple, mobile
- Debunking 10 Common Objections to Incremental Delivery for Software Teams · · agile, processes
- Express Forward · · discussions, visions, express
- How to Favicon in 2024: Six Files That Fit Most Needs · · how-tos, images, favicons
- Next.js App Router Migration: The Good, Bad, and Ugly · · nextjs, routing, migration
- Practical Guide to Destructuring: TypeScript vs. Dart · · guides, typescript, dart, comparisons
- The EU Forces Open Apple’s Walled Garden · · legal, apple, user-agents, mobile
- The Loss of the Process in the Name of Progress · · design, creativity, productivity, processes
- The Web Component Success Story · · web-components
- Dynamic README Image Based on GitHub Activity · · readme, github
- A Guide to Styling Tables · · css, tables, responsive-design
- Design Systems Burnout · · design-systems
- Nicer Text Wrapping With CSS “text-wrap” · · css, typography
- Apple Redecorates Its iPhone Prison to Appease Europe · · legal, user-agents, apple, mobile
- Apple, the DMA, and Malicious Compliance · · legal, user-agents, apple, mobile
- Futuring With Design · · design, creativity, processes
- Please, Don’t Force Me to Log In · · web, authentication, user-experience
- Big, Beautiful, Beefy Focus States With “:focus-visible” · · css, selectors, focus
- Gold Text Effect With CSS · · css, effects
- 5 Web Design Disasters That Will Ruin Your 2024 · · design, responsive-design, seo
- 7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success · · accessibility, tips-and-tricks, processes
- HTML Web Components on the Server Are Great · · html, web-components
- Inside .git · · git
- Introducing Our Updated [Green Web Hosting] Directory · · release-notes, sustainability, hosting
- Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox · · user-agents, apple, mozilla, firefox, mobile
- Overlays and Ethics: A Conference Panel That Hurt My Heart · · accessibility, ethics, overlays, community
- The Impact of Developer Experience · · research, developer-experience, productivity, efficiency
- A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js · · functionality, databases, sql, nodejs, django, nextjs
- Animating Font Palette · · css, colors, fonts, effects
- CSS Blurry Shimmer Effect · · css, effects
- Deno 1.40: Temporal API · · release-notes, deno
- JWT vs. Session Authentication · · security, authentication, json-web-tokens, comparisons
- One World, One Web, One Love · · web
- Should Links Open in a New Tab? · · links, usability, user-experience
- This Web Page Is Best Viewed in the EU · · legal, user-agents, apple, mobile, web
- Using Alternative Browser Engines in the European Union · · apple, user-agents, engines, mobile
- The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments · · studies, research, accessibility, legal
- 14 Best SEO Tools in 2024 · · seo, tooling, link-lists
- Are Design Systems a Zero-Interest Rate Phenomenon? · · design-systems, economics
- Five Future Roles for Designers · · design, career, visions
- Getting Started With Content Collections in Astro · · introductions, astro
- GitHub, npm Registry Abused to Host SSH Key-Stealing Malware · · github, npm, security, open-source
- On Web Components · · web-components
- Release Notes for Safari Technology Preview 187 · · release-notes, user-agents, apple, safari
- The New CSS Color Format You Didn’t Know You Needed; “oklch()” · · css, colors, oklch, functions, tailwind
- The Structure of User Experience · · user-experience, processes
- User Styles · · css, user-styles, user-agents
- Web Components in Earnest · · web-components, javascript
- What Can a Website Do? · · accessibility, usability, quality
- What Happened With the Web Monetization API? · · apis
- Take a Qwik Break from React With Astro · · qwik, react, astro, frameworks, comparisons
- Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build · · culture, leadership, processes, comparisons
- Better Form UX With the CSS Property “field-sizing” · · forms, user-experience, css
- Check for “accesskey” and “aria-keyshortcuts” Bookmarklet · · bookmarklets, accessibility, html, aria
- Exploring the Bounds of Jamstack With Zach Leatherman · · videos, interviews, tech-stacks, jamstack
- Google Is Using AI to Organize and Customize Your Chrome Browser · · ai, user-agents, google, chrome
- Highlight Text When a User Scrolls Down to That Piece of Text · · css, scrolling, effects
- LCP and FCP on Single Page Application on Soft Navigations · · performance, web-vitals, spas, navigation
- Modern JavaScript Library Starter · · dependencies, npm, libraries
- The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond · · ai, design, typography
- Unlocking the Power of HTML’s Native Browser “dialog” Element · · html, modals
- What Has a Ceiling but No Floor? · · accessibility, apple, meta
- The Web Is Unversioned · · web-platform, versioning
- What Is JSDoc and Why You May Not Need TypeScript for Your Next Project · · javascript, typescript, documentation, jsdoc
- 7 Mobile UX Design Tools to Supercharge Your Design Process · · design, tooling, link-lists
- Continuous Accessibility: What, Why, How · · accessibility, processes, testing, tooling
- Could Local SEO Transform Your User Experience? · · seo, user-experience
- How a Web-Site Redesign Can Impact the Customer Journey · · redesign, user-experience
- How End-to-End Testing Moves Us Closer to Continuous Accessibility · · accessibility, processes, testing
- Layouts in Astro · · astro
- Repetition Avoidance · · code-pens, accessibility, user-experience, aria
- WebKit Features in Safari 17.3 · · release-notes, user-agents, apple, safari, webkit
- Handling Environment Variables in Node.js · · environments, nodejs
- Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That · · accessibility, design, html, aria
- The World’s Smallest PNG · · images, png, minimalism
- What Is CSS Motion Path? · · css, svg, animations
- What Is Our Design Intention? · · design, processes
- Why I Don’t Care About Website/Blog Stats · · blogging, metrics, sem
- A Call for Consensus on HTML Semantics · · html, semantics
- Mastering Node CSV · · nodejs, csv
- The Bun Shell · · bun, javascript, command-line
- 12 Modern CSS One-Line Upgrades · · css
- How Core Web Vitals Affect SEO · · performance, web-vitals, lighthouse, seo
- Making CSS View Transitions Easy With Velvette · · css, transitions, tooling
- Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons · · videos, interviews, css, web, user-agents, apple, safari
- My Take on Fading Content Using Transparent Gradients in CSS · · css, gradients
- Under-Supported and Underpaid · · accessibility, career, economics, craft
- Why Do Reflows Negatively Affect Performance? · · performance, reflow
- Astro 4.2 · · astro, release-notes
- Create a Currency Converter With HTML, CSS, and Vanilla JavaScript · · functionality, html, css, javascript
- Deceptive Deprecation: The Truth About npm Deprecated Packages · · security, npm, dependencies, research
- The Color Input and the Color Picker · · html, colors, usability
- A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” · · introductions, scrolling, animations, css, functions
- AI Art Is the New Stock Image · · design, ai, images
- Dispatching an Event · · javascript, events
- Fading Content Using Transparent Gradient in CSS · · css, gradients, effects
- Indicators, Validations, and Notifications: Pick the Correct Communication Option · · notifications, errors, validation, usability
- JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023) · · videos, javascript, arrays, sorting, comparisons
- Safely Accessing the DOM With Angular SSR · · security, dom, javascript, angular, server-side-rendering
- The Designer’s Guide to Social Computing · · guides, design, social-media
- Which Programming Language Should I Learn First in 2024? · · programming, career, learning
- Basic Accessibility Mistakes I Often See in Audits · · accessibility, mistakes, auditing, html, semantics, focus, links, buttons
- 14 Things to Check Before Deploying a Website · · deploying, quality, processes
- APA-Style Titles in Laravel · · writing, conventions, laravel
- Are You Boring Your Interviewer by Over-Explaining Context? · · career, interviewing, design
- Difference Between “getElementByID” and “querySelector” · · javascript, css, selectors
- Disillusioned With Deno · · deno
- Guide to Fast Next.js · · guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
- Is It Time to Switch from Docker to Podman? · · videos, docker, tooling, comparisons
- Measuring Developer Productivity: Real-World Examples · · productivity, metrics, developer-experience, google, microsoft
- Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community · · nodejs, security
- Practical Guide to Usability Testing · · guides, usability, testing
- Stop Trying to Recruit Unicorns With Acorns · · accessibility, career
- The Complex but Awesome CSS “border-image” Property · · css, borders, techniques
- The Golden Rule of Assertions · · javascript, testing
- Git Lesson: How to Use .gitignore and .gitkeep? · · git, how-tos
- Accessible Notifications With ARIA Live Regions II · · accessibility, notifications, aria, live-regions
- Accessible Notifications With ARIA Live Regions · · accessibility, notifications, aria, live-regions
- Combining “:has” and “:only-child” to Change Tab Containers · · css, selectors
- Design Is Not Really a Thing · · design, user-experience
- Optimizing SQL Queries by 23× · · databases, sql, performance, optimization
- Performance and Stay Questions in 1:1s · · leadership, career, processes
- React Libraries for 2024 · · react, libraries, link-lists
- The Building Blocks of a Greenfield Vue Application in 2024 · · vuejs, tooling, link-lists
- The Evolution of Page Speed · · videos, performance, metrics, optimization, history
- Disable Browser Caching With “meta” HTML Tags · · html, metadata, caching
- Hover Contrast Bookmarklet · · bookmarklets, colors, contrast, focus, accessibility
- I Hate CORS · · videos, cors, security
- Igalia Chats: Browser Politics and You · · podcasts, web-platform
- Why Did Frontend Development Become So Complicated? · · processes, complexity, career
- Kind of Annoyed at React · · react
- Using AI for Accessibility: Breaking Down Barriers in Content Creation?! · · accessibility, ai, content
- Web Component Gotcha: “constructor” vs. “connectedCallback” · · web-components, javascript, comparisons
- Applying the SPACE Framework · · productivity, metrics
- Eliminating Cookie Banners Is Hard · · cookies, consent-management, legal
- How to Get Started With Progressive Web Apps · · how-tos, web-apps, comparisons
- JS Perf Wins and New Node.js Features With Yagiz Nizipli · · podcasts, javascript, performance, nodejs, optimization
- Options for “optgroup” Labeling of “options” · · accessibility, html, forms, user-agents, assistive-tech, screen-readers, support
- How to Use “data-nosnippet” to Block Specific Content from Being Used in a Google Search Snippet (Experiment) · · how-tos, seo, google, experiments
- 5 CSS Snippets Every Front-End Developer Should Know in 2024 · · css
- Bringing Down the Digital Divide · · accessibility, user-experience
- console.delight · · console, user-agents, dev-tools, debugging
- Creating a Color Ramp Using Color Modifiers in Tokens Studio · · design-systems, design-tokens, colors, figma
- If It’s Not Usable, It’s Not Accessible · · interviews, accessibility, usability, history
- The Stack I Used to Build My Blog in 2024 · · tech-stacks, functionality
- Top Front-End Tools of 2023 · · tooling, link-lists, retrospectives
- Using “abbr” Element With “title” Attribute · · html, accessibility, user-agents, assistive-tech, support
- What I Have Learned from Conducting over 100 Website Migrations · · seo, migration, testing
- Accounting for Internationalization With CSS and HTML · · html, css, internationalization
- AI for Web Devs: Deploying Your AI App to Production · · ai, deploying
- Buttons and Links—Common Misconceptions · · accessibility, html, semantics, buttons, links
- Designing Better Target Sizes · · accessibility, design, best-practices
- Dynamic Accessible Descriptions Reference · · accessibility, testing
- Introducing fsx: A Modern Filesystem API for JavaScript · · file-handling, apis, javascript
- Is htmx Just Another JavaScript Framework? · · htmx, frameworks
- Node v20.11.0 (LTS) · · release-notes, nodejs
- npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts · · npm, retrospectives
- Release Notes for Safari Technology Preview 186 · · release-notes, user-agents, apple, safari
- Streaming HTML Out of Order Without JavaScript · · html, streaming
- The Best Web Framework Doesn’t Exist · · frameworks
- Understanding WCAG SC 3.2.6 Consistent Help (Level A) · · accessibility, standards, wcag
- Using CSS Houdini to Extend Styling and Layout Capabilities · · css, apis, javascript
- We Removed Advertising Cookies, Here’s What Happened · · cookies, sem
- A 2024 Wishlist for Node’s Test Runner · · nodejs, testing, tooling
- A Global Design System · · design-systems
- An Alphabetized List of MIME Types · · mime-types
- Definition of Done (DoD) Explanation and Example · · scrum, processes, quality, examples
- The Best PHP Frameworks for 2024 · · php, frameworks, link-lists, comparisons
- The Change You Wish to See · · accessibility
- Understanding Immutability in JavaScript · · videos, javascript
- 2024 Resolution: Be More Open-Source Centric · · open-source, tooling, link-lists
- Declaring Globals Isn’t That Hard · · videos, javascript, typescript
- How Google Perfected the Web · · google, web, seo
- htmx for React Developers in 10 Minutes · · videos, htmx, react
- Introduction to Data Engineering: A Complete Beginner’s Guide · · guides, introductions, data-engineering
- Let’s Make the IndieWeb Easier · · indieweb, tooling
- SolidStart: A Different Breed of Meta-Framework · · frameworks, tooling
- Taking a Closer Look at “@ property” in CSS · · css
- Top Pens of 2023 on CodePen · · code-pens, link-lists, retrospectives
- Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator · · css, scrolling, effects
- What’s New in PHP 8.4 · · php
- Where Have All the Websites Gone? · · web, trends
- CRUD and SQL—the Basics · · fundamentals, databases, sql
- Embracing the Absurd in Your Design Practices · · design, processes
- How I’m Writing CSS in 2024 · · css, tooling, developer-experience
- My Web Development Wishlist 2024 · · community, user-experience, developer-experience, quality, conformance, wish-lists
- Nested Dark Mode Via CSS Proximity · · css, dark-mode
- Notes on Using Logical Properties and Values · · css, logical-properties
- Weird Things Engineers Believe About Web Development · · standards, web-apps, javascript, building, web-platform
- Your MVP Must Be Accessible · · accessibility
- 20+ Tools for Node.js Development in 2024 · · nodejs, tooling, link-lists
- 7 Front-End Web Development Trends for 2024 · · trends, visions, libraries, frameworks, ai
- A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript · · react, javascript, simplicity
- CSS in 2024, Am I Right? · · videos, css
- Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? · · git, concepts, comparisons
- Under the Radar CSS Features for Your CSS Reset · · videos, css, resetting
- When “Everything” Becomes Too Much: The npm Package Chaos of 2024 · · npm, open-source
- Software Quality · · research, quality
- The Bulma CSS Framework: What It Is and How to Get Started · · introductions, bulma
- 16 Lesser Known Accessibility Issues · · accessibility
- AI Vertigo: Where Do We Go from Here as Designers? · · design, ai, career
- Building Multiple Progressive Web Apps on the Same Domain · · videos, web-apps, architecture, security
- My CSS Resets · · css, resetting
- Notes on MathML · · mathml
- The Two Reacts · · react, components, state-management
- Is CSS Alive? · · css
- Accessibility Options for Floating Action Buttons · · accessibility, buttons
- Design Better Pagination · · design, navigation, pagination
- European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying · · cookies, consent-management, legal
- Oh Shit Banners · · design, history
- Stop Closing Void Elements · · html
- The AHA Stack · · websites, tech-stacks, astro, htmx
- The Popular Vote of Interop 2024 · · interoperability, web-platform
- The Website vs. Web App Dichotomy Doesn’t Exist · · concepts, terminology, comparisons
- Tyler’s CSS Wish List for 2024 · · css, wish-lists
- 2024 Predictions by JavaScript Frontend Framework Maintainers · · visions, javascript, frameworks, angular, nextjs, react, solidjs
- Agile Anti-Patterns That Can Harm UX · · agile, anti-patterns, user-experience, processes
- Are You Ignoring These 8 DevTools Features? · · videos, user-agents, google, chrome, dev-tools, auditing, debugging
- Not All Automated Testing Tools Support Shadow DOM in Web Components · · accessibility, testing, automation, tooling, shadow-dom, dom, web-components
- The View Transitions API and Delightful UI Animations II · · css, animations, transitions, apis
- How to Make External Links Accessible · · how-tos, links, accessibility
- 7 Predictions for Web Design in 2024 · · design, visions
- Mastering TypeScript: Looping With Types · · typescript
- The Best React Chart Libraries for Data Visualization in 2024 · · react, libraries, information-design, comparisons, link-lists
- Understanding the Most Important HTTP Status Codes · · protocols, http
- 3 Terminal Commands to Increase Your Productivity · · command-line, productivity
- My Perspective: Digital Accessibility and Overlays · · accessibility, overlays
- 10 Interview Questions Every JavaScript Developer Should Know in 2024 · · interviewing, javascript, career, concepts, terminology
- Installing Google Fonts as npm Packages · · tooling, dependencies, google, fonts
- React Is Slow, What to Do Now? · · react, performance
- The Internet Is About to Get Weird Again · · web, social-media
- Make Your Linux Terminal Enjoyable to Use · · command-line
- Shadow DOM and the Problem of Encapsulation · · web-components, shadow-dom, dom, maintainability
- 2.5.8: Adversarial Conformance · · accessibility, wcag, compliance
- Tools to Make Your Developer Experience Better in PHP · · tooling, developer-experience, php, link-lists
- WCAG 2: Guidelines and Guardrails · · accessibility, wcag, guidelines
- React Server Components: The Good, the Bad, and the Ugly · · react, components
- Let’s Bring Back JavaScript’s “with()” Statement · · javascript
- Making Sense of “Senseless” JavaScript Features · · javascript
- Privacy Sandbox: Preparing for the End of 3rd-Party Cookies · · privacy, cookies, support, google
- Announcing Vue 3.4 · · vuejs, release-notes
- Incident, Mitigate, Learn · · processes, incident-response, learning, quality
- Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds · · accessibility, compliance, legal