News and Tools for Frontend Development (18)
(Stay up-to-date on all topics by RSS feed or on Mastodon.)
- Does “www” Still Belong in URLs? (via) · · usability, urls
- Reading the Meter (by) · · html, semantics, accessibility
- Fast Is Good, Instant Is Better (by/via) · · performance, caching
- PHP Type Declarations—A Guide for Beginners (by) · · php, guides
- Landmarks and Where to Put Them (by) · · html, semantics, aria, accessibility
- Amy Jiménez Márquez on Leading Information Architecture (by+/via) · · podcasts, transcripts, information-architecture
- Super Useful CSS Resources (by) · · css, link-lists, tooling
- About Modern Sass (by/via) · · preprocessors, sass
- Using SRI to Protect From Malicious JavaScript (by) · · javascript, security
- Accessibility and MVPs (by) · · accessibility, principles
- Best APIs for Developers (by/via) · · apis
- “:has(:not())” vs. “:not(:has())” (by) · · css, selectors, comparisons
- Proximity: Gestalt Principle for User Interface Design (via) · · videos, design, principles
- Prerender Pages in Chrome for Instant Page Navigations (by/via) · · performance, user-agents, google, chrome
- CSS Infinite and Circular Rotating Image Slider (by/via) · · css, images, animations
- You Don’t Need ARIA for That (by) · · html, accessibility, aria
- 7 Website Performance Metrics to Track for Better UX (via) · · performance, user-experience, metrics
- A Conversation With ChatGPT (by) · · interviews, ai, typography, design
- From Type to Logotype (by/via) · · fonts, typography, design, branding
- Design Spacing Tokens Semantically (by) · · websites, design-tokens, spacing, design
- A Vibe Shift Is Coming (by+/via) · · user-experience, design, visions
- Apache .htaccess (by) · · servers, apache
- The Final Google Fonts Knowledge Drop of 2022 (by) · · google, fonts, typography
- Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (by/via) · · guides, web-apps, performance, web-workers, javascript
- Digging Deeper Into Container Style Queries (by/via) · · css, container-queries
- How to Transfigure Wireframes Into HTML (by) · · how-tos, html, prototyping, conversion
- Migrating From Vue 2 to Svelte (via) · · migration, vuejs, svelte
- 10 Key Principles of User-Centered Design (via) · · design, usability, user-experience, principles
- Counting Unique Visitors Without Using Cookies, UIDs, or Fingerprinting (by/via) · · metrics, privacy
- HTML Semantics and Accessibility Cheat Sheet (via) · · cheat-sheets, html, semantics, accessibility
- Making Microservices Accessible (by) · · accessibility, microservices
- “px” or “rem” in CSS? Just Use “rem” (by) · · css, units
- Tips for Typing Import Statements in JavaScript (by) · · javascript
- Transient Frameworks (by) · · frameworks, web-platform
- Handling Images With Inconsistent Height in CSS (by) · · css, images
- Why You Should Be Using New CSS Features Today (by/via) · · css
- WordPress Versions 3.7–4.0 No Longer Get Security Updates (by/via) · · wordpress, security
- Which Images Need Descriptive Text? (by) · · accessibility, writing
- 5 Ways to Make Your JavaScript More Functional (by/via) · · javascript, programming
- Convert Any Value to a Boolean in JavaScript (by) · · javascript
- Tailwind Is a Leaky Abstraction (by) · · tailwind, css
- The Large, Small, and Dynamic Viewport Units (by/via) · · css, units
- Stop Fighting With CSS Positioning (by) · · videos, css, layout
- Organizing the Eleventy Config File (by) · · eleventy, configuration
- Speeding Up the JavaScript Ecosystem—One Library at a Time (by) · · javascript, performance, libraries
- Color Formats in CSS (by) · · css, colors
- Debugging Tactics (by) · · debugging
- Making Accessibility Simpler in Higher Education and Beyond (by) · · videos, accessibility
- Newer Things to Know About Good Ol’ HTML Lists (by/via) · · html, semantics
- Testing Static Types in TypeScript (by) · · testing, typescript
- We Document Our Design Systems—Why Don’t We Systematise our Documentation? (by) · · design-systems, documentation
- Designing a Utopian Layout Grid: Working With Fluid Responsive Values in a Static Design Tool (by) · · layout, design, css
- Shadow DOM and Accessibility: The Trouble With ARIA (by) · · dom, shadow-dom, accessibility, aria, html
- Advanced Web Font Optimization Techniques (by) · · fonts, typography, optimization
- Content May Be King, but Design Is Queen (via) · · design, content
- HTML Content Model Categories (by) · · html, semantics
- Three Pillars of User Delight (by/via) · · user-experience
- Upgrade Your HTML IV (by) · · books, html, minimalism, craft, conformance
- Basic Intro to Bulma CSS (by) · · introductions, bulma
- CSS for URLs and HTTP Headers (by) · · css, urls, http
- NestJS With API Gateway (by/via) · · apis
- Addressing Concerns About CSS Speech (by) · · accessibility, css
- Foundational Skills (by) · · career
- A Guide to the Most Popular Types of APIs: REST, SOAP, GraphQL, and gRPC (by) · · guides, apis, graphql
- Lazy Loading Images in HTML (by) · · performance, html, lazy-loading
- Elements Can Be Visible Even Though Their Parent Has Set “visibility: hidden” (by) · · css
- Growing Design System Documentation (by) · · design-systems, documentation
- Positioning Notification Messages With Accessibility in Mind (by) · · accessibility, notifications
- Forging Links (by/via) · · videos, css, collaboration
- Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide (by/via) · · introductions, guides, dom, javascript
- Should Design Systems Include Problematic Components and Patterns? (by) · · design-systems, design-patterns, components
- The BBC’s 15 Web Principles—15 Years Later (by) · · web, principles, history
- Why Japan’s Internet Is Weirdly Designed (by+/via) · · videos, design
- Setting Up a Screen Reader Testing Environment on Your Computer (by) · · user-agents, assistive-tech, screen-readers, testing, accessibility
- Git Is Not the End of History (by) · · git, version-control, visions
- The Shape-Shifting “a” Element (by) · · html, links, semantics
- The Ultimate Error Message UX Writing Guide · · guides, errors, writing, user-experience
- Preparing for WCAG 2.2 (by+/via) · · videos, accessibility, wcag
- The “label” Element (by) · · html, semantics
- Down With Design Systems Dogma (by) · · design-systems
- CSS “:is()”, “:where()”, “:has()”, and “:not()” · · css, selectors
- Our Future CSS Strategy (by/via) · · css, css-in-js, strategies
- Node.js Architecture Pitfalls to Avoid (by/via) · · nodejs, architecture
- Accessibility and Inclusive Design Systems (by/via) · · videos, accessibility, design-systems, dei
- An Interactive Guide to Flexbox (by) · · guides, css, layout
- Deploy Node.js to AWS: Build an Automated CI/CD Pipeline (by) · · nodejs, aws, ci-cd, automation
- The Value of Accessibility (by+/via) · · podcasts, transcripts, accessibility
- Writing and Organizing Node.js API Tests the Right Way · · nodejs, apis, testing
- Optimizing a Vue App (by/via) · · vuejs, web-apps, optimization
- Improving Firefox Stability With This One Weird Trick (by/via) · · user-agents, mozilla, firefox
- What Image Format Should You Use in Your Next Project? (by) · · images
- Page Title Conventions (by) · · html, accessibility, seo
- What Happened to Text Inputs? (by) · · videos, html, forms
- Natural Language Inputs (by) · · forms, usability
- DOJ and Congressional Updates on Digital Accessibility (via) · · accessibility, legal
- Less Design Leadership—More Design Authorship (by/via) · · design, leadership
- What Is the Open Web? (via) · · web, web-platform
- Harnessing Groupthink: Fine-Tuning CSS Specifications (by/via) · · css, collaboration
- Taming the Cascade With BEM and Modern CSS Selectors (via) · · css, cascade, selectors, naming, bem
- 4 Mobile Must-Haves for a Modern UX Design Strategy (by/via) · · user-experience, design, responsive-design, mobile
- How to Use Huge Type on the Web (by) · · how-tos, design, typography
- A Guide to Keyboard Accessibility: JavaScript (by/via) · · guides, accessibility, keyboard-navigation, javascript
- Analyzing the Top 100 Retailers for Digital Accessibility (via) · · studies, research, accessibility
- Incorporating Accessible Design Elements Into Your Web Site (by/via) · · accessibility, design
- State of JavaScript 2022 (by/via) · · surveys, javascript
- Brief Note on “aria-readonly” Support (by) · · accessibility, html, aria, assistive-tech, support
- Today I Learned: The Subtle Art of Code Reviews (by) · · code-reviews, best-practices, quality
- Multidimensional Design Systems (by/via) · · videos, design-systems
- Git Notes: Git’s Coolest, Most Unloved Feature (by) · · git
- An Introduction to the Design Tokens File Format (by+/via) · · videos, introductions, design-tokens
- The Easiest Way to Get Started With CSS Grid (by/via) · · videos, css, layout
- How to Handle Unplanned Work in Scrum (by/via) · · how-tos, scrum, agile, processes
- The Ultimate Guide to Frontend Monitoring (by/via) · · guides, monitoring
- Firefox-Only CSS (by) · · css, user-agents, mozilla, firefox
- Style a Parent Element Based on Its Number of Children Using CSS “:has()” (by/via) · · css, selectors
- Experimenting With Layering, Filtering, and Masking in CSS (by) · · css, experiments, masking
- You Don’t Need HTML (by) · · websites, html, web-platform
- A Guide to Image Optimization on Jamstack Sites (by/via) · · guides, images, compression, optimization, performance, tech-stacks, jamstack
- Back to Basics: What are Callbacks in JavaScript? (by/via) · · fundamentals, javascript, callbacks
- An Interesting Limitation of CSS Custom Properties (by/via) · · css, custom-properties
- CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly (by) · · css, best-practices
- Theory-Building and Why Employee Churn Is Lethal to Software Companies (by) · · processes, productivity
- Using Automated Test Results to Improve Accessibility (by+/via) · · automation, testing, accessibility
- “vh”, “svh”, “lvh”, and “dvh” (by) · · css
- Spy On “window.postMessage” Calls (by) · · javascript, cypress, testing
- Build and Deploy a Node.js Microservices Application (by) · · nodejs, microservices, deploying
- Improving React Interaction Times by 4× (by/via) · · react, performance, optimization
- 5 Insider Tips to Make Accessibility Part of Workflow (by/via) · · accessibility, tips-and-tricks, processes
- “Not Secure” Warning for IE Mode (by) · · user-agents, microsoft, edge, internet-explorer, security
- Accessibility Is in Style—Styles and Style Guides (by/via) · · accessibility, writing, design, documentation, consistency, quality
- Building Conscious Design Systems (by) · · design-systems
- The Best Programming Languages You Can Use for Web Development (via) · · programming, web-platform
- The Heuristics of Neurodesign (by/via) · · design, heuristics
- Significant Improvements for Screen Readers Now in Nightly Firefox (by/via) · · user-agents, assistive-tech, screen-readers, mozilla, firefox, accessibility
- 10 Topics You Must Know If You Want to Be a Web Developer—a Beginners Guide · · guides, learning
- Visual Design: Breaking Into the Fourth Dimension of Experience Design (via) · · design, user-experience
- Your Accessibility Claims Are Wrong, Unless… (by) · · accessibility, communication
- Web Sustainability Resources (by/via) · · sustainability, link-lists
- Awesome Productivity Tools for Developers (by) · · productivity, tooling
- A Guide to Keyboard Accessibility: HTML and CSS (by/via) · · guides, accessibility, keyboard-navigation, html, css
- Content Strategy 101 (by/via) · · content, strategies
- Git Cheat Sheet With 40+ Commands and Concepts (by) · · git, cheat-sheets, concepts
- The Evolution of Scalable CSS (via) · · css, maintainability, scaling, history
- The IndieWeb for Everyone (by) · · web, indieweb
- Don’t Disable the Zoom Functionality (by) · · accessibility, zooming
- CSS “:where()” “:is()” the Difference? (by) · · css, selectors
- CSS Grid and Custom Shapes III (by/via) · · css, design
- 10 Things I Wish I’d Known When Starting My Coding Journey (by) · · career
- When Our Tools Hold Us Back (by/via) · · design, css, tooling
- An Open Challenge (to Tech Event Organizers) (by) · · community
- Are You Using an Accessibility Overlay to Help Disabled Users? Don’t! (by/via) · · accessibility, overlays, legal
- State of Design Systems 2022 Survey (via) · · surveys, design-systems
- What’s New in WCAG 2.2 (by/via) · · videos, accessibility, wcag, standards
- Why Your Backend in Node.js Needs an API Layer and How to Build It (by/via) · · nodejs, architecture, apis
- The Anatomy of “visually-hidden” (by/via) · · accessibility, css
- Easily Switch Between Different Node Versions Using nvm (by/via) · · videos, nodejs, nvm
- Node.js Security Best Practices (via) · · nodejs, security, best-practices
- A Brief and Probably Only Partially Correct History of CSS Nesting (by) · · css, history, nesting
- Accessfuturism: Digital Accessibility in 2032 (by/via) · · videos, accessibility, visions
- CSS Timeline (by) · · websites, css, history
- Cultivating Design Systems by Bringing Intention (by) · · design-systems
- Designing for People Who Use a Mouse (by/via) · · videos, accessibility
- Browsers, JSON, and “FormData” (by) · · user-agents, json, apis
- Foundations: Native Versus Custom Components (via) · · components, html, comparisons
- Generating Slugs Using One Line of Code in JavaScript (by) · · javascript
- Is “CSS Engineer” Now a Job Position? (by) · · css, career
- TypeScript With Node.js (by) · · typescript, nodejs
- What CSS Do You Absolutely Have to Know in 2022? (by/via) · · css
- Early Learnings for Early Hints at Shopify (by/via) · · videos, case-studies, performance, hints
- How to Create the Perfect Hero Image for Your Portfolio Site (via) · · how-tos, design
- How to Improve User Experience and Wow Your Users (by/via) · · how-tos, user-experience
- Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (by) · · html, semantics, accessibility, modals, pop-overs
- Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues (via) · · accessibility, colors, contrast
- A Simpler Approach to Document and Web Accessibility (via) · · accessibility
- Managing CSS Styles in a WordPress Block Theme (via) · · css, maintenance, wordpress, theming
- The Superpowers of Design Tokens (by/via) · · videos, design-tokens
- Why You Need to Monitor and Report on Accessibility—All the Time (via) · · accessibility, monitoring, compliance, legal
- Responsive Accessibility Using “visibility: hidden” (by) · · accessibility, responsive-design
- npm Security: Preventing Supply Chain Attacks (by/via) · · npm, dependencies, security
- Client-Side Routing Without the JavaScript (by/via) · · javascript, performance, frameworks
- Why Would Anyone Need JavaScript Generator Functions? (by) · · javascript, functions
- Using Data-Driven Analytics to Improve Your Site’s User Experience (via) · · user-experience, analytics, metrics
- Creating a Design System Using Radix (by/via) · · design-systems, radix
- Saved From Callback Hell (via) · · javascript, callbacks
- What Designers Can Learn From Apple’s New Accessibility Features (via) · · accessibility, design, apple
- Inside the Mind of a Frontend Developer: Hero Section (by) · · html, css
- Too Much Efficiency Makes Everything Worse: Overfitting and the Strong Version of Goodhart’s Law (by) · · efficiency, ai
- Visual Design in UX: Study Guide (via) · · guides, design, user-experience, training, link-lists
- Accessibility “Gaps” in MVPs (by) · · accessibility
- Writing Better Documentation (by) · · documentation, writing
- 5 Takeaways From Screen Reader Usability Interviews (by) · · accessibility, user-agents, assistive-tech, screen-readers
- An Animated Guide for Node.js Event Loop (by) · · guides, nodejs, event-loop, events
- 6 Steps to Improve HTML Images for Users and Developers (by) · · html, images, performance, responsive-design
- Minimal Dark Mode (by) · · dark-mode, css, minimalism
- Ways to Improve Developer Onboarding on an Existing Codebase (by) · · onboarding, productivity
- Frontend Dogma on Mastodon (via) · · frontend-dogma
- See This Page Fetch Itself, Byte by Byte, Over TLS (by) · · websites, typescript, tls
- Caring About the World Wide Web (by/via) · · videos, accessibility, dei, web
- 7 Tactics That Benefit Both Accessibility and SEO (via) · · accessibility, seo
- A Testing Strategy for Accessibility in New Apps (by) · · accessibility, testing
- Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing (by/via) · · videos, accessibility
- The Best PHP Frameworks for 2022 (via) · · php, frameworks
- Speedy CSS Tip! Animated Gradient Text (by/via) · · css, gradients
- 16 Rare HTML Tags You Really Should Know (by/via) · · html, semantics
- Tips for Design System Component Pages (by) · · design-systems, components, documentation, consistency, tips-and-tricks
- Sustainable Web Design Reduces E-Waste (by/via) · · sustainability
- A Deep Dive Into Accessible Notifications (by/via) · · videos, accessibility, notifications
- Progress Over Perfection: A Better Way to Accessibility (by) · · accessibility, processes
- An Introduction to CSS Cascade Layers (by/via) · · introductions, css, cascade
- Design Management Toolbox: Non-Linear Professional Development (by/via) · · design, career
- Next Steps for the W3C Web Accessibility Initiative (by/via) · · videos, accessibility, w3c
- Should Consistency Be a Goal of Design Systems? (by) · · consistency, design-systems
- Designing the Perfect Mobile Navigation UX (by/via) · · mobile, navigation, user-experience
- Tips to Become a Great Software Engineer (by) · · career
- How to Start a Content Audit (via) · · how-tos, content, content-management, auditing, quality
- HTML and CSS Features, Tips for a 10× Faster Page Loading Speed (by) · · html, css, performance, tips-and-tricks
- Is Turbopack Really 10× Faster Than Vite? (by) · · tooling, bundling, performance, vite
- An Overview of JavaScript Promises (by+/via) · · overviews, javascript, promises
- The New CSS Media Query Range Syntax (by/via) · · css, media-queries
- TypeScript 5.0 Iteration Plan (by/via) · · typescript
- “aria-label” Is a Code Smell (by) · · accessibility, quality, technical-debt
- Intro to HTML-First Frontend Frameworks (via) · · introductions, html, frameworks
- Why One Web Pioneer Thinks It’s Time to Reinvent the Browser (by/via) · · user-agents, web
- Folder Structure for Node.js and Express.js Project · · architecture, nodejs, express
- My Divtober 2022 Drawings (by) · · css, art
- Complexity and Caution (by) · · accessibility, usability, complexity
- 20+ Laravel Best Practices, Tips, and Tricks to Use in 2023 (by) · · laravel, best-practices, tips-and-tricks
- Screenshotting VoiceOver on macOS (by) · · tooling, screenshots, apple, unix-like, voiceover
- 5 Visual Treatments that Improve Accessibility (via) · · accessibility, design
- Hostile Patterns in Error Messages (by/via) · · usability, design, errors, anti-patterns
- Knowing What It’s Not (via) · · design, spacing
- Do We Need an Interop for Assistive Technologies? (by) · · accessibility, user-agents, assistive-tech, screen-readers, interoperability
- 7 Shorthand Optimization Tricks Every JavaScript Developer Should Know (by) · · javascript, optimization
- CSS Ellipsis for Single-Line and Multi-Line Text (by) · · css, typography
- How to Build, Test, and Publish a TypeScript npm Package in 2022 (by) · · how-tos, typescript, npm
- How to Create Advanced Animations With CSS (by/via) · · how-tos, css, animations
- All Designers Start as Copycats (and That’s OK) (by/via) · · design, career
- Motion Controls in the Browser (by/via) · · user-agents, javascript, permissions
- Practical CSS Guide for Busy Developers (by) · · guides, css
- React Concurrency, Explained (by) · · slides, react, concurrency
- Using HSL Colors in CSS (by/via) · · css, colors
- What Is a Realm in JavaScript? (by) · · javascript
- Why You Should Never Use “px” to Set “font-size” in CSS (by) · · css, accessibility
- How Flaky Tests Impact Developers (by) · · testing, quality
- How to Communicate Effectively as a Developer (by) · · how-tos, communication, writing, career
- Type-Safe TypeScript With Type Narrowing (by/via) · · typescript, type-safety
- CSS Runtime Performance · · slides, css, performance
- Masked Gradient Dashed Lines (by) · · css, gradients, masking
- Accessibility Beyond the “Obvious” (by) · · accessibility
- Getting WCAG Color Contrast Right (by/via) · · accessibility, wcag, colors, contrast