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