News and Tools for Frontend Development (13)
(Stay up-to-date on all topics by feed or on Mastodon.)
- When a Click Is Not Just a Click (toot or tweet) · · javascript
- Detecting Hover-Capable Devices (toot or tweet) · · css
- Use the “i” Element, and Use It Appropriately (toot or tweet) · · html, semantics
- CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (toot or tweet) · · css, frameworks, fundamentals, quality
- Good News: Google No Longer Requires Publishers to Use the AMP Format (toot or tweet) · · amp, web-vitals, google
- Screen Readers: Hearing the Unseen (toot or tweet) · · accessibility, user-agents, assistive-tech
- The Most Popular Design Thinking Strategy Is BS (toot or tweet) · · design, strategies
- Tip: Don’t Preprocess What You Can Design Token (toot or tweet) · · preprocessors, design-tokens
- Resource Inlining in JavaScript Frameworks (toot or tweet) · · javascript, frameworks, performance, web-vitals
- I Regret Being a Hipster in Tech (toot or tweet) · · career
- My Journey from a Novice to a Front-End Engineer (toot or tweet) · · career
- timefind (toot or tweet) · · packages, npm, history
- All You Need Is 5 Fonts (toot or tweet) · · design, typography, fonts
- Building a Responsive Layout with CSS Grid and Container Queries (toot or tweet) · · videos, css, layout, responsive-design, container-queries
- Container Queries and the Future of CSS (toot or tweet) · · videos, css, container-queries
- Debugging JavaScript and Front-End (toot or tweet) · · videos, javascript, debugging
- JavaScript Frameworks and the Lost Art of HTML (toot or tweet) · · javascript, html, frameworks
- Using CSS to Enforce Accessibility (toot or tweet) · · accessibility, css
- Accessibility in React (toot or tweet) · · accessibility, react
- Making the Web—Faster (toot or tweet) · · web, performance, developer-experience, principles
- No Code Reviews by Default (toot or tweet) · · code-reviews
- React Architecture: How to Structure and Organize a React Application (toot or tweet) · · react, architecture
- The True Cost of a Redesign (toot or tweet) · · redesign, economics
- A Framework for Building Open Graph Images (toot or tweet) · · open-graph, images
- Craft Good Questions for Usability Tests (toot or tweet) · · usability, testing
- Custom Scrollbars in CSS (toot or tweet) · · css
- Demystifying Styled Components (toot or tweet) · · css, javascript, components
- Sorting Colors in JavaScript (toot or tweet) · · javascript, sorting, colors
- What’s New in ES2021 (toot or tweet) · · javascript, ecmascript, standards
- RenderingNG—Ready for the Next Generation of Web Content (toot or tweet) · · user-agents, engines, chromium, google, rendering
- How to Use Dynamic Imports in JavaScript (toot or tweet) · · javascript
- Keeping It Consistent: Design Tokens (toot or tweet) · · design-systems, design-tokens, consistency
- Blogged Answers: The Evolution of Redux Testing Approaches (toot or tweet) · · redux, state-management, testing, history
- Organize Your CSS Declarations Alphabetically (toot or tweet) · · css, maintainability
- Updating a 25-Year-Old Website (toot or tweet) · · maintenance
- How Apple Changed the Way We Navigate—Forever (toot or tweet) · · design, navigation, apple
- OMG, SVG Favicons FTW! (toot or tweet) · · html, images, favicons, svg
- Optical Size, the Hidden Superpower of Variable Fonts (toot or tweet) · · css, fonts, typography
- A Complete Guide to Accessibility Tooling (toot or tweet) · · guides, accessibility, tooling
- NPM Global Audit (toot or tweet) · · packages, npm, security, quality, auditing
- Shut Up, Old Man… (toot or tweet) · · career
- Understanding and Preventing Common Security Vulnerabilities (toot or tweet) · · security
- Everyday Accessibility (toot or tweet) · · accessibility
- When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (toot or tweet) · · css, javascript, accessibility
- Provided “As Is,” Without Warranty of Any Kind (toot or tweet) · · open-source, community, licensing
- Regular Expressions (RegEx) in Google Search Console (toot or tweet) · · regex, seo, google
- How to Center Anything in CSS Using Flexbox and Grid (toot or tweet) · · css, layout
- Half the Size of Images by Optimising for High Density Displays (toot or tweet) · · html, images, performance
- React Cheat Sheet (Updated June 2021) (toot or tweet) · · react, cheat-sheets
- Serving Sharp Images to High Density Screens (toot or tweet) · · performance, images
- The Art of Frontend Engineering (toot or tweet) · · career
- Adding Shadows to SVG Icons with CSS and SVG Filters (toot or tweet) · · css, svg, shadows, effects
- Let’s Learn About Aspect Ratio in CSS (toot or tweet) · · css
- The Ultimate CSS Flexbox Cheat Sheet with Examples (toot or tweet) · · css, layout, cheat-sheets
- An Interactive Guide to CSS Transitions (toot or tweet) · · guides, css, transitions
- Meet :has, a Native CSS Parent Selector (And More) (toot or tweet) · · css
- Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (toot or tweet) · · design, usability
- Ready-Made Counter Styles (toot or tweet) · · css, localization
- Why Validate? (toot or tweet) · · html, css, quality, conformance
- Building a Color Scheme (toot or tweet) · · css, design, color-palettes
- Component-Specific Design Tokens (toot or tweet) · · components, design-tokens
- Improving the UX of Your Design System (toot or tweet) · · design-systems, user-experience, optimization
- Reasons Why Bugs Might Feel “Impossible” (toot or tweet) · · debugging, quality
- 10 Utility Functions for Working with Objects in JavaScript (toot or tweet) · · javascript, objects
- Accessible Overflow (toot or tweet) · · accessibility, html, css
- An Accessibility Strategy (toot or tweet) · · accessibility, strategies
- What Can the HTTP Archive Tell Us About Largest Contentful Paint? (toot or tweet) · · performance
- Vue.js vs. React—Not Your Usual Comparison (toot or tweet) · · frameworks, vuejs, react, comparisons
- Using AVIF to Compress Images on Your Site (toot or tweet) · · performance, images, avif, compression
- CSS System Colors (toot or tweet) · · css, colors
- Open Source Insights (toot or tweet) · · services, open-source, dependencies, security, licensing
- Best Practices for Fonts (toot or tweet) · · fonts, best-practices, performance
- CSS for Web Vitals (toot or tweet) · · css, performance, web-vitals
- How to Fix Cumulative Layout Shift (CLS) Issues (toot or tweet) · · performance
- Why Accessibility Overlays Hurt More Than Help (toot or tweet) · · accessibility, overlays
- Thoughts for the Aging Web Developer (toot or tweet) · · career
- Embracing Design Constraints (toot or tweet) · · design
- The Hidden World of “aria-hidden” (toot or tweet) · · accessibility, html
- Disabling a Link (toot or tweet) · · css, accessibility
- How to Build an Image Comparison Slider (toot or tweet) · · react, images
- What Makes a Great Component Library? (toot or tweet) · · components, libraries
- Accessible Web Forms (toot or tweet) · · videos, accessibility, forms
- A Thorough Analysis of CSS-in-JS (toot or tweet) · · javascript, css, css-in-js
- History of Web Browser Engines from 1990 Until Today (toot or tweet) · · user-agents, engines, history
- Writing Better Regular Expressions in PHP (toot or tweet) · · php, regex, readability
- 25 Years of CSS (toot or tweet) · · css, history
- Your Design System Is Actually a Product—Treat It Like One (toot or tweet) · · design-systems
- Access Guide (toot or tweet) · · websites, guides, accessibility
- CSS Container Queries: Use Cases and Migration Strategies (toot or tweet) · · css, container-queries
- Svelte for the Experienced React Dev (toot or tweet) · · react, svelte
- A11y Audit Bookmarklets (toot or tweet) · · accessibility, auditing, link-lists, bookmarklets
- Professional Development Is a Choice (toot or tweet) · · career, training
- Don’t Overabstract Your Components (toot or tweet) · · html, javascript, components
- How to Name Your Design System (toot or tweet) · · design-systems, naming
- Useful and Useless Code Comments (toot or tweet) · · developer-experience
- The New Responsive: Web Design in a Component-Driven World (toot or tweet) · · responsive-design, css, components
- 98% of the Top 100 U.S. Websites Use Invalid HTML (in 2021) (toot or tweet) · · html, css, conformance, quality
- We Need to Talk About WCAG (toot or tweet) · · accessibility, wcag
- Learn CSS (toot or tweet) · · courses, css
- The Button Cheat Sheet (toot or tweet) · · html, cheat-sheets
- Theoretical Foundations for Server-Side Rendering and Static-Rendering (toot or tweet) · · studies, server-side-rendering
- Container Queries in Web Components (toot or tweet) · · css, container-queries
- Upgrade Your HTML III (toot or tweet) · · books, html, minimalism, conformance
- A Complete Guide to Grid (toot or tweet) · · guides, css, layout
- Building a React Design System for Adoption and Scale (toot or tweet) · · react, design-systems
- Making Disabled Buttons More Inclusive (toot or tweet) · · css, accessibility
- A Primer on CSS Container Queries (toot or tweet) · · css, container-queries
- Everything You Need to Know About A/B Testing (toot or tweet) · · metrics, testing
- Rethinking Component Libraries (toot or tweet) · · components
- Web Application Development: The Ultimate Guide (2021) (toot or tweet) · · guides, web-apps
- Introduction to HTTP Cookies (toot or tweet) · · introductions, cookies, javascript
- Custom Attributes Are Fast Good and Cheap (toot or tweet) · · css, selectors
- Overreliance on Overlays Is Counter to Enculturation of Accessibility (toot or tweet) · · accessibility, overlays
- Auditing Design Systems for Accessibility (toot or tweet) · · accessibility, design-systems, quality, auditing
- Better Onboarding: How to Prevent Codebase Overwhelm (toot or tweet) · · onboarding
- Designing Adaptive Components, Beyond Responsive Breakpoints (toot or tweet) · · videos, components, responsive-design
- Understanding Design Systems—Designing Component APIs (toot or tweet) · · design-systems, components, apis
- Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit (toot or tweet) · · css, custom-properties, engines, webkit
- A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (toot or tweet) · · guides, css, selectors, support
- 136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling (toot or tweet) · · career
- Intrinsic Typography is the Future of Styling Text on the Web (toot or tweet) · · typography, css
- Five Reasons Your First Design System Will Fail (toot or tweet) · · design-systems
- Content-Aware Image Resizing in JavaScript (toot or tweet) · · javascript, images
- CSS Hell (toot or tweet) · · websites, css
- Fifteen Design Trends from an Accessibility Perspective (toot or tweet) · · accessibility, design, trends
- The 5 Most Popular Front-End Frameworks Compared (toot or tweet) · · frameworks, comparisons, react, angular, vuejs, svelte
- Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know (toot or tweet) · · accessibility, wcag
- Variable Scope, Lexical Scope, and Code Blocks in JavaScript (toot or tweet) · · javascript
- Web Developer’s Guide to AVIF Images (toot or tweet) · · guides, images, avif
- Understanding Logical Focus Order (toot or tweet) · · accessibility, html
- Comparing the New Generation of Build Tools (toot or tweet) · · tooling, building, bundling, comparisons
- Write a Plugin for Tailwind CSS (toot or tweet) · · tailwind
- Building an Accessibility Library (toot or tweet) · · accessibility, processes
- Code in Quarantine (toot or tweet) · · quality, maintenance
- Using Design Tokens to Accelerate Design Systems (toot or tweet) · · design-systems, design-tokens, css
- 5 Things I’m Thinking About When I Check a Pull Request for Accessibility (toot or tweet) · · code-reviews, accessibility
- How to Build a Developer Blog with Gatsby and MDX (toot or tweet) · · gatsby, blogging
- Primitive Values, Objects, and References in JavaScript Made Simple (toot or tweet) · · javascript, objects
- Why Should We Care About Developer Experience (DX) (toot or tweet) · · developer-experience
- Human-Readable JavaScript: A Tale of Two Experts (toot or tweet) · · javascript, maintainability
- Not Your Typical Horizontal Rules (toot or tweet) · · html, semantics
- How to Build a Great Developer Experience (toot or tweet) · · developer-experience
- Why Skip-Links Are Important for Accessibility (toot or tweet) · · html, accessibility
- Taming Blend Modes: “difference” and “exclusion” (toot or tweet) · · css
- React vs. Vue in 2021: Best JavaScript Framework (toot or tweet) · · frameworks, vuejs, react, comparisons
- “prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations (toot or tweet) · · css, animations, accessibility
- Why Your Website Should Work Without JavaScript (toot or tweet) · · accessibility, javascript, support, graceful-degradation
- The 5-Hour CDN (toot or tweet) · · performance, content-delivery
- Minimalism is Boring (toot or tweet) · · design, minimalism
- A Comprehensive Guide to JavaScript Design Patterns (toot or tweet) · · guides, javascript, design-patterns
- Comparing Svelte and React (toot or tweet) · · svelte, react, comparisons
- Beyond “console.log()”—Level Up Your Debugging Skills (toot or tweet) · · javascript, debugging
- You Want Enabling CSS Selectors, Not Disabling Ones (toot or tweet) · · css, selectors
- JavaScript: What Is the Meaning of “this”? (toot or tweet) · · javascript
- Enforce, Enable, and Empower (toot or tweet) · · design-systems
- Semantic Versioning Will Not Save You (toot or tweet) · · versioning
- Automating the Accessibility Tests of Your Source Code with GitHub Actions (toot or tweet) · · accessibility, testing, automation, github
- Hello World (toot or tweet) · · announcements
- Managing CSS Colors Systems with a Single Source of Truth (toot or tweet) · · css, colors, maintainability
- Front-of-the-Front-End and Back-of-the-Front-End Web Development (toot or tweet) · · career
- Understanding Z-Index in CSS (toot or tweet) · · css
- How to Test the Accessibility of Your Components with Storybook (toot or tweet) · · accessibility, components, storybook
- Seven Myths About Alt Text (toot or tweet) · · accessibility
- The Never-Ending Job of Selling Design Systems (toot or tweet) · · design-systems
- Revisiting Dark Patterns with the HTML “dialog” Tag (toot or tweet) · · html, javascript
- 5 Tips for Your Next Promotion or Salary Raise (toot or tweet) · · career
- One Figma Component—3,360 Variants (toot or tweet) · · components, figma
- Uniwidth Typefaces for Interface Design (toot or tweet) · · typography, fonts
- Building a Consistent Platform (toot or tweet) · · design-systems
- The Do’s and Don’ts of Code Reviews (toot or tweet) · · code-reviews, quality, learning
- In Critical Defense of Frontend Development (toot or tweet) · · quality
- HTML: The 16 Content Categories and Their Elements (toot or tweet) · · html, semantics
- The Definitive Guide to Feature Management (toot or tweet) · · guides, releasing
- How Does CSS Work? (toot or tweet) · · css
- Ethical Design Guide (toot or tweet) · · websites, guides, design
- HTML and CSS Techniques to Reduce Your JavaScript (toot or tweet) · · html, css, javascript, performance
- Using “throw” as an Expression in PHP 8 (toot or tweet) · · php
- Symbols to Copy (toot or tweet) · · websites, tooling, typography
- Ignore AMP (toot or tweet) · · amp
- Why You Should Self-Host Google Fonts in 2021 (toot or tweet) · · fonts, google
- JavaScript (toot or tweet) · · studies, javascript
- Page Weight (toot or tweet) · · studies, performance
- Accessibility (toot or tweet) · · studies, accessibility
- CSS (toot or tweet) · · studies, css
- TLS and mTLS Demystified (toot or tweet) · · security, tls, protocols
- Alt vs. Figcaption (toot or tweet) · · html, accessibility, comparisons
- Best Practices for Inclusive Textual Websites (toot or tweet) · · security, performance, accessibility, best-practices
- Leveraging System Fonts on the Web (toot or tweet) · · fonts
- Upgrade Your HTML II (toot or tweet) · · books, html, minimalism, conformance
- Markup (toot or tweet) · · studies, html
- The Raven Technique: One Step Closer to Container Queries (toot or tweet) · · css, container-queries, techniques
- Chasing the Pixel-Perfect Dream (toot or tweet) · · design, css
- Touch, Point, Click: Mouse vs. Touch Screen Input (toot or tweet) · · accessibility, interaction-design, comparisons
- New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met (toot or tweet) · · seo, quality, google
- An Opinionated Guide to Accessibility Testing (toot or tweet) · · guides, accessibility, testing
- How to Find the Cause of Horizontal Scrollbars (toot or tweet) · · css, debugging, scrolling
- CSS Variables 101 (toot or tweet) · · css
- Drawing the Invisible: React Explained in Five Visual Metaphors (toot or tweet) · · videos, react
- Custom Properties: Questioning “:root” (toot or tweet) · · cross-posted, css, custom-properties
- Generate a Sitemap for Your Eleventy Website (toot or tweet) · · eleventy, sitemaps, seo
- Use Advanced Typography with Local Fonts (toot or tweet) · · typography, fonts, apis
- Loading Third-Party JavaScript (toot or tweet) · · javascript, performance
- The Anti-Reset (to Reset to User Agent Styles) (toot or tweet) · · css, resetting
- Effective Code Browsing (toot or tweet) · · code-reviews
- Islands Architecture (toot or tweet) · · architecture, html, concepts
- Vue vs. React in 2021: Which Framework to Choose and When (toot or tweet) · · frameworks, vuejs, react, comparisons
- Updating React at Etsy (toot or tweet) · · react, preact, frameworks
- JavaScript to Know for React (toot or tweet) · · javascript, react
- The Ultimate Guide with All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (toot or tweet) · · websites, guides, design
- Platform Adjacency Theory (toot or tweet) · · user-agents, web-platform
- 90’s Cursor Effects (toot or tweet) · · websites, effects, javascript
- Decentralization off the Shelf (toot or tweet) · · websites, design-patterns
- Javascript RORO Pattern (toot or tweet) · · javascript
- The Complete Guide to CSS Media Queries (toot or tweet) · · guides, css, media-queries
- 30 Seconds of Code (toot or tweet) · · websites, javascript, css, techniques
- Dark Patterns in UX (toot or tweet) · · user-experience, dark-patterns
- Web Platform Contribution Guide (toot or tweet) · · websites, guides, web-platform, standards, community
- Tools for Better Thinking (toot or tweet) · · websites, productivity, learning, training
- A User’s Guide to CSS Variables (toot or tweet) · · guides, css, custom-properties
- Ask an Expert: Why Is CSS… the Way It Is? (toot or tweet) · · css
- How to Reevaluate Your Frontend Architecture (toot or tweet) · · architecture
- Micro-Frontends in Context (toot or tweet) · · micro-frontends
- Static Hoisting (toot or tweet) · · javascript
- What Every JavaScript Developer Should Know About Unicode (toot or tweet) · · javascript, unicode
- Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior (toot or tweet) · · guides, react, client-side-rendering
- Developer Experience Metrics (toot or tweet) · · developer-experience, metrics
- What is mTLS and How Does It Work? (toot or tweet) · · security
- Invisible Design Systems (toot or tweet) · · videos, design-systems
- The 4 Pillars of Good Embed Code (toot or tweet) · · embed-code, usability, quality
- Learn Programming (toot or tweet) · · courses, programming, javascript
- The Web Development Glossary (toot or tweet) · · books, learning, training, concepts
- The Frameworks Paradox (toot or tweet) · · frameworks
- Why “Dark Mode” Causes More Accessibility Issues Than It Solves (toot or tweet) · · dark-mode, accessibility
- The Component Gallery (toot or tweet) · · websites, components
- On the Responsibility That Comes with Good JavaScript Support (toot or tweet) · · javascript, support
- The Complete Guide to the Dark Mode Toggle (toot or tweet) · · guides, dark-mode
- Mutual TLS: Stuff You Should Know (toot or tweet) · · security, tls, protocols
- 10 Behavior Patterns for UX Design (toot or tweet) · · user-experience
- The Perils of Rehydration (toot or tweet) · · react, hydration
- Why Are We Talking About CSS4? (toot or tweet) · · css, standards
- Simple Systems Have Less Downtime (toot or tweet) · · simplicity
- The Economics of JavaScript Web Apps (toot or tweet) · · javascript, web-apps, economics
- Page Builders Might Not Be a Good Idea (toot or tweet) · · maintainability, consistency, performance, quality
- Understanding Map and Set in JavaScript (toot or tweet) · · javascript
- Design System UI Is More Expensive Than a Product Team’s UI (toot or tweet) · · design-systems, design
- The Web We Want (toot or tweet) · · surveys, standards, tooling, web
- The History of JavaScript: A Journey from Netscape to Frameworks and Libraries (toot or tweet) · · history, javascript, frameworks, libraries
- React Tutorial (toot or tweet) · · courses, react
- Decision Strategies for a Micro Frontends Architecture (toot or tweet) · · architecture, micro-frontends