News and Tools for Frontend Development (9)
(Stay up-to-date on all topics by feed or on Mastodon.)
- HTML Semantics (toot or tweet) · · html, semantics
- “!important” Was Added for One Reason Only (toot or tweet) · · css, cascade
- Improving Your User Experience to Reduce Bounce Rates (toot or tweet) · · user-experience, usability, performance, seo
- Should “Cancel” Be a Button or a Link? (toot or tweet) · · interaction-design, semantics
- Usability Testing: Driving the Best User Experience for Business Success (toot or tweet) · · user-experience, usability, testing
- Write HTML, the HTML Way (Not the XHTML Way) (toot or tweet) · · html, optimization
- Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (toot or tweet) · · css, custom-properties, colors, contrast
- Authorization in a Microservices World (toot or tweet) · · microservices, authorization
- How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (toot or tweet) · · css, math
- Typography in Design Tokens for Figma and Code (toot or tweet) · · typography, design-tokens, tooling, figma
- UX Strategy: Definition and Components (toot or tweet) · · user-experience, strategies
- Performance Tests on Common JavaScript Array Methods (toot or tweet) · · performance, testing, javascript, arrays
- Why Is Dark Mode So Captivating? (toot or tweet) · · dark-mode
- The Web Doesn’t Have Version Numbers (toot or tweet) · · versioning, web
- 4 Accessibility Mistakes Plaguing Most Government Websites (toot or tweet) · · accessibility
- Guidance on Web Accessibility and the ADA (toot or tweet) · · accessibility, legal
- How Do I Resolve Merge Conflicts? (toot or tweet) · · version-control, git, command-line
- How to Make a Drag-and-Drop File Uploader with Vue.js 3 (toot or tweet) · · vuejs, javascript
- Identifying Fonts: The Complete Guide (toot or tweet) · · guides, fonts, typography
- Migrating Our Monorepo to Yarn 2 (toot or tweet) · · monorepos, yarn, migration
- Optimizing SVG Patterns to Their Smallest Size (toot or tweet) · · svg, performance
- Google Calendar Webhooks with Node.js (toot or tweet) · · google, nodejs
- The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (toot or tweet) · · videos, html, accessibility, performance
- The Future of the Web and Accessibility (toot or tweet) · · videos, web, accessibility
- A Designer’s Guide to Documenting Accessibility and User Interactions (toot or tweet) · · guides, accessibility, interaction-design, documentation
- A Quick Guide to Closures (toot or tweet) · · guides, javascript
- Accessibility, Assistive Technology, and JavaScript (toot or tweet) · · accessibility, assistive-tech, javascript
- How to Empathize with Your Users (toot or tweet) · · design, usability, user-experience
- How to Prep Your SEO Strategy for a New Website (toot or tweet) · · seo, strategies
- What Every Good README Should Contain (toot or tweet) · · documentation
- What Makes You a Professional Web Developer (toot or tweet) · · career
- Building a Loading Bar Component (toot or tweet) · · components, html, css, javascript
- Don’t Believe the Type! (toot or tweet) · · videos, accessibility, typography, readability, fonts
- How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (toot or tweet) · · html, javascript
- Implementing JavaScript Delay for Cookie Consent Banner (toot or tweet) · · javascript, cookies, legal
- Making the World’s Fastest Website, and Other Mistakes (toot or tweet) · · performance
- Prevent Technical Debt with These 3 Strategies (toot or tweet) · · technical-debt
- React Best Practices and Patterns to Reduce Code (toot or tweet) · · react, optimization, best-practices
- The Weirdly Obscure Art of Streamed HTML (toot or tweet) · · html, performance
- What Are Micro-Frontends? (toot or tweet) · · micro-frontends
- Aligning Content in Different Wrappers (toot or tweet) · · html, css
- Explaining Micro Frontends As Simply As Possible (toot or tweet) · · micro-frontends
- In Defense of Sass (toot or tweet) · · css, preprocessors, sass
- Tao of Node—Design, Architecture, and Best Practices (toot or tweet) · · nodejs, architecture, best-practices
- Update Node Dependencies Automatically, Selectively, or Incrementally (toot or tweet) · · nodejs, dependencies, npm, yarn
- When or If (toot or tweet) · · css
- It Needs to Map Back to a Role (toot or tweet) · · accessibility, aria, html, semantics
- 20 Productivity Tips from Developers to Developers (toot or tweet) · · productivity, tips
- Giving New Meanings to the Color Functions in CSS (toot or tweet) · · css, colors
- The Future of Web Accessibility: WCAG 3.0 (toot or tweet) · · accessibility, wcag, standards
- 42 Tips for Getting Good at DevOps and Life (toot or tweet) · · career, productivity, tips
- Horizontal Scrolling Nav (toot or tweet) · · javascript, scrolling
- Where TypeScript Excels (toot or tweet) · · videos, typescript
- Arrow Functions in JavaScript: How to Use Fat and Concise Syntax (toot or tweet) · · javascript
- A Look at the Dialog Element’s Super Powers (toot or tweet) · · html, javascript
- An Introduction to User Journey Maps (toot or tweet) · · introductions, design, usability, user-experience
- Carousels: No One Likes You (toot or tweet) · · accessibility, usability, user-experience
- Don’t Alienate Your User: A Primer for Internationalisation and Localisation (toot or tweet) · · user-experience, internationalization, localization
- Ten Years of Page Bloat: What Have We Learned? (toot or tweet) · · performance, web-vitals, user-experience
- WebGPU—All of the Cores, None of the Canvas (toot or tweet) · · apis, rendering
- You Don’t Always Need a CMS (toot or tweet) · · content-management
- Accumulation of Tech Debt (toot or tweet) · · technical-debt
- Digging into CSS Media Queries (toot or tweet) · · videos, css, media-queries
- 10 Amazing Games to Learn CSS (toot or tweet) · · css, learning
- 7 Ways to Achieve a Faster Core Web Vitals Score (toot or tweet) · · performance, web-vitals
- An Introduction to AWS CloudFront Functions (toot or tweet) · · introductions, aws, content-delivery
- Designing the User Experience of a Rating System (toot or tweet) · · design, user-experience
- JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (toot or tweet) · · javascript, naming, refactoring
- Moderated Versus Unmoderated Usability Testing (toot or tweet) · · usability, testing, comparisons
- Optimizing a Web Site for Google’s New UX Criteria (toot or tweet) · · optimization, seo, user-experience, google
- Performance Signals for Customizing Website UX (toot or tweet) · · performance, user-experience, web-vitals, customization
- Session Timeouts (toot or tweet) · · accessibility, user-experience
- Using HTTPS in Your Development Environment (toot or tweet) · · security, http, environments
- A New Speed Milestone for Chrome (toot or tweet) · · user-agents, google, chrome, performance
- Alternatives to Pagination on Product-Listing Pages (toot or tweet) · · design-patterns, usability, pagination
- Why I Avoid “async”/“await” (toot or tweet) · · javascript
- Creating Native Web Components (toot or tweet) · · components, javascript, html
- The Basics—Generics in PHP (toot or tweet) · · videos, php
- Accessibility and Limited Fine Motor Skills (toot or tweet) · · accessibility
- Building Web Layouts for Dual-Screen and Foldable Devices (toot or tweet) · · css, layout, responsive-design
- Dive into Node.js Streams (toot or tweet) · · nodejs
- How to Design Better APIs (toot or tweet) · · apis
- How to Prevent SQL Injection Attacks in Node.js (toot or tweet) · · nodejs, databases, security, sql
- Remix vs. Next.js (toot or tweet) · · remix, nextjs, comparisons
- The Best Design System Is No System (toot or tweet) · · design-systems
- The Importance of Screen Reader Software for Web Navigation (toot or tweet) · · accessibility, user-agents, assistive-tech, navigation
- Interop 2022: Browsers Working Together to Improve the Web for Developers (toot or tweet) · · user-agents, support, interoperability
- It’s Always Been You, Canvas2D (toot or tweet) · · html, css, javascript
- How Do Primitive Values Get Their Properties? (toot or tweet) · · javascript
- How Many Hyperlinks Are Too Many for Accessibility? (toot or tweet) · · accessibility, hypertext
- How to Make a “Raise the Curtains” Effect in CSS (toot or tweet) · · css, effects
- How to Use Higher-Order Functions in JavaScript (toot or tweet) · · javascript
- Progressive Enhancement, the New Hotness (toot or tweet) · · progressive-enhancement
- Taming CSS Variables with Web Inspector (toot or tweet) · · css, custom-properties, user-agents, tooling
- Simple Color System for Complex Digital Interfaces (toot or tweet) · · websites, design-systems, colors, complexity
- What’s Really Going On Inside Your node_modules Folder? (toot or tweet) · · nodejs, npm, dependencies
- New CSS Features in 2022 (toot or tweet) · · css
- 5 Things You Don’t Need JavaScript For (toot or tweet) · · javascript
- A Recipe for a Good Design System (toot or tweet) · · design-systems
- Accessibility Checklist: Five Things Usually Left Out (toot or tweet) · · accessibility, checklists
- Foundations: Headings (toot or tweet) · · accessibility, html, semantics
- How to Build a File Upload Service with Vanilla JavaScript (toot or tweet) · · javascript
- (Not So) Short Note on Being Owned (toot or tweet) · · html, aria, accessibility
- Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (toot or tweet) · · html, css, components
- CSS “content” Property (toot or tweet) · · css
- Higher-Order Components in React Hooks Era (toot or tweet) · · components, react, hooks
- Importing ES6 Modules over HTTP/HTTPS in Node.js (toot or tweet) · · javascript, modules, http, nodejs
- Should Frontend Devs Care About Performance? (toot or tweet) · · performance
- Solid.js Feels Like What I Always Wanted React to Be (toot or tweet) · · frameworks, react
- Top 2021 CSS Frameworks Report: The CSS File Sizes (toot or tweet) · · studies, frameworks, css, performance
- 4 Simple Ways to Improve Web Accessibility (toot or tweet) · · accessibility, optimization
- How I Structure My React Projects (toot or tweet) · · react, architecture
- Overlay Position and Recommendations (toot or tweet) · · accessibility, overlays
- Screaming Architecture—Evolution of a React Folder Structure (toot or tweet) · · react, architecture
- When to Avoid the “text-decoration” Shorthand Property (toot or tweet) · · css
- Accessibility and Inclusivity in Practice (toot or tweet) · · podcasts, accessibility, inclusion
- Understanding Dependencies Inside Your package.json (toot or tweet) · · nodejs, dependencies, npm, yarn
- 5 Accessibility Quick Wins You Can Implement Today (toot or tweet) · · accessibility
- A Complete Guide to CSV Files in Node.js (toot or tweet) · · guides, nodejs, csv
- Can You Get Pwned with CSS? (toot or tweet) · · css, security
- Container Queries, the Next Step Towards a Truly Modular CSS (toot or tweet) · · videos, css, container-queries
- How to Fix Your Security Vulnerabilities with npm Override (toot or tweet) · · security, npm, dependencies
- How to Make MPAs That Are as Fast as SPAs (toot or tweet) · · performance, spas
- HTML Comments Work in JavaScript Too (toot or tweet) · · javascript, html
- Moving from Next to Remix (toot or tweet) · · frameworks, nextjs, remix, comparisons
- 15 Useful Placeholder Tools for Designers and Developers (toot or tweet) · · tooling, images, content, placeholders, testing
- Comparing Gatsby and Next.js for Website Development (toot or tweet) · · gatsby, nextjs, comparisons, static-site-generators
- Component Tokens and Themes Example (to Learn Figma Tokens) (toot or tweet) · · design, theming, design-tokens, components, figma
- Design Systems in Figma: How to Be More Productive (toot or tweet) · · design-systems, figma, productivity
- How to Prioritize Your Components (toot or tweet) · · design-systems, components
- Inclusive Design vs. Accessible Design: Understanding the Differences (toot or tweet) · · accessibility, inclusion, design, comparisons
- Reliably Send an HTTP Request as a User Leaves a Page (toot or tweet) · · http
- SPAs Were a Mistake (toot or tweet) · · spas
- Support for Marking Radio Buttons Required, Invalid (toot or tweet) · · accessibility, html
- Turning the Tables on Accessibility (toot or tweet) · · accessibility
- What Is Responsible JavaScript? (toot or tweet) · · podcasts, javascript
- The Case for Adding Validation State to Your Design Tokens (toot or tweet) · · design-tokens, validation
- Favi-Gone: 6 Reasons Why Your Favicon Disappeared from the Google Search Results (toot or tweet) · · images, favicons, google, seo
- A Complete Guide to CSS Cascade Layers (toot or tweet) · · guides, css, cascade
- CSS Quick Tip: Animating in a Newly Added Element (toot or tweet) · · css, animations, tips
- Design System: How to Successfully Collaborate? (toot or tweet) · · design-systems, collaboration
- How Websites Die (toot or tweet) · · web, link-rot
- Let’s Get Inclusive: Designing Products for Everyone (toot or tweet) · · design, inclusion
- Writing Logic in CSS (toot or tweet) · · css
- Column Headers and Browser Support (toot or tweet) · · accessibility, html, semantics
- Invisible Characters (toot or tweet) · · websites, unicode
- Minimizing Google Fonts by Only Loading It for Certain Characters (toot or tweet) · · typography, fonts, google, performance, minimalism
- React State Management Libraries in 2022 (toot or tweet) · · react, state-management, libraries
- There Is No Character Limit for “Alt Text” (toot or tweet) · · accessibility, html
- You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations (toot or tweet) · · javascript
- Comparing Node JavaScript to JavaScript in the Browser (toot or tweet) · · javascript, nodejs, user-agents, comparisons
- Core Web Vitals: What Next? (toot or tweet) · · performance, web-vitals, seo
- Structuring Documentation in Multi-Brand Design Systems (toot or tweet) · · design-systems, documentation
- Using “mask” as “clip-path” (toot or tweet) · · svg, css
- Flexbox Dynamic Line Separator (toot or tweet) · · css
- How to Create a Search Page for a Static Website with Vanilla JS (toot or tweet) · · html, javascript
- Web Developers and Cognitive Biases (toot or tweet) · · productivity, career
- What Makes Writing More Readable? (toot or tweet) · · writing, readability
- 7 Lessons I’ve Learned in the Last Year as a Software Engineer (toot or tweet) · · career
- An Auto-Filling CSS Grid with Max Columns of a Minimum Size (toot or tweet) · · css, layout
- The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder” (toot or tweet) · · javascript, fundamentals, career
- The State of JavaScript 2021 (toot or tweet) · · surveys, javascript
- Track Down the JavaScript Code Responsible for Polluting the Global Scope (toot or tweet) · · javascript
- What is the Difference Between WCAG Compliance Level A, AA, and AAA? (toot or tweet) · · accessibility, wcag, compliance
- 10 Mental Models Developers Can Use to Get Unstuck (toot or tweet) · · productivity
- Colors That Make Sense (toot or tweet) · · accessibility, semantics, colors
- Foundations: Colour and Meaning (toot or tweet) · · accessibility, colors
- The Basics of package.json (toot or tweet) · · nodejs, dependencies, npm, yarn
- Version 100 in Chrome and Firefox (toot or tweet) · · user-agents, support, google, chrome, mozilla, firefox
- 7 Killer One-Liners in JavaScript (toot or tweet) · · javascript
- WCAG 2.2 Update (toot or tweet) · · accessibility, wcag
- Functions and the Future of Design Systems (toot or tweet) · · design-systems
- The Entire Cascade (as a Funnel) (toot or tweet) · · code-pens, css, cascade
- Hello, CSS Cascade Layers (toot or tweet) · · css, cascade
- Multi-Value CSS Properties with Optional Custom Property Values (toot or tweet) · · css, custom-properties
- Using the Language Attribute to Make Your Website Accessible (toot or tweet) · · accessibility, localization, internationalization
- Why Radio Buttons Are Called Radio Buttons in UIs? (toot or tweet) · · html, semantics, naming
- How to Keep Your Repo Package Dependencies Up to Date Automatically (toot or tweet) · · dependencies, tooling
- Moving from JavaScript to TypeScript (toot or tweet) · · javascript, typescript
- Accessibility Monitoring: How We Test (toot or tweet) · · accessibility, monitoring, testing
- Everything Publishers Need to Know About URLs (toot or tweet) · · seo, naming
- How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (toot or tweet) · · design, layout, content
- How to Make CSS Slanted Containers (toot or tweet) · · css
- MHTML in Chromium (toot or tweet) · · html, user-agents
- Only 2% of Sites Meet Accessibility Standards—Let’s Change That (toot or tweet) · · accessibility
- The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site (toot or tweet) · · performance, compression
- What I Learned Implementing a Design System for an Existing Product (toot or tweet) · · design-systems
- Building an Adaptive Favicon (toot or tweet) · · images, favicons
- Debugging JavaScript (toot or tweet) · · javascript, debugging
- Developing a Focus Style for a Themable Design System (toot or tweet) · · accessibility, design-systems, theming
- Move Over JavaScript: Back-End Languages Are Coming to the Front-End (toot or tweet) · · javascript
- Replace JavaScript Dialogs with the New HTML Dialog Element (toot or tweet) · · html, semantics
- This Is Why Your Node.js Application Is Slow (toot or tweet) · · performance, nodejs
- Aspect Ratio Is Great (toot or tweet) · · css, layout
- New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (toot or tweet) · · javascript, events
- Accessibility Testing Best Practices in CI/CD (toot or tweet) · · accessibility, testing, ci-cd, best-practices
- Creating Generative SVG Grids (toot or tweet) · · javascript, svg
- CSS Animations Tutorial: Complete Guide for Beginners (toot or tweet) · · guides, css, animations
- Do We Need Screen Reader for Accessibility Testing (toot or tweet) · · accessibility, testing, user-agents, assistive-tech
- Modern, Single-Page Web Design: UX Design Trends and Tips (toot or tweet) · · design, user-experience, trends
- Introducing the Dialog Element (toot or tweet) · · html, introductions
- How to Favicon in 2022: Six Files That Fit Most Needs (toot or tweet) · · images, favicons
- How to Create a UX-Vision Statement (toot or tweet) · · user-experience
- How to Use the Accessibility Tree for A11Y Testing (toot or tweet) · · accessibility, testing
- UX and User Personas: How to Get it Right (toot or tweet) · · user-experience, usability, personas
- Are We Live? (toot or tweet) · · accessibility, aria
- Design System Versioning: Single Library or Individual Components? (toot or tweet) · · design-systems, versioning
- Foundations: Colour Contrast (toot or tweet) · · accessibility, colors, contrast
- Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements (toot or tweet) · · accessibility, conformance, testing
- What Web Frameworks Solve: The Vanilla Alternative (toot or tweet) · · frameworks, javascript, react
- 8 Key Elements for Creating a Culture of Accessibility (toot or tweet) · · accessibility, culture
- No Accessibility Without Disabilities (toot or tweet) · · accessibility, user-experience
- The Impact of Motion Animation on Cognitive Disability (toot or tweet) · · accessibility, css, javascript
- Why Efficient Hydration in JavaScript Frameworks Is So Challenging (toot or tweet) · · javascript, frameworks, hydration
- Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (toot or tweet) · · social-media, embed-code, sustainability, performance
- Assistive Technology, Accessible Technology, and the Accessibility Tree (toot or tweet) · · accessibility, user-agents, assistive-tech, tooling
- Grow Your Design System from Good to Great (toot or tweet) · · design-systems
- Settings Are Not a Design Failure (toot or tweet) · · design, usability, user-experience
- State of Frontend 2022 (toot or tweet) · · surveys
- Improving JavaScript Bundle Performance with Code-Splitting (toot or tweet) · · javascript, performance, bundling, optimization
- 24 Lesser-Known HTML Attributes You May Want to Use (toot or tweet) · · html
- 5 Pitfalls of Using Micro Frontends and How to Avoid Them (toot or tweet) · · micro-frontends
- Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus (toot or tweet) · · guides, design, usability
- Career Advice Nobody Gave Me: Never Ignore a Recruiter (toot or tweet) · · career
- Structuring Your Storybook (toot or tweet) · · storybook
- Website Themes and Color Schemes (toot or tweet) · · design, theming, color-palettes
- “Evergreen” Does Not Mean Immediately Available (toot or tweet) · · user-agents
- CSS—Understanding the Cascade (toot or tweet) · · videos, css, cascade
- Cascade Layers Are Coming to Your Browser (toot or tweet) · · css, cascade, user-agents, support
- 4 Questions to Ask Before Using ARIA (toot or tweet) · · accessibility, aria, semantics, testing
- A More Easy Way to Write “if … or” Checks with Vanilla JavaScript (toot or tweet) · · javascript
- Accessibly Insecure (toot or tweet) · · accessibility, security
- Speed Matters, but It Isn’t Everything (toot or tweet) · · performance, user-experience, metrics
- The Focus-Indicated Pseudo-Class “:focus-visible” (toot or tweet) · · css
- Use Cases for CSS “fit-content” (toot or tweet) · · css
- Learn Responsive Design (toot or tweet) · · courses, responsive-design
- Preventing Smooth Scrolling with JavaScript (toot or tweet) · · javascript, scrolling
- Inclusive Design (toot or tweet) · · design, inclusion
- Cascade Layers: First Contact (toot or tweet) · · css, cascade
- How Does “!important” Actually Work? (toot or tweet) · · videos, css, cascade
- Internal Onboarding for Design System Teams (toot or tweet) · · design-systems, onboarding
- WCAG, But in Language I Can Understand (toot or tweet) · · accessibility, wcag
- What Web Frameworks Solve and How to Do Without Them (toot or tweet) · · frameworks, react, svelte
- Why Testing After Is a Bad Practice (toot or tweet) · · testing
- Why You Should Use a Developer Font (toot or tweet) · · fonts, typography, productivity
- A Pipe Operator for JavaScript: Introduction and Use Cases (toot or tweet) · · introductions, javascript
- Caching Header Best Practices (toot or tweet) · · performance, caching, best-practices
- Cherry Picking Commits in Git (toot or tweet) · · git, command-line
- Demystifying TypeScript Discriminated Unions (toot or tweet) · · typescript
- Naming Design Tokens (toot or tweet) · · design-tokens, naming