News and Tools for Frontend Development (4)
(Stay up-to-date on all topics by feed or on Mastodon.)
- Shell Scripting with Node.js (toot or tweet) · · books, nodejs, command-line
- The Web Is Good Now (toot or tweet) · · videos, web
- Type-Level TypeScript (toot or tweet) · · websites, typescript
- Why Designers Quit (toot or tweet) · · design, career
- 5 Ways to Use Data Visualization in Your Content to Increase Traffic (toot or tweet) · · information-design, content, optimization
- Building a Retro Draggable Web Component with Lit (toot or tweet) · · components, javascript
- Design 4.0: Leading Design in the New Industry (toot or tweet) · · design
- How Rapid Usability Testing Is Changing UX Research (toot or tweet) · · usability, user-experience, research, testing
- How to Get the Current Timestamp in JavaScript (toot or tweet) · · javascript
- Rethinking a Design System (toot or tweet) · · design-systems
- Stop Using .env Files Now (toot or tweet) · · environments, security
- Web Sustainability and the Ethical Dilemma (toot or tweet) · · sustainability, ethics, web
- Accidental Dismissal of Overlays: A Common Mobile Usability Problem (toot or tweet) · · usability, overlays
- Debunking Myths About HTTPS (toot or tweet) · · http, security
- The Git Commands I Use Every Day (toot or tweet) · · git, command-line
- Accessibility Is for Every One (toot or tweet) · · accessibility
- Brief Note on Super- and Subscript Text (toot or tweet) · · html, accessibility, support, assistive-tech
- How to (Not) Make a Button (toot or tweet) · · accessibility, forms, semantics, html
- When Design Systems Lie (toot or tweet) · · videos, design-systems
- 7 Must Know JavaScript Tips and Tricks (toot or tweet) · · javascript, tips, tricks
- Accessibility in Times of Headless (toot or tweet) · · accessibility, content-management, headless
- Buttons and the Baader–Meinhof Phenomenon (toot or tweet) · · forms, accessibility
- Design Tokens 101 (toot or tweet) · · design-tokens
- Five Things You Can Do to Be More Inclusive (toot or tweet) · · inclusion, accessibility
- How to Substantially Slow Down Your Node.js Server (toot or tweet) · · performance, nodejs
- I Never Thought This Would Be Possible with CSS (toot or tweet) · · videos, css, selectors
- Let’s Get Logical (toot or tweet) · · css, logical-properties
- The Rise of the TikTok Pattern (toot or tweet) · · design, social-media
- Total Blocking Time: A Short and Sweet Guide for Happier Users (toot or tweet) · · performance, javascript
- Why Are Vanity Metrics Still Problematic? (toot or tweet) · · metrics
- Why the Number Input Is the Worst Input (toot or tweet) · · html, forms, validation, accessibility
- 3 Problems Scrum Doesn’t Solve (toot or tweet) · · agile, scrum, processes
- A Guide to Rounding Numbers in JavaScript (toot or tweet) · · guides, javascript
- Container Queries in Browsers! (toot or tweet) · · css, container-queries, support
- JavaScript APIs You Don’t Know About (toot or tweet) · · javascript, apis
- On Better Browsers: Arbitrary Media Queries and Browser UIs (toot or tweet) · · css, media-queries, accessibility
- Quick Tip: Embedding YouTube Videos in GitHub Pages (toot or tweet) · · embed-code, social-media, github, tips
- Secure Your Node.js App with JSON Web Tokens (toot or tweet) · · nodejs, json-web-tokens, security
- The State of Digital Accessibility: Three Key Challenges (toot or tweet) · · accessibility, legal, web
- W3C TAG Ethical Web Principles (toot or tweet) · · ethics, principles, w3c
- When Is It OK to Disable Text Selection? (toot or tweet) · · css, usability, accessibility
- Better Accessible Names (toot or tweet) · · accessibility, naming
- Conditionally Spreading Objects in JavaScript (toot or tweet) · · javascript, objects
- Detecting CSS Selector Support (toot or tweet) · · css, selectors, support, feature-detection
- Disability Is Not a Dirty Word (toot or tweet) · · accessibility, communication
- First Batch of Color Fonts Arrives on Google Fonts (toot or tweet) · · fonts, typography, colors
- Intrinsic CSS with Container Queries and Units (toot or tweet) · · videos, css, container-queries, units
- Making Sense of WAI-ARIA: A Comprehensive Guide (toot or tweet) · · guides, accessibility, aria, html
- Node.js Native Binary Compilation Using Vercel pkg (toot or tweet) · · nodejs
- PureComponents vs. Functional Components with Hooks (toot or tweet) · · components, hooks, comparisons
- The Basics of Remix (toot or tweet) · · frameworks, remix
- The Power of CSS Blend Modes (toot or tweet) · · css, effects
- What is Data Engineering? (toot or tweet) · · data-engineering
- Wtf Is an Island and Why Is It in My Website? (toot or tweet) · · frameworks, html, architecture, concepts
- 0 of the Global Top 100 Websites Use Valid HTML (in 2022) (toot or tweet) · · html, css, conformance, quality
- Best Practices for Creating a Modern npm Package (toot or tweet) · · best-practices, npm
- Justin Yarbrough Talks About Alt Text (toot or tweet) · · podcasts, accessibility, writing
- My Five Biggest Design System Mistakes (toot or tweet) · · design-systems
- Nuclear Footnotes (toot or tweet) · · html, css
- The “details” and “summary” Elements, Again (toot or tweet) · · html, accessibility
- The Seventh Way to Call a JavaScript Function Without Parentheses (toot or tweet) · · javascript
- When Life Gives You Lemons, Write Better Error Messages (toot or tweet) · · user-experience, writing
- Which Fonts to Use for Your Charts and Tables (toot or tweet) · · fonts, information-design, tables
- Antipersonas: What, How, Who, and Why? (toot or tweet) · · usability, personas
- Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard (toot or tweet) · · css
- Your Next.js Bundle Will Thank You (toot or tweet) · · nextjs, bundling, performance
- Converting PNG Images to WebP Using PHP (toot or tweet) · · conversion, images, png, webp, php
- Make It Short—Make It Better (toot or tweet) · · javascript, minimalism
- A Guide to Choosing the Right React State Management Solution (toot or tweet) · · guides, react, state-management
- Button Minimum Width (toot or tweet) · · css, forms
- CSS “line-height” (toot or tweet) · · css, typography
- How I Made a Pure CSS Puzzle Game (toot or tweet) · · css
- How to Monitor a Next.js Application (toot or tweet) · · nextjs, monitoring
- Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (toot or tweet) · · videos, css, complexity
- 12 Modern UI Components to Inspire Your Future Designs (toot or tweet) · · design, components
- A Quick Primer on Testing JavaScript (toot or tweet) · · javascript, testing
- Lightning CSS (toot or tweet) · · websites, css, tooling
- Me and React: 5 Years in 15 Minutes (toot or tweet) · · react
- Text Is the Universal Interface (toot or tweet) · · apis
- Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma (toot or tweet) · · design, design-systems, figma
- What’s New with Forms in 2022? (toot or tweet) · · forms, javascript, html
- An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (toot or tweet) · · nodejs, architecture, apis, concurrency
- Are Modals in Web Design a UX Disaster? (toot or tweet) · · design, user-experience, accessibility
- Building the Main Navigation for a Website (toot or tweet) · · navigation, html, css
- Dependabot Unlocks Transitive Dependencies for npm Projects (toot or tweet) · · dependencies, npm, security
- Detect When Users Switch Tabs Using JavaScript (toot or tweet) · · javascript
- How Your Favourite UI Libraries Manage Their Icons (toot or tweet) · · libraries, images, maintenance
- Rewriting Tests from Cypress to Playwright Using GPT3 (toot or tweet) · · testing, cypress, ai, code-completion, refactoring
- WCAG 2.2 Hits Candidate Recommendation—But What Does It Mean? (toot or tweet) · · wcag, standards
- A Whole Cascade of Layers (toot or tweet) · · css, cascade
- An Attempt at Outlining the Many Factors Influencing Developer Experience (toot or tweet) · · developer-experience
- Critical CSS? Not So Fast! (toot or tweet) · · css, performance
- Hacking CSS Animation State and Playback Time (toot or tweet) · · css, animations
- How to Improve Largest Contentful Paint for Faster Load Times (toot or tweet) · · performance, web-vitals, optimization
- Introducing Signals (toot or tweet) · · preact, state-management
- Rewrite Your Git History in 4 Friendly Commands (toot or tweet) · · git, command-line
- So Your Designer Wants Stuff to Overlap (toot or tweet) · · design, css
- The Realities and Myths of Contrast and Color (toot or tweet) · · accessibility, contrast, colors
- W3C Accessibility Maturity Model (toot or tweet) · · accessibility, w3c
- 5 Reasons to Invest in User Experience (toot or tweet) · · user-experience
- A/B Testing in 7 Steps to Quickly Improve Your Conversions (toot or tweet) · · testing, conversion, optimization
- Dreamy Blur (toot or tweet) · · css, svg, effects
- HTML Markup Tips for Developing Accessible Websites (toot or tweet) · · html, accessibility, aria
- Top 5 Technology Trends in UX Design (toot or tweet) · · user-experience, design, trends
- Understanding Regulatory Compliance and Making It Work on Your Web Site (toot or tweet) · · compliance, legal
- A Beginner’s Guide to Design Tokens (toot or tweet) · · guides, design-tokens
- A Content Warning Component (toot or tweet) · · components, html, css
- Infinite Scrolling: When to Use It, When to Avoid It (toot or tweet) · · usability, user-experience, scrolling
- Prestige Is the Designer’s Achilles’ Heel (toot or tweet) · · design
- Dear Oracle, Please Release the JavaScript Trademark (toot or tweet) · · javascript, legal
- Disabled JavaScript Turns Off Native Lazy Loading (toot or tweet) · · javascript, html, performance
- Git Cheatsheet (toot or tweet) · · git, command-line, cheat-sheets
- Big O Notation Basics Made Dead Simple (toot or tweet) · · algorithms
- Focus Appearance Explained (toot or tweet) · · accessibility, wcag, forms
- Is It “:modal”? (toot or tweet) · · css, selectors
- The Accessibility and Usability Journey of Drupal’s Primary Navigation (toot or tweet) · · drupal, accessibility, usability
- Accessible Lists and Tables (toot or tweet) · · accessibility, html, tables
- Comparing JAWS, NVDA, and VoiceOver (toot or tweet) · · accessibility, user-agents, assistive-tech, comparisons
- Default Exports in JavaScript Modules Are Terrible (toot or tweet) · · javascript
- DevTools Tips: How to Inspect and Debug CSS Flexbox (toot or tweet) · · devtools, css, tips
- Don’t Overwrite Visual Labels with “aria-label” (toot or tweet) · · accessibility, html, aria
- How I Maintain OSS Projects (toot or tweet) · · open-source, maintenance
- Is Design Thinking Overhyped? (toot or tweet) · · design
- Useful JavaScript Data Grid Libraries (toot or tweet) · · javascript, libraries, information-design, comparisons
- 4 Ways to Minimize Your Dependencies in Node.js (toot or tweet) · · nodejs, npm, dependencies
- Neutrality Isn’t an Option When It Comes to Accessibility (toot or tweet) · · accessibility
- Small Steps: Celebrating Four Accessibility Wins (toot or tweet) · · accessibility, communication
- An Argument Against CSS Opacity (toot or tweet) · · css, accessibility, contrast
- CSS Container Queries Are Finally Here (toot or tweet) · · css, container-queries
- Cypress Testing: A Guide to Running Web Application Tests (toot or tweet) · · guides, testing, cypress
- Interpolating Numeric CSS Variables (toot or tweet) · · css, custom-properties
- JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically (toot or tweet) · · studies, nodejs, javascript, dependencies, security, quality
- Things Not Available When Someone Blocks All Cookies (toot or tweet) · · cookies
- Understanding “useMemo” and “useCallback” (toot or tweet) · · react, hooks
- Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility (toot or tweet) · · accessibility, communication
- Monitor Events and Function Calls Via Console (toot or tweet) · · javascript, monitoring
- Parents Counting Children in CSS (toot or tweet) · · css, selectors
- Should I Use a Button or a Link? (toot or tweet) · · html, semantics
- What Makes A Great Toggle Button? II (toot or tweet) · · forms, usability
- An Ideal REST API—Best Practices (toot or tweet) · · apis, best-practices
- The Three Laws of Utility Classes (toot or tweet) · · css, html
- Be Good-Argument-Driven, Not Data-Driven (toot or tweet) · · metrics, processes
- Making a Twitter Bot in the Year 2022 with Node.js (toot or tweet) · · nodejs, twitter
- Modern Alternatives to BEM (toot or tweet) · · css, sorting, naming, bem, comparisons
- On Design System Support (toot or tweet) · · design-systems
- Using Grid Named Areas to Visualize (and Reference) Your Layout (toot or tweet) · · css, layout
- What Is Closed Captioning? (toot or tweet) · · accessibility, multimedia, captions
- 20 Principles I Learned from 10 Years of Developing Software (toot or tweet) · · principles
- Complex Conditional Width Using “flex-basis” with “clamp” (toot or tweet) · · css
- CSS Classes Considered Harmful (toot or tweet) · · css, html
- Designing Better Error Messages UX (toot or tweet) · · user-experience, usability, design, errors
- Implementing Promisable “setTimeout” (toot or tweet) · · javascript
- Installing and Running Node.js Bin Scripts (toot or tweet) · · nodejs, npm
- Short Note on “figure” and “figcaption” (toot or tweet) · · accessibility, html
- Why Your Website Should Be Under 14 kB in Size (toot or tweet) · · performance, protocols
- Accessibility and Supporting Internet Explorer (toot or tweet) · · accessibility, user-agents, microsoft, support
- Creative List Styling (toot or tweet) · · html, css
- Measure What You Impact, Not What You Influence (toot or tweet) · · performance, metrics, optimization
- The Design Principle Paradox (toot or tweet) · · design, principles
- TIL: You Can Access a User’s Camera with Just HTML (toot or tweet) · · html, permissions
- What Customer-First Web Design Looks Like (toot or tweet) · · design
- What Is a REST API? (toot or tweet) · · apis, javascript
- Why Every University Needs an Accessible Standard Website Template (toot or tweet) · · accessibility, content-management, frameworks
- 8 Tricks for SVG Optimization (toot or tweet) · · svg, tricks, optimization
- A Handy Use for Cascade Layers (toot or tweet) · · css, cascade
- Does Accessibility Stifle the Creative Process? (toot or tweet) · · accessibility, processes
- Exploring the Underrated “output” Element (toot or tweet) · · html
- How to Use localStorage in JavaScript: An Easy Guide (toot or tweet) · · javascript, storage, guides
- Scaling SCM Front-End Design with a Design System (toot or tweet) · · design-systems, scaling
- What’s the Value of a Design System? (toot or tweet) · · podcasts, design-systems
- Advanced TypeScript Patterns: API Contracts (toot or tweet) · · typescript, apis
- Bring Focus to the First Form Field with an Error (toot or tweet) · · accessibility, forms
- Class-Less CSS Frameworks (toot or tweet) · · css, frameworks, minimalism, resetting
- Conducting an Effective Web-Site UX Audit (toot or tweet) · · user-experience, auditing
- CSS Grid and Custom Shapes II (toot or tweet) · · css, design
- Design Systems: Prototyping on Steroids (toot or tweet) · · design-systems, prototyping
- Mac VoiceOver Testing the Simple Way (toot or tweet) · · accessibility, assistive-tech, testing
- Meet the Top Layer: A Solution to “z-index:10000” (toot or tweet) · · css
- Prepare for WCAG 2.2 and Beyond (toot or tweet) · · videos, wcag, accessibility, standards
- What Makes a Great Toggle Button? (toot or tweet) · · forms, usability
- Why User Personas Matter in UX Design (toot or tweet) · · user-experience, usability, design, personas
- A Guide to Using User-Experience Research Methods (toot or tweet) · · guides, user-experience, research
- A Simple “clamp()” Function in PHP (toot or tweet) · · php
- You’re Not Using HTTP Status Codes Right (toot or tweet) · · http, protocols
- React Query vs. SWR (toot or tweet) · · videos, react, data-fetching, comparisons
- Scaling a System (toot or tweet) · · design-systems, scaling
- An Introduction to Context Propagation in JavaScript (toot or tweet) · · introductions, javascript
- Inclusion Beats Optimization (toot or tweet) · · accessibility, inclusion, optimization
- Use the Right Container Query Syntax (toot or tweet) · · css, container-queries
- Using “:has()” as a CSS Parent Selector and Much More (toot or tweet) · · css, selectors
- When Do You Use CSS Columns? (toot or tweet) · · css, layout
- Better Conditionals in CSS Media Queries with Range Syntax (toot or tweet) · · css, media-queries
- Can Browsers Optimize the Loading of Third-Party Resources? (toot or tweet) · · performance, user-agents, embed-code
- Dependency Injection in JS/TS (toot or tweet) · · javascript, typescript
- How the CSS “:is”, “:where”, and “:has” Pseudo-Class Selectors Work (toot or tweet) · · css, selectors
- Outline Is Your Friend (toot or tweet) · · css, accessibility
- React Re-Renders Guide: Preventing Unnecessary Re-Renders (toot or tweet) · · guides, react, client-side-rendering
- Color and Contrast (toot or tweet) · · websites, guides, colors, contrast
- Designing a Better Back Button UX (toot or tweet) · · user-experience, usability, forms
- Introduction to Screen Readers (Desktop Edition) (toot or tweet) · · videos, introductions, accessibility, user-agents, assistive-tech
- Why React Re-Renders (toot or tweet) · · react, client-side-rendering
- Building Accessible Select Components in React (toot or tweet) · · components, react, forms, accessibility
- Check Heading Accessibility Using the WAVE Tool (toot or tweet) · · videos, accessibility, assistive-tech, tooling, testing
- CSS Grid and Custom Shapes (toot or tweet) · · css, design
- Table Column Alignment with Variable Transforms (toot or tweet) · · html, css, tables
- Top 9 Ways to Become a Successful Self-Taught Developer (toot or tweet) · · career, learning
- Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (toot or tweet) · · html, performance, web-vitals
- What Was That Media Query Code Again? (toot or tweet) · · websites, css, media-queries
- 5 Modern CLI Tools That Help Boost Your Productivity (toot or tweet) · · tooling, productivity
- An Introduction to Constraint Based Design Systems (toot or tweet) · · introductions, design-systems
- Automation and Accessibility—What You Need to Know (toot or tweet) · · videos, accessibility, automation
- Creative CSS Layout (toot or tweet) · · videos, css, layout
- Custom Event Naming Conventions (toot or tweet) · · javascript, naming
- If You’re Not Checking, You’re Guessing (toot or tweet) · · videos, user-experience
- On Ratings and Meters (toot or tweet) · · semantics, html, css
- (Re-)Introducing Gatsby, a Reactive Site Generator (toot or tweet) · · gatsby, react, performance, static-site-generators
- The Console API (toot or tweet) · · javascript, apis
- Do You Know About “overflow: clip”? (toot or tweet) · · css
- How and Why We Removed jQuery from GOV.UK (toot or tweet) · · jquery, performance, maintainability
- Modern CSS Selectors (toot or tweet) · · css, selectors
- Results of Quick Testing of Documentation Tools’ Accessibility (toot or tweet) · · accessibility, documentation, tooling
- TypeScript: It’s Not Actually Validating Your Types (toot or tweet) · · typescript, validation
- TypeScript vs. JavaScript: Which One You Should Use, and Why (toot or tweet) · · typescript, javascript, comparisons
- Designing for Long-Form Articles (toot or tweet) · · design, content
- Here, Here, and Here (toot or tweet) · · usability
- Accessibility Is Writing (toot or tweet) · · accessibility, writing
- Code Golfing Tips and Tricks: How to Minify Your JavaScript Code (toot or tweet) · · javascript, minification, tips, tricks
- Core Web Vitals Tools to Boost Your Web Performance Scores (toot or tweet) · · performance, web-vitals, tooling
- Defining “Integration” Tests (toot or tweet) · · testing
- How to Research Components and Patterns: Common Challenges and How to Overcome Them (toot or tweet) · · design-systems, components
- SEO Links Obfuscation and Accessibility Problems (toot or tweet) · · seo, obfuscation, accessibility, hypertext
- The Death of Mozilla is the Death of the Open Web (toot or tweet) · · web, mozilla
- Dark Mode with Design Tokens (toot or tweet) · · design-tokens, dark-mode
- The JavaScript Paradox (toot or tweet) · · javascript
- Zooming Images in a Grid Layout (toot or tweet) · · css, effects
- 5 Good Practices to Scale Your React Projects Easily (toot or tweet) · · react, scaling, best-practices
- Bringing Perspective to CSS (toot or tweet) · · css
- Capturing Images and Videos from the Camera of Mobile Devices Using HTML (toot or tweet) · · html, multimedia
- No Demo [Website] Reno (toot or tweet) · · design, processes
- The Infinite Marquee (toot or tweet) · · html, css, animations
- How I Added Scroll Snapping to My Twitter Timeline (toot or tweet) · · css, scrolling, twitter
- How to Use Multithreading in Node.js (toot or tweet) · · nodejs, multithreading
- Polyhierarchy in Information Architecture (toot or tweet) · · videos, information-architecture
- 5 Heading Accessibility Issues and How to Fix Them (toot or tweet) · · accessibility, microcontent
- AI-Generated Images from AI-Generated Alt Text (toot or tweet) · · accessibility, writing, ai
- Light/Dark Mode (toot or tweet) · · websites, css, javascript, dark-mode
- Not All Zeros Are Equal (toot or tweet) · · css
- One-Dimensional Website Optimization Considered Harmful (toot or tweet) · · optimization, quality
- What Are Best Practices for Creating Alt Text? (toot or tweet) · · accessibility, writing, best-practices
- “:has()”: The Family Selector (toot or tweet) · · css, selectors