News and Tools for Frontend Development (8)
(Stay up-to-date on all topics by feed or on Mastodon.)
- 2 Approaches to Accessibility on the Web (toot or tweet) · · accessibility, automation
- Cron Jobs: A Comprehensive Guide (toot or tweet) · · guides, cron, automation
- Magical SVG Techniques (toot or tweet) · · svg, images, techniques
- The Complete Modern React Developer 2022 (toot or tweet) · · react
- Under the Hood: React vs. Vue vs. Svelte (toot or tweet) · · frameworks, react, vuejs, svelte, comparisons
- You Don’t Need “void 0” (toot or tweet) · · javascript
- A Different View into Accessibility Overlays (toot or tweet) · · accessibility, overlays, testing, documentation, auditing
- A Management Maturity Model for Performance (toot or tweet) · · performance
- Frontend Versus Backend Web Development (toot or tweet) · · comparisons
- Learn HTML [and] CSS (toot or tweet) · · courses, html, css
- Performance Game Changer: Browser Back/Forward Cache (toot or tweet) · · user-agents, caching, performance, web-vitals
- Reinventing W3C Governance (toot or tweet) · · standards, w3c
- “Someone Should Build X for the Web”—Why Not You? (toot or tweet) · · github
- The Road to Universal JavaScript (toot or tweet) · · javascript
- Understanding User Behaviors Across Surfaces (toot or tweet) · · usability
- Why SEO Is a Great Investment, Not Just a Cost (toot or tweet) · · seo, economics
- My Opinion on What Makes a Good Code Review (toot or tweet) · · code-reviews, productivity
- What’s Your Heading? (toot or tweet) · · accessibility, html, semantics
- Scaling CSS Layout Beyond Pixels (toot or tweet) · · videos, css, layout
- How to Use the GitHub Pulls API to Manage Pull Requests (toot or tweet) · · github, apis
- Learn CSS Subgrid (toot or tweet) · · css, design
- Top 2021 CSS Frameworks Report: Validation (toot or tweet) · · studies, frameworks, css, conformance, quality
- 12 Modern CSS Techniques for Older CSS Problems (toot or tweet) · · css, techniques, optimization
- A Guide to Writing About Digital Accessibility (toot or tweet) · · guides, writing, accessibility
- Fetch API Is [the] New Old Version of AJAX (toot or tweet) · · javascript, apis
- Get to Know Your Browser’s Performance Profiler (toot or tweet) · · user-agents, tooling, performance
- How to Use Videos with Alpha Transparency on the Web (toot or tweet) · · html, effects
- Master Higher-Order Functions in JavaScript (toot or tweet) · · javascript
- Please, Stop Disabling Zoom (toot or tweet) · · accessibility, html
- Practical Use Cases for “:has()” Pseudo-Class (toot or tweet) · · videos, css, selectors
- Resilience, Flexibility, and Immediacy: Working with Headless Systems (toot or tweet) · · headless, principles
- Design Patterns: How to Create Simple Interfaces (toot or tweet) · · design, design-patterns
- Developing a Low-Touch Adoption Strategy for a New Design System (toot or tweet) · · user-experience, design-systems
- How Not to Do Accessible Design (toot or tweet) · · accessibility, design, colors
- JavaScript Containers (toot or tweet) · · javascript, visions
- The Evolution of WCAG: A Postcard from the Front Lines (toot or tweet) · · accessibility, wcag, standards, history
- Designing a Better Language Selector (toot or tweet) · · design, usability, internationalization, localization
- 5 Simple Productivity Tips for Developers (toot or tweet) · · productivity, tips
- Contextual Spacing for Intrinsic Web Design (toot or tweet) · · design, css, spacing
- How to Create a Color Palette for Your Design System (toot or tweet) · · design-systems, color-palettes
- In Defence of the Single Page Application (toot or tweet) · · spas
- It’s Time We Fix the Unethical Design of Cookie Consent Windows (toot or tweet) · · design, ethics, cookies, legal
- Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? (toot or tweet) · · monorepos, dependencies, comparisons, nodejs
- Why I Don’t Miss React: A Story About Using the Platform (toot or tweet) · · react
- You Don’t Need a UI Framework (toot or tweet) · · frameworks, css, tooling
- Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser (toot or tweet) · · user-agents, microsoft, edge, apple, safari, metrics, comparisons
- 8 JavaScript Quiz [Questions] That May Confuse You (toot or tweet) · · javascript, interviewing
- Creating Realistic Reflections with CSS (toot or tweet) · · css, effects
- Deep Dive into Text Wrapping and Word Breaking (toot or tweet) · · css
- Ethical Design Network (toot or tweet) · · websites, design, ethics
- If Design Principles Are for Designs, Then Design Values Are for Designers (toot or tweet) · · design, principles
- Writing Better CSS (toot or tweet) · · css, quality, sorting
- Design System Documentation Best Practices (toot or tweet) · · design-systems, documentation, best-practices
- Under-Engineered Multi-Selects (toot or tweet) · · accessibility, html, aria
- Creating a Firework Effect with CSS (toot or tweet) · · css, effects
- How to Reduce Figma Memory Usage (toot or tweet) · · figma
- Foundations: Lists (toot or tweet) · · html, accessibility
- How Web Browsers Work: Parsing the CSS (toot or tweet) · · user-agents, css, parsing
- Best Practices for Integrating Content Design in Your Design System (toot or tweet) · · design, design-systems, content, best-practices
- Common Frontend Interview Questions I’ve Been Asked (toot or tweet) · · interviewing, html, javascript
- CTA Modal: How to Build a Web Component (toot or tweet) · · components, javascript
- How to Build Node.js REST API with MySQL (toot or tweet) · · nodejs, apis, databases, sql
- Let’s Keep the “Content” in WCAG (toot or tweet) · · content, accessibility, wcag
- Server-Side vs. Client-Side Analytics (toot or tweet) · · metrics, comparisons
- The Complete Guide to Regular Expressions (Regex) (toot or tweet) · · guides, regex
- The CSS Art Paradox (toot or tweet) · · css, art, html, quality
- Understanding the Performance Impact of Anti-Flicker Snippets (toot or tweet) · · performance, web-vitals
- My Browser Support Strategy (toot or tweet) · · user-agents, support, progressive-enhancement, testing
- Introducing “inert” (toot or tweet) · · html, accessibility, introductions
- A Practical Guide to Aspect Ratio in CSS (toot or tweet) · · videos, guides, css
- Cool Hover Effects That Use Background Properties (toot or tweet) · · css, effects, backgrounds
- Learn to Code with JavaScript: The Most Popular Programming Language on Earth (toot or tweet) · · javascript, learning
- Stop Removing Focus (toot or tweet) · · accessibility, css
- The 5 Golden Rules of Code Reviews (toot or tweet) · · code-reviews, processes, quality
- A Guide to Task-Based UX Metrics (toot or tweet) · · guides, user-experience, metrics
- Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (toot or tweet) · · user-agents, engines, legal, apple
- Deploy Your First Website Without Leaving Your IDE (toot or tweet) · · deploying
- Flexibly Centering an Element with Side-Aligned Content (toot or tweet) · · css, design
- Is Measuring Speed a Useful Metric for Design Systems? (toot or tweet) · · videos, performance, metrics, design-systems
- Non-Interactive Elements with the “inert” Attribute (toot or tweet) · · html, semantics
- Plain Old Semantic HTML: A Perfect Basis for Accessibility (toot or tweet) · · accessibility, html, semantics
- 11 Steps to Keep Figma Clean (toot or tweet) · · design, tooling, figma
- 16 Top Design Trends for 2022 (toot or tweet) · · design, trends
- 8 Ways to Make Website Accessibility Easier (and Less Expensive) (toot or tweet) · · accessibility
- 9 Useful Principles of UX Design (toot or tweet) · · user-experience, design, principles
- Build a Lightweight Web Component with Lit.js (toot or tweet) · · components, javascript
- Four Eras of JavaScript Frameworks (toot or tweet) · · javascript, frameworks, history
- How Web Browsers Work: Parsing the HTML (toot or tweet) · · user-agents, html, parsing
- Mobile App Versus Web Site: Which Is Better for Your Business? (toot or tweet) · · comparisons, economics
- Supercharge Your Design System with Design Tokens (toot or tweet) · · design-systems, design-tokens
- Testing Figma Components (toot or tweet) · · testing, components, figma
- The “Dark Yellow Problem” in Design System Color Palettes (toot or tweet) · · design-systems, colors, color-palettes
- Deep Dive into Top Web Developer Pain Points (toot or tweet) · · web-platform
- Atomic Design 2022: What We Can Learn from Eames and Other Design Giants (toot or tweet) · · design
- Best Font for Online Reading: No Single Answer (toot or tweet) · · studies, fonts, typography, readability
- How Web Browsers Work: Navigation (toot or tweet) · · user-agents, http
- Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity (toot or tweet) · · css, complexity
- Writing Strong Front-End Test Element Locators (toot or tweet) · · testing
- Progressive Enhancement and HTML Forms: Use “FormData” (toot or tweet) · · html, forms, progressive-enhancement
- Building a Combined CSS Aspect Ratio Grid (toot or tweet) · · css, layout
- Mastering CSS Transitions with React 18 (toot or tweet) · · css, transitions, react
- TypeScript Tips and Tricks (toot or tweet) · · videos, typescript, tips, tricks
- Web Color Is Still Broken (toot or tweet) · · websites, colors, web
- 11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (toot or tweet) · · seo, best-practices, strategies, mobile-first
- Beyond WCAG: Losing Spoons Online (toot or tweet) · · accessibility, wcag, colors
- Brief Note on Buttons, Enter, and Space (toot or tweet) · · accessibility
- Debugging Node Serverless Functions on AWS Lambda (toot or tweet) · · nodejs, debugging, serverless, aws
- Faster Initialization of Instances with New Class Features (toot or tweet) · · user-agents, engines, performance
- Productivity Tips and Tools for a More Efficient Workflow (toot or tweet) · · link-lists, productivity, tips, tooling
- Why Learn to Code? 17 Benefits of Learning to Code (toot or tweet) · · learning, career
- The Future of CSS: CSS Toggles (toot or tweet) · · css
- Forced Colors Explained: A Practical Guide (toot or tweet) · · colors, user-agents
- How to Start Testing Your Website with a Screen Reader (toot or tweet) · · accessibility, user-agents, testing
- Ordering CSS Declarations (toot or tweet) · · css, sorting
- Routing: I’m Not Smart Enough for an SPA (toot or tweet) · · routing, spas
- The Front-End Developer’s Guide to the Terminal (toot or tweet) · · guides, command-line
- The Role of Policy in Creating a Culture of Accessibility (toot or tweet) · · interviews, accessibility, policies, culture
- 20 Easy Ways to Be More Productive as a Developer (toot or tweet) · · productivity
- 4 Reasons to Avoid Using “npm link” (toot or tweet) · · npm
- A Practical Guide to Centering in CSS (toot or tweet) · · guides, css, design
- Does Valid and Semantic HTML Still Matter? (toot or tweet) · · podcasts, html, semantics, conformance
- Ensure Third Party Content Is Accessible (toot or tweet) · · accessibility, wcag, embed-code
- React 18—New Features and Improvement Strategies (toot or tweet) · · react
- The Ultimate Guide to Push Notifications for Developers (toot or tweet) · · guides, notifications
- Web Scraping Is Legal, U.S. Appeals Court Reaffirms (toot or tweet) · · scraping, legal
- When UX Goes Bad (and How to Fix It) (toot or tweet) · · user-experience
- Test-Driven Development with React and Redux: Thunk, Slices, and Requests Mocking (toot or tweet) · · testing, react, redux
- Node.js 18 Introduces Prefix-Only Core Modules (toot or tweet) · · nodejs
- Is Agile an Anti-Design Pattern? (toot or tweet) · · agile, design, anti-patterns
- The Most Popular Node.js Frameworks in 2022 (toot or tweet) · · nodejs, frameworks
- 7 Web Component Tricks (toot or tweet) · · components, tricks
- Accessibility Why You Need to Work Toward Progress Not Perfection (toot or tweet) · · accessibility
- Evaluating Design System Adoption Using Custom CSS (toot or tweet) · · design-systems, css, custom-properties, metrics
- Fonts for the Web: Rationale, 1996 (toot or tweet) · · fonts, history
- Implementing Micro-Frontends: A Path to Evolve Legacy Codebases (toot or tweet) · · refactoring, maintenance, micro-frontends
- Intro to CSS Parent Selector—“:has()” (toot or tweet) · · videos, introductions, css, selectors
- A Web Renaissance (toot or tweet) · · web
- CSS Parent Selector (toot or tweet) · · css, selectors
- Designers Are Spending Too Much Time Designing UI Variations Manually (toot or tweet) · · design, processes, productivity
- Drastically Improve Your UI Designs with This Technique (toot or tweet) · · design, techniques, optimization
- How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results (toot or tweet) · · quality, techniques
- The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (toot or tweet) · · guides, javascript, performance, optimization
- Title Rewrites: 3 Patterns to Avoid (toot or tweet) · · seo, semantics, writing, microcontent
- Building a Dialog Component (toot or tweet) · · components, html, css, javascript
- Common Accessibility Issues That You Can Fix Today (toot or tweet) · · accessibility
- Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (toot or tweet) · · accessibility
- Naming Colors in Design Systems (toot or tweet) · · design-systems, colors, naming
- One Million Broken Web Sites—and a Way to Prevent That (toot or tweet) · · accessibility, user-agents, tooling
- Why Accessibility Bugs Are a Good Thing and How to Handle Them (toot or tweet) · · accessibility, quality
- 7 Collaborative Coding Tools for Remote Pair Programming (toot or tweet) · · collaboration, tooling
- Childish Font Sizes (toot or tweet) · · fonts, readability, design
- Common App Design Challenges and Their Solutions (toot or tweet) · · design, user-experience
- CSS Toggles Explainer and Proposal (toot or tweet) · · css
- How to Develop Your UX Design Philosophy (toot or tweet) · · user-experience, design
- How to Improve UX Design Through A/B Testing (toot or tweet) · · design, user-experience, testing, optimization
- Image Borders in CSS (toot or tweet) · · css, images
- Mobile-First Ecommerce Site Design Is the Future (toot or tweet) · · design, mobile-first
- Takeaways from The Internet is Unusable: The Disabled View (toot or tweet) · · accessibility
- Those HTML Elements You Never Use (toot or tweet) · · html, semantics
- CSS “:has()” a Parent Selector Now (toot or tweet) · · css, selectors
- CSS Tips and Tricks You May Need to Know (toot or tweet) · · css, tips, tricks
- How to Fix Your Low-Contrast Text (toot or tweet) · · accessibility, colors, contrast
- Information Architecture: Study Guide (toot or tweet) · · guides, information-architecture, training
- JavaScript Function Composition: What’s the Big Deal? (toot or tweet) · · javascript
- Open Accessibility Standards (toot or tweet) · · websites, accessibility, wcag, aria
- 33 JavaScript Concepts Every Developer Should Know (toot or tweet) · · javascript, concepts
- April 9 is CSS Naked Day (toot or tweet) · · announcements, css
- Incremental Static Regeneration for Angular (toot or tweet) · · angular, static-site-generators
- There’s No Such Thing as a “Design System Designer” (toot or tweet) · · design, design-systems, career
- Dynamic Data-Fetching in an Authenticated Next.js App (toot or tweet) · · data-fetching, nextjs, authentication
- Nailing Your Engineering Interviews: Tips from a Technical Recruiter (toot or tweet) · · interviewing, career
- Use Unicode Characters for Bullet Points in CSS Using “::marker” (toot or tweet) · · unicode, css
- Why Your Design System Needs Content Design (toot or tweet) · · design-systems, content
- Your Website Is a Pollution Machine (toot or tweet) · · sustainability
- How to Create Animated Anchor Links Using CSS (toot or tweet) · · videos, css, animations
- JavaScript and Node.js Testing Best Practices (toot or tweet) · · javascript, nodejs, testing, best-practices
- Principles of Object-Oriented Programming in TypeScript (toot or tweet) · · typescript, principles
- Designing Better Breadcrumbs (toot or tweet) · · html, usability, information-architecture
- 12 Years Beyond a HTML Joke (toot or tweet) · · html, semantics
- A New Statistical Approach for Predicting Usability Problems (toot or tweet) · · studies, metrics, usability
- Alternative Text (Alt Text) (toot or tweet) · · accessibility, html
- Core Web Vitals: Finding Common Ground Between SEOs and Developers (toot or tweet) · · performance, web-vitals, seo, metrics
- Fonts in Use: Variable Fonts (toot or tweet) · · typography, fonts
- HTML Is All You Need to Make a Website (toot or tweet) · · html
- The Business Case for Accessibility (toot or tweet) · · accessibility, economics
- Animated Grid Tracks with “:has()” (toot or tweet) · · css, layout, selectors
- Sharing State in Distributed UIs at Runtime (toot or tweet) · · state-management, scaling, micro-frontends
- A Simple Way to Create a Slideshow Using Pure CSS (toot or tweet) · · videos, css, scrolling
- Accessible Description Exposure (toot or tweet) · · accessibility, aria
- Thoughts on Exerting Control with Media Queries (toot or tweet) · · layout, css, media-queries
- What If… One Day Everything Got Better? (toot or tweet) · · accessibility
- “aria-labelledby” Usage Notes (toot or tweet) · · accessibility, aria, html
- How to Respond to Growing Supply Chain Security Risks? (toot or tweet) · · security, dependencies, nodejs, npm
- Tweaking in the Browser (toot or tweet) · · user-agents, tooling
- Accessible Cards (toot or tweet) · · accessibility, html, css
- Top 3 Informational Interview Questions in UX (toot or tweet) · · videos, interviewing, career, user-experience
- Why We Don’t Use a Staging Environment (toot or tweet) · · environments, testing
- How to Match HTML Elements with an Indeterminate State (toot or tweet) · · html, css, selectors
- The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (toot or tweet) · · studies, accessibility
- Exciting Times for Browsers (and CSS) (toot or tweet) · · user-agents, css
- Accessibility Policy Implementation: What You Need to Know (toot or tweet) · · interviews, accessibility, policies
- Designing a Better Infinite Scroll (toot or tweet) · · scrolling, pagination
- How to Optimize Your LCP (with Visuals) (toot or tweet) · · performance, web-vitals, optimization
- HTML-Only Keyboard Shortcuts (toot or tweet) · · html, accessibility
- If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone (toot or tweet) · · accessibility, usability
- Make Beautifully Resilient Apps with Progressive Enhancement (toot or tweet) · · progressive-enhancement
- Neubrutalism Is Taking Over the Web (toot or tweet) · · design, web
- 7 Learning Habits for Developers: Reach Skill Goals in Less Time (toot or tweet) · · learning
- A Guide to Hover and Pointer Media Queries (toot or tweet) · · guides, css, media-queries
- An Opinionated Guide to Unit Testing (toot or tweet) · · guides, testing, quality
- Case: Accessibility in Software Development (toot or tweet) · · accessibility
- CSS “:has” (toot or tweet) · · css, selectors
- How to Document Accessibility Issues (toot or tweet) · · accessibility, documentation
- Locale Aware Sorting in JavaScript (toot or tweet) · · javascript, sorting, localization, internationalization
- Optimising Largest Contentful Paint (toot or tweet) · · performance, web-vitals
- Picture Perfect Images with the Modern “<img>” Element (toot or tweet) · · images, html, performance, web-vitals
- Secret Mechanisms of CSS (toot or tweet) · · videos, css
- Understanding Layout Algorithms (toot or tweet) · · css, layout
- The Art of CSS Art (toot or tweet) · · css, art
- Why Every Programmer Must Blog (toot or tweet) · · career, blogging, communication, learning
- 14 Linting Rules to Help You Write Asynchronous Code in JavaScript (toot or tweet) · · javascript, linting
- Building a Headless Design System (toot or tweet) · · videos, design-systems, headless
- How to Use Props in React (toot or tweet) · · react, javascript
- Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (toot or tweet) · · surveys, user-agents, tooling, developer-experience
- Remix Routes Demystified (toot or tweet) · · remix, routing
- You ≠ User (toot or tweet) · · videos, usability, user-experience
- You’re Unselectable (toot or tweet) · · accessibility, css
- Designing “Above the Fold”? Try the Reciprocity Principle (toot or tweet) · · design, principles
- How Should You Name Your Colors in a Design System? (toot or tweet) · · naming, colors, design-systems
- Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed (toot or tweet) · · design, performance, user-experience
- Variable Fonts in Real Life: How to Use and Love Them (toot or tweet) · · fonts, typography
- How Do Design Systems Improve Developer Efficiency? (toot or tweet) · · design-systems, efficiency
- Resetting Inherited CSS with “Revert” (toot or tweet) · · css, resetting
- Spotlight: What Happens When a Project Team Shifts Accessibility Left? (toot or tweet) · · accessibility
- The 5 Riders of Accessible Media (toot or tweet) · · accessibility, multimedia
- The Web Is for Everyone: Our Vision for the Evolution of the Web (toot or tweet) · · web, visions, privacy, security, accessibility, performance, user-experience
- There Are No Bad Questions in Accessibility (toot or tweet) · · accessibility
- Those HTML Attributes You Never Use (toot or tweet) · · html
- ADA Web Site Compliance Still Not a Thing (toot or tweet) · · accessibility, compliance, legal
- Deep Dive into the CSS “:where()” Function (toot or tweet) · · css, selectors
- Dynamically Generated Content and Accessibility: 3 Quick Tips (toot or tweet) · · accessibility, aria
- Optimising Core Web Vitals on SPAs (toot or tweet) · · performance, web-vitals, spas, optimization
- The Book on Accessibility (toot or tweet) · · books, accessibility, leadership
- When to Use a Function Expression vs. Function Declaration (toot or tweet) · · javascript, comparisons
- 4 Xs That Aren’t UX (toot or tweet) · · user-experience
- Conquering JavaScript Hydration (toot or tweet) · · javascript, hydration
- Design Mistakes That Hurt Your Web Site’s Conversion Rates (toot or tweet) · · design, user-experience, conversion
- Design System—Principles of Success (toot or tweet) · · design-systems, principles
- Design Systems Aren’t Cheap (toot or tweet) · · design-systems, frameworks, economics
- Do’s and Don’ts of Mobile UX Design (toot or tweet) · · design, user-experience, usability, mobile-first