News and Tools for Frontend Developers (12)
(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)
- 100 Bucket List Ideas for Programmers (by) · · career, learning
- Is the Flat Design Trend Finally Over? (by/via) · · design, flat-design, trends
- The “form” Attribute—Enhancing Form Layout Flexibility (via) · · forms, html
- Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican · · site-generators, comparisons, hugo, jekyll
- A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (by/via) · · design, processes, figma
- You Don’t Need JavaScript for That (by/via) · · javascript
- 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
- Search vs. Browse · · user-experience, browsing, searching, comparisons
- Web Development Advent Calendars for 2023 (by) · · link-lists, learning
- The UX of HTML (by/via) · · html, semantics, user-experience
- Recovering Deleted Files From Your Git Working Tree (by/via) · · git, command-line
- I Replaced npm, Yarn, and nvm With pnpm (by) · · dependencies, npm, yarn, pnpm, nvm
- How to Use a Color Font (by) · · how-tos, fonts, css
- Does Web Design Matter? (by) · · design, web
- Deceptive Patterns in UX: How to Recognize and Avoid Them (by/via) · · user-experience, dark-patterns
- Debugging BFCache, Make Your Page Load Instantly (by+/via) · · videos, performance, caching, user-agents, google, chrome, dev-tools, debugging
- CSS Relative Colors (by/via) · · css, colors
- Create Dynamic Web Experiences With Interactive SVG Animations (via) · · svg, images, animations, tooling
- Preparing for a Live Demo (by) · · career
- Not All Screen Reader Users Are Blind (by) · · accessibility, user-experience, user-agents, assistive-tech, screen-readers
- Node v21.3.0 (by/via) · · release-notes, nodejs
- New to the Web Platform in November (by/via) · · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox
- Is 2024 the Year of CSS Nesting? (by/via) · · css, nesting
- How to Use Chrome’s Accessibility Tree (via) · · how-tos, accessibility, user-agents, google, chrome
- Firefox on the Brink? (by) · · user-agents, mozilla, firefox
- Creating a Marquee Effect With CSS Animations (by) · · css, animations, effects
- Alternative Frontends (via) · · web, censorship
- Testing in Production With Canary Deployments: A How-To Guide (by) · · guides, testing, deploying
- Measure LCP Sub-Parts to Improve Largest Contentful Paint (via) · · performance, web-vitals, metrics
- Hide and Debug Empty Elements With CSS (by/via) · · css
- Fetch API, Do You Really Know How to Handle Errors? (by) · · data-fetching, apis, errors
- Design That Scales (by) · · books, design, design-systems, scaling, processes
- CSS: BEM or Atomic Design (by) · · css, bem, atomic-design, comparisons
- The Difference Between Nesting an “@ layer” in “@ media” and “@ container” Query (by) · · videos, css, media-queries, at-rules, container-queries, comparisons
- Oh No, Overflow! (by/via) · · css, layout
- How to Use the File System in Node.js (by/via) · · how-tos, file-handling, nodejs, apis
- Care Beyond Code: 7 Best Design Practices for Frontend Developers (by+/via) · · design, best-practices
- Accessing .env Files Natively With Node.js (by) · · nodejs, environments
- “An Accessible Website Won’t Be Beautiful”… Really?! · · design, accessibility
- Keyboard Accessibility Myths and WCAG (by/via) · · accessibility, keyboard-navigation, wcag, myths
- Web Components Eliminate JavaScript Framework Lock-In (by) · · web-components, javascript, frameworks, maintainability
- The “hanging-punctuation” Property in CSS (by) · · css, typography
- Resource Loading at the Cutting Edge (by/via) · · videos, performance
- Kicking the Excessive JavaScript Habit (by/via) · · javascript, performance, developer-experience, user-experience
- How to Use Responsive HTML Video (…and Audio!) (by) · · how-tos, responsive-design, html, multimedia
- Checking the Type of a String in PHP (by) · · php
- Burnout in the Digital Accessibility Field (by) · · accessibility, career
- Accessibility: A Practical Perspective (by) · · accessibility
- A Complete Guide to pnpm (via) · · guides, pnpm, dependencies
- 10 JavaScript Changes You Missed in 2023 (by/via) · · videos, javascript, retrospectives
- OOP Design Patterns in JavaScript (by) · · javascript, oop, software-design-patterns
- Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development · · progressive-enhancement, graceful-degradation, comparisons
- “oklch()” Retains Perceived Lightness for Different Hue Angles (by) · · css, functions, colors, oklch
- Are Design Ethics Useless? (by) · · design, ethics
- Preventing Scroll “Bounce” With CSS (by/via) · · css, scrolling
- Design Systems Metrics—What I Have Learned Leading the [Design System] of the Biggest Edtech in Latin America (by) · · design-systems, metrics, lessons
- Weird HTML Hacks (by) · · html, css, hacks, techniques, history
- Accessibility Is Leadership (by) · · accessibility, leadership
- A Few Ways CSS Is Easier to Write in 2023 (by/via) · · css, techniques, comparisons
- State of JavaScript 2023 (by/via) · · surveys, javascript
- How to Test 3.3.7 Redundant Entry (via) · · how-tos, accessibility, testing, wcag
- Top 10 Most Popular JavaScript Frameworks to Choose in 2024 · · javascript, frameworks, react, angular, vuejs, nodejs, express, meteor, nextjs, emberjs, backbone, svelte
- Vue and Vite Status Update (by/via) · · videos, vuejs, vite
- The Elevator Pitch for Web Components (by) · · web-components, html, dom
- Test Often to Keep Your Designs Simple (by) · · design, prototyping, testing, simplicity
- Shadow DOM Is for Hiding Your Shame (by) · · shadow-dom, dom, web-components, html
- Psychology of Speed: A Guide to Perceived Performance (by/via) · · guides, performance, user-experience
- Choosing a Green Web Host (by/via) · · hosting, sustainability
- Browsers Only Update “:target” on Page Load and During Fragment Navigation (by/via) · · css, selectors
- An Interactive Guide to CSS Grid (by) · · guides, css, grids, layout
- Why We Don’t Like TDD: A Developer’s Perspective (via) · · testing, processes
- URL Parser Performance (by) · · urls, parsing, performance
- The Unbearable Weight of Massive JavaScript (by/via) · · videos, javascript, frameworks, performance
- The Tension and Future of Jamstack (by) · · tech-stacks, jamstack
- Easy Introduction to Variables and Data Types in Programming for Beginners (by/via) · · introductions, data-types, programming
- Demystifying Web Push Notifications (by) · · notifications, javascript
- What Are Webhooks and How to Use Them · · webhooks
- CSS4 Is Coming (Not a Clickbait) (by/via) · · videos, css
- How to Avoid Breaking Web Pages for Keyboard Users (by/via) · · how-tos, accessibility, keyboard-navigation
- Width and Height in CSS (by) · · css
- The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (by) · · html
- Navigating the Intersection of Brand Strategy and User Experience (by/via) · · branding, strategies, user-experience
- Jimdo’s Engineering Guidelines (by/via) · · guidelines, processes, collaboration, onboarding, case-studies
- Inspecting WCAG 2.2: Target Size (via) · · videos, accessibility, wcag, standards
- Conducting a Content Audit to Improve Your Content (via) · · content, auditing, quality, optimization
- Announcing TypeScript 5.3 (by/via) · · release-notes, typescript
- Introduction to AWS—DynamoDB · · introductions, aws, dynamodb, databases
- CSS Nesting UX in DevTools (by) · · css, nesting, user-experience, developer-experience, user-agents, dev-tools
- CSS Nesting (by) · · css, nesting
- The CSS Property You Didn’t Know You Needed · · css
- Skip PHPUnit Tests Conditionally in PHP (by) · · php, testing
- How Independent Publishing Has Changed From the 1990s Until Today (by) · · history, writing, web
- Comparison of Accessibility of E-Government Websites in Europe (by) · · accessibility, case-studies, comparisons
- An Attempted Taxonomy of Web Components (by) · · web-components, html
- 26 Frontend Certifications for Web Developers (by) · · training, career, link-lists
- 10 Great Websites to Learn Web Development (by) · · link-lists, learning
- 10 Tips for Driving Design System Adoption (by/via) · · design-systems, tips-and-tricks
- Why You Should Curate, Not Create, a Design System (by/via) · · design-systems, processes
- Understanding Dev Dependencies in Web Development · · dependencies
- “NODE_ENV=production” Is a Lie (by) · · videos, nodejs, environments, optimization
- Integrating MongoDB With Node.js (via) · · mongodb, nodejs
- HTML Web Components Are Just JavaScript? (by/via) · · web-components, javascript, html
- 5 Formatting Techniques for Long-Form Content (via) · · usability, content, writing, formatting, techniques
- The Node.js Event Loop (by/via) · · nodejs, event-loop, events
- Vite 5.0 Is Out (via) · · release-notes, vite
- Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA (by/via) · · videos, user-agents, google, chrome, dev-tools, accessibility, testing, html, aria
- Until the Right Design Emerges… (by) · · design
- The Developer Job Market Is Insane—5 Tips on How to Survive (by) · · career, interviewing, tips-and-tricks
- The Best CSS Background Patterns for Your Next Project · · css, backgrounds
- How to Use Node.js With Docker (by/via) · · how-tos, nodejs, docker
- Getting Started With CSS Container Queries (by/via) · · introductions, css, container-queries
- Exclusive Accordions Exclude (by) · · accessibility, html
- Evolution of Visible Focus (by/via) · · videos, accessibility, focus
- 4 Web Devs, 1 App Idea (by+/via) · · videos, web-apps, case-studies
- Shattering the Design System: Unleashing the Creative Revolution (by/via) · · design-systems, creativity, processes
- About Subgrid and Colored Grid Lines (by) · · css, grids, layout
- Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing (by) · · performance, optimization, memoization, throttling, debouncing
- We Need to Have a Chat? I Think We Should Refactor · · design-systems, maintenance, refactoring
- A Guide to Low-Code No-Code in Software Development (via) · · guides, low-and-no-code, concepts
- Introducing N|Solid Copilot: Your AI-Powered Node.js Navigator (by/via) · · introductions, nodejs, ai, tooling
- Why Doesn’t AI Work for Producing Accessible Code? (by) · · accessibility, code-generation, ai
- Using Selectlist in React (by/via) · · react, forms
- Release Notes for Safari Technology Preview 183 (by/via) · · release-notes, user-agents, apple, safari
- Modular CSS and Different Ways to Structure Your Stylesheets (by) · · css, modules
- Is It Worth Keeping Your CSS DRY—Pros and Cons · · css, maintainability, principles
- Introduction to LangChain (by/via) · · introductions, langchain
- How to Optimize MongoDB Performance for Node.js (by/via) · · how-tos, mongodb, optimization, nodejs
- Browsing the Eastern Side of the Personal Web · · web, community
- A Tip for Properly Handling Loading States in Web Apps (by) · · tips-and-tricks, state-management, web-apps
- Designing for Accessibility Beyond Compliance (via) · · design, accessibility, compliance
- What Is Transpiling in JavaScript? (via) · · videos, javascript, ecmascript, transpiling, babel
- Simplifying the E2E Selectors Hassle (by/via) · · angular, typescript, testing
- Node.js Monthly Downloads (by) · · websites, nodejs, metrics
- Letter and Spirit of Web Development (by) · · community, processes
- How I Test a Website for Accessibility (by) · · accessibility, testing
- Exploring V8’s Strings: Implementation and Optimizations (by) · · javascript, javascript-engines, v8, optimization
- Elevate Your CSS Debugging Skills With These Chrome DevTools Tricks in 2024 (by) · · css, debugging, user-agents, google, chrome, dev-tools
- Cracking a “Developer Tools Killer” Script… (by) · · user-agents, dev-tools, debugging
- Accessibility Testing With Chrome DevTools (by) · · accessibility, testing, user-agents, google, chrome, dev-tools
- Your Website’s URLs Can and Should Be Beautiful (by) · · urls, usability
- The Top WordPress Plugins Are… a Little Sad? (by) · · wordpress, plugins
- Text With Media Background: Practical Solutions (by/via) · · images, microcontent, readability, accessibility
- Prettier 3.1: New Experimental Ternaries Formatting and Angular Control Flow Syntax (by/via) · · release-notes, prettier
- Monitoring Your Python App With AppSignal (by/via) · · python, monitoring, tooling
- Is It Time for You to Leave Social Media? (via) · · social-media
- Introducing the Website Carbon Rating System (by/via) · · introductions, sustainability
- HTML Web Components (by) · · html, web-components
- Growing Design by Letting Teams Experience It (by) · · design
- Designing Web Design Documentation (by/via) · · documentation, design, design-systems
- Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne (by+/via) · · podcasts, interviews, css, cascade, functions
- A Coder Considers the Waning Days of the Craft (by/via) · · craft, retrospectives, web
- The Nature of Digital Is Environmentally Destructive (by) · · sustainability
- HTML First (by) · · websites, html, principles
- Explaining Kubernetes to My Uber Driver (by) · · architecture, kubernetes
- Accessibility Training Can Sometimes Harm Accessibility (by) · · accessibility, training
- AI Is the New UI (by/via) · · ai, design
- Stop Using AI-Generated Images (by/via) · · ai, images
- NCSA Mosaic: How the First Mainstream Web Browser Changed the World Forever · · history, user-agents, mosaic
- Mastering Cryptography Fundamentals With Node’s “crypto” Module (by) · · security, cryptography, nodejs
- Lost in Translation: Tips for Multilingual Web Accessibility (by) · · tips-and-tricks, accessibility, internationalization, localization
- Do You Really Need to Validate Your HTML Code? · · discussions, html, conformance
- Never Use “Scroll” Value for Overflow (by) · · css, scrolling
- CSS Nesting Is Here (by/via) · · css, nesting
- Creating Accessible UI Animations (via) · · accessibility, animations
- Cookie Permissions 101 (by/via) · · cookies, legal, user-experience
- A Faster Web in 2024 (by) · · performance, web-vitals, metrics, web
- Understanding HTML Landmarks and How to Apply Them (by/via) · · html, semantics, accessibility, aria
- NaN or Not a Number? (by/via) · · javascript
- Modern Frontend Testing With Vitest, Storybook, and Playwright (by/via) · · testing, storybook, playwright
- HTML Web Components (by) · · web-components, html, web-platform
- How Long Until Your Website Is Accessible? (by) · · accessibility, processes
- Front End Devs Really Don’t Understand Accessibility (by) · · accessibility, craft
- ES6 Features You Didn’t Know You Needed: A JavaScript Guide for Beginners (via) · · guides, javascript
- Effective Engineering Teams (by) · · collaboration, career, engineering-management
- CSS Nesting Relaxed Syntax Update (by/via) · · css, nesting, user-agents, google, chrome, support
- Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit (by/via) · · bun, nodejs, comparisons
- Using CSS “content-visibility” to Boost Your Rendering Performance (via) · · css, rendering, performance
- CSS Positioning Crash Course (by/via) · · videos, crash-courses, css, positioning, layout
- AVIF: Meet the Next Level Image File Format (via) · · avif, images
- XML Basics for Computing (by) · · fundamentals, xml
- Introducing Angular v17 (by/via) · · introductions, release-notes, angular
- Web Developers: Remarkably Untalented and Careless? (by) · · quality, career, training
- Secure Code Review Tips to Defend Against Vulnerable Node.js Code (by) · · nodejs, security, code-reviews
- “@ scope” (by/via) · · css, scope, at-rules
- Monolith to Microservices: 5 Strategies, Challenges, and Solutions (by/via) · · monoliths, microservices, architecture, migration, strategies
- How to Use Timeouts in Node.js (by/via) · · how-tos, nodejs, javascript
- Handling Null, Undefined, and Zero Values in JavaScript (by/via) · · javascript
- Everything About SEO Is Obnoxious (by) · · seo, quality, ethics
- Angular (via) · · websites, angular
- Writing Components That Work in Any Frontend Framework (by) · · web-components, frameworks
- Why We Need a “Green” Perf Metric (by/via) · · videos, sustainability, performance, metrics
- Truly Semantic (by) · · design-tokens, semantics, naming
- Surprising Facts About New CSS Selectors (by/via) · · css, selectors
- React Router v6: A Beginner’s Guide (by/via) · · guides, react, routing
- How Miro Migrated Its Analytics Event Tracking System (by/via) · · analytics, metrics, monitoring, migration
- How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (by+/via) · · google, performance, user-experience, metrics
- Headless Component: A Pattern for Composing React UIs (by/via) · · components, react, headless
- (Don’t) Mind the Gap (by/via) · · css, layout
- Deploying a Vue Application With Netlify and GitHub (via) · · deploying, vuejs, netlify, github
- Creating Accessible Content in Drupal 10 (by/via) · · videos, drupal, accessibility
- Addressing Accessibility Concerns With Using Fluid Type (by/via) · · accessibility, responsive-design, css
- Accessibility Training Will Not Save You (by) · · accessibility, training, career, quality
- 13 HTML Attributes You Should Know About (by) · · html
- Comparing MySQL, PostgreSQL, and MongoDB (via) · · databases, mysql, postgresql, mongodb, comparisons
- The Role of Prototyping in UX Design: From Wireframes to Interactive Mockups (by/via) · · user-experience, design, prototyping
- Removing List Styles Without Affecting Semantics (by) · · html, css, semantics, accessibility
- How to Use npm Packages Outside of Node (via) · · how-tos, npm, dependencies, javascript
- How to Build a Server-Side React App Using Vite and Express (by/via) · · how-tos, react, vite, express, server-side-rendering
- “git rebase”: What Can Go Wrong? (by) · · git
- Default Layouts in 11ty (by) · · eleventy
- Understanding React Error Boundary (via) · · react
- To Hell With the Business Case (by) · · accessibility, economics, legal
- How Creating Content as a Developer Changed My Life (by) · · career, learning
- Understanding CORS (by) · · security, cors
- WCAG 2.2 Will Be a Part of EN 301 549 and With That a Part of WAD and EAA (by) · · accessibility, wcag, standards, legal
- Performance in React and Next.js (by/via) · · videos, performance, react, nextjs
- Workarounds for Buggy Gradients (by) · · css, gradients, colors
- Totally Remdom, or How Browsers Zoom Text (by) · · accessibility, zooming, css, units, responsive-design
- Messing About With CSS Gradients (by/via) · · css, gradients
- How to Do a TypeScript Conversion (by) · · how-tos, javascript, typescript, migration, conversion, refactoring
- GitHub Copilot Now Generates AI Commit Messages (by) · · github, ai, commit-messages
- An Accessibility Bookmarklet for Testing 200% Text Size (by) · · accessibility, testing, bookmarklets
- Information vs. Experience: How to Build Mature Design Systems (via) · · how-tos, comparisons, design-systems
- Content Negotiation in Practice (by/via) · · content-negotiation, http, examples
- Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (by) · · html, tables, grids, aria, accessibility
- Shadow DOM on Regular Elements (by) · · shadow-dom, dom
- Why You Should Use “px” Units for Margin, Padding, and Other Spacing Techniques (by) · · css, units, spacing, responsive-design
- Use the CSS “:disabled” Pseudo-Class Instead of the “[disabled]” Attribute Selector to Match Disabled Form Controls (by/via) · · css, selectors, forms
- In Quest to Defeat Euro Red-Tape, Apple Said It Had Three Safari Browsers—Not One (by/via) · · user-agents, apple, safari, web, legal
- How to Write Good Alt Text for Screen Readers (by) · · how-tos, accessibility, writing, alt-text, assistive-tech, screen-readers
- How to Use the Fetch API in Node.js, Deno, and Bun (by/via) · · how-tos, data-fetching, apis, nodejs, deno, bun, comparisons
- “:fullscreen” Demo Without JavaScript (by) · · css, selectors
- Can AI Help Boost Accessibility? These Researchers Tested It for Themselves (via) · · accessibility, ai, research
- Answers to Common (Web) Accessibility Questions (by) · · accessibility
- 10 Best Web Development Stacks · · tooling, tech-stacks
- Understanding Cookies (by/via) · · cookies
- The “prefers-reduced-transparency” Media Feature (by) · · css, media-queries, accessibility
- The People Who Ruined the Internet (by/via) · · web, google, seo
- The Dangers of Doomscrolling for Designers and How to Break Free (via) · · career
- Technical Standards Bodies Are Regulators (by) · · standards, policies, legal
- Speeding Up the JavaScript Ecosystem—Tailwind CSS (by) · · performance, javascript, tailwind
- Response Code Cheat Sheet for Laravel HTTP Client (by) · · cheat-sheets, laravel, http
- Release Notes for Safari Technology Preview 182 (by/via) · · release-notes, user-agents, apple, safari
- Personal-Scale Web Scraping for Fun and Profit · · scraping, javascript, functionality, optimization
- One HTML Tag, Thirty+ CSS Drawings—My Divtober 2023 Collection (by) · · css, art
- Learn Performance (by+/via) · · courses, performance
- How Bear Does Analytics With CSS · · analytics, metrics, css, case-studies
- Getting Started With NVDA (via) · · videos, introductions, assistive-tech, screen-readers, nvda, accessibility
- Dark Visitors (by) · · websites, ai, scraping, robotstxt