News and Tools for Frontend Development (15)
(Stay up-to-date on all topics by feed or on Mastodon.)
- 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
- Dark Patterns Tip Line (toot or tweet) · · websites, dark-patterns, user-experience
- The New Responsive: Web Design in a Component-Driven World (toot or tweet) · · responsive-design, css, components
- Useful and Useless Code Comments (toot or tweet) · · developer-experience, documentation
- 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
- Understanding Design Systems—Designing Component APIs (toot or tweet) · · design-systems, components, apis
- Designing Adaptive Components, Beyond Responsive Breakpoints (toot or tweet) · · videos, components, responsive-design
- 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
- To Be Creative, Practice (toot or tweet) · · design
- 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
- Reducing the Site Speed Impact of Third-Party Tags (toot or tweet) · · performance, embed-code
- 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
- Accessibility on the Canvas With JavaScript (toot or tweet) · · accessibility, javascript
- 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
- How to Convert Variable TTF Font Files to WOFF2 (toot or tweet) · · fonts, typography, conversion
- Decision Strategies for a Micro Frontends Architecture (toot or tweet) · · architecture, micro-frontends