News and Tools for Frontend Development (4)
(Stay up-to-date on all topics by feed or on Mastodon.)
- Building Reliable Distributed Systems in Node.js (toot or tweet) · · nodejs
- Cascading Components—a Way to Organize Figma Component Variants (toot or tweet) · · components, figma
- Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi (toot or tweet) · · internationalization, design
- More Real-World Uses for “:has()” (toot or tweet) · · css, selectors
- The Key to Good Component Design Is Selfishness (toot or tweet) · · components, developer-experience, maintainability
- Unordered Lists in Main Navigations (toot or tweet) · · html, semantics, navigation
- What Is a Core Update? (toot or tweet) · · seo
- So You Want to Make a New JS Framework (toot or tweet) · · javascript, frameworks
- Comparing Manual and Free Automated WCAG Reviews (toot or tweet) · · accessibility, wcag, auditing, comparisons
- Don’t Target 100% Coverage (toot or tweet) · · testing
- Three Attributes for Better Web Forms (toot or tweet) · · forms, html
- Two Ways to Safely Break a Long Word in HTML (toot or tweet) · · html
- Optimize Time to First Byte (toot or tweet) · · performance, optimization
- “::backdrop” Doesn’t Inherit from Anywhere (toot or tweet) · · css
- Unlocking Security Updates for Transitive Dependencies With npm (toot or tweet) · · npm, dependencies, security, maintenance
- Deep Cloning Objects in JavaScript, the Modern Way (toot or tweet) · · javascript, objects
- On-Scroll Typography Animations (toot or tweet) · · typography, animations
- Front-End Is So Much More Than Building Designs (toot or tweet) · · processes
- CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (toot or tweet) · · css, tips, forms, print
- Accessible Writing Is Just Good Writing (toot or tweet) · · accessibility, writing
- Discovering the Capable Web (toot or tweet) · · web-platform
- Solved With “:has()”: Vertical Spacing in Long-Form Text (toot or tweet) · · css, selectors
- 6 Common SVG Fails (and How to Fix Them) (toot or tweet) · · svg
- Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That (toot or tweet) · · accessibility, information-design
- Can a Bridge Be Unethical? (toot or tweet) · · design, ethics
- The Storytelling Power of Simple Design Solutions (toot or tweet) · · design
- The Truth About CSS Selector Performance (toot or tweet) · · css, selectors, performance
- Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages (toot or tweet) · · content-delivery, performance, web-vitals
- Scalable CSS (toot or tweet) · · css, scaling
- Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (toot or tweet) · · css, selectors
- Promises, Thenables, and Lazy-Evaluation: What, Why, How (toot or tweet) · · javascript, promises
- Quick Tip: How to Read a Local File With PHP (toot or tweet) · · php, tips
- Minimal Dark Mode Styling (toot or tweet) · · css, dark-mode, minimalism
- Optimizing the Image Element LCP (toot or tweet) · · performance, web-vitals, images
- A Better Way to Work With Number and Date Inputs in JavaScript (toot or tweet) · · javascript
- Greater Styling Control over Type With “initial-letter” (toot or tweet) · · css, typography
- Complete Guide to Make You a Regex Guru (toot or tweet) · · guides, regex
- CSS Nesting Is Coming (toot or tweet) · · css, nesting
- Interactive SVG Reference (toot or tweet) · · svg
- Speeding Up the JavaScript Ecosystem—Module Resolution (toot or tweet) · · javascript, modules
- The Only Markdown Cheatsheet You Will Ever Need (toot or tweet) · · markdown, cheat-sheets
- 5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor (toot or tweet) · · principles, maintainability
- Foundations: Visible Focus Styles (toot or tweet) · · accessibility, css
- Four Ways to Chop Up Arrays (with Vanilla JavaScript) (toot or tweet) · · javascript, arrays
- Succeed as a Junior Developer (toot or tweet) · · career
- 2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch (toot or tweet) · · nodejs, open-source, tooling, link-lists
- CSS Color Functions and Custom Properties (toot or tweet) · · css, colors, custom-properties
- Fixing a Memory Leak in a Production Node.js App (toot or tweet) · · nodejs, memory
- Is TypeScript Worth It? (toot or tweet) · · discussions, typescript
- React, Vite, and TypeScript: Get Started in Under 2 Minutes (toot or tweet) · · react, vite, typescript
- Top Front-End Tools of 2022 (toot or tweet) · · tooling, link-lists
- Sibling Scopes in CSS, Thanks to “:has()” (toot or tweet) · · css, selectors
- Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit (toot or tweet) · · cookies, user-agents, google
- 11 Excellent WordPress Themes for 2023 (toot or tweet) · · wordpress, link-lists
- “:has” Is an Unforgiving Selector (toot or tweet) · · css, selectors
- How to Destructure Props in Vue (Composition API) (toot or tweet) · · vuejs
- JavaScript, Community (toot or tweet) · · javascript, community
- The State of JavaScript 2022 (toot or tweet) · · surveys, javascript
- The YAML Document from Hell (toot or tweet) · · yaml, standards
- Closed Captions and Subtitles UX (toot or tweet) · · accessibility, captions, user-experience
- The Main Areas of WAI-ARIA (toot or tweet) · · accessibility, aria
- The Gotcha of Unhandled Promise Rejections (toot or tweet) · · javascript, promises
- 2023 Design Trends from an Accessibility Perspective (toot or tweet) · · design, accessibility, trends
- CSS “:readonly” Is Not for Select Fields (toot or tweet) · · css, selectors
- Data URLs and Pool in Your URL (toot or tweet) · · html
- D̶e̶s̶i̶g̶n̶ Token Clusters (toot or tweet) · · design-tokens
- Faking Min Width on a Table Column (toot or tweet) · · html, tables, css, responsive-design
- Versioning Design Systems: Best Practices (toot or tweet) · · design-systems, versioning, best-practices
- Why Not “document.write()”? (toot or tweet) · · javascript, performance
- Data-Driven Design Systems in Practice (toot or tweet) · · design-systems
- Our Top Core Web Vitals Recommendations for 2023 (toot or tweet) · · performance, web-vitals, best-practices
- Quick Tip: How to Filter Data With PHP (toot or tweet) · · php, tips
- Set Up a React App With TypeScript in 5 Minutes (toot or tweet) · · react, vite, typescript
- 7 Principles of Design Psychology Every UX Designer Should Know (toot or tweet) · · design, user-experience, principles
- 7 Purpose-Driven UX Tips for Your Next Web-Site Redesign (toot or tweet) · · user-experience, redesign, tips
- A Software Developer’s Guide to Writing (toot or tweet) · · guides, writing
- Building a Design System: Lessons Learned (toot or tweet) · · design-systems
- Clever Code Considered Harmful (toot or tweet) · · complexity, maintainability, career
- Conditional CSS (toot or tweet) · · css
- Customizing HTML Form Validation (toot or tweet) · · html, forms, validation
- Good Design is Intentional (toot or tweet) · · design
- Implementing Microservice Architecture in Node.js (toot or tweet) · · microservices, architecture, nodejs
- Styling Buttons in WordPress Block Themes (toot or tweet) · · wordpress, forms, css
- Node.js Retro 2022 (toot or tweet) · · nodejs, retrospectives
- 3D in CSS (toot or tweet) · · css
- Best Node.js Schedulers (toot or tweet) · · nodejs, cron
- OK LCH, I’m Convinced (toot or tweet) · · colors, css
- Personas Are Living Documents: Design Them to Evolve (toot or tweet) · · usability, personas
- Using GitHub Copilot for Unit Testing (toot or tweet) · · github, ai, testing
- Revolutionizing the Web With WebAssembly: A Comprehensive Guide (toot or tweet) · · webassembly, guides
- Stock Photos of People With Disabilities (toot or tweet) · · accessibility, content, images
- A New Accessibility Strategy for the GOV.UK Design System (toot or tweet) · · accessibility, strategies, design-systems
- Design Systems in Practice (toot or tweet) · · videos, design-systems
- Infinite Scrolling: When to Use It, When to Avoid It (toot or tweet) · · videos, scrolling, usability
- Why Web Performance Still Matters in 2023 (toot or tweet) · · performance
- 2022 JavaScript Rising Stars (toot or tweet) · · websites, javascript, research, retrospectives
- A Guide to Getting Data Visualization Right (toot or tweet) · · guides, information-design
- How to Build Great HTML Form Controls (toot or tweet) · · html, forms
- Progressively-Enhanced Dark Mode (toot or tweet) · · dark-mode, progressive-enhancement
- Understanding Git Through Images (toot or tweet) · · git
- Using “!important” in Cascade Layers (toot or tweet) · · css, cascade
- When Stakeholders Bypass the Product Owner (toot or tweet) · · agile, scrum, processes
- Every Software Developer Should Write a Blog (toot or tweet) · · blogging, career, learning
- HTML With Superpowers: An Introduction to Web Components (toot or tweet) · · websites, books, courses, guides, components, introductions
- 5 Web Design Trends to Watch in 2023 (toot or tweet) · · design, trends
- How to Increase Your Chances of Getting Interviews and Job Offers in Tech (toot or tweet) · · career, interviewing
- JAWS, NVDA, and VoiceOver Braille Viewers (toot or tweet) · · accessibility, user-agents, assistive-tech
- What Does It Look Like for the Web to Lose? (toot or tweet) · · web-platform, web
- Creating Tokens for Your Design System With ChatGPT Assistance (toot or tweet) · · design-tokens, design-systems, ai
- CSS “:has()” Feature Detection With “@ supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” (toot or tweet) · · css, selectors, feature-detection
- Carry On Testing 2023 (toot or tweet) · · accessibility, testing
- Cloning Arrays and Objects in Vanilla JavaScript (toot or tweet) · · javascript, arrays, objects
- Conditional API Responses for JavaScript vs. HTML Forms (toot or tweet) · · javascript, html, forms, security, comparisons
- Quick Thoughts on Typeface and Font Accessibility (toot or tweet) · · accessibility, fonts, typography
- WAI-Adapt Explainer (toot or tweet) · · accessibility
- The Expanding Dark Forest and Generative AI (toot or tweet) · · ai, web, user-experience
- 17 Compelling Reasons to Start Ditching TypeScript Now (toot or tweet) · · typescript
- 6 Predictions for Web Design in 2023 (toot or tweet) · · design, visions
- Measuring an Engineering Organization (toot or tweet) · · leadership, metrics
- Microservices vs. Monolithic Architecture: A Practical Approach (toot or tweet) · · architecture, microservices, monoliths, comparisons
- The State of Usability in 2023 (toot or tweet) · · usability, testing, research
- Priority Hints and Optimizing LCP (toot or tweet) · · performance, web-vitals, optimization, hints
- A Beginner’s Guide to Link and Text Accessibility (toot or tweet) · · accessibility, hypertext, guides
- The State of Mobile User Experience (toot or tweet) · · research, mobile-first, user-experience
- 2022 Year In Review (toot or tweet) · · vuejs, retrospectives
- Culture Is Stuck (toot or tweet) · · culture, design
- Junior Designers, Please Don’t Give In (toot or tweet) · · design, career
- Overlapping Interactive Areas (toot or tweet) · · accessibility, design
- Why Do We Need Authorization and Authentication? (toot or tweet) · · authorization, authentication, security
- Fluid Typography: Predicting a Problem With Your User’s Zoom-In (toot or tweet) · · typography, css
- An Ultimate Guide on Sizing, Spacing, Grids and Layout in Web and UI/UX Design (toot or tweet) · · guides, spacing, layout, typography, design
- Git in 10 Mins (toot or tweet) · · git
- JavaScript Frameworks—Heading into 2023 (toot or tweet) · · javascript, frameworks
- Stashing Individual Files in Git (toot or tweet) · · git
- Styling a “pre” That Contains a “code” (toot or tweet) · · css, selectors
- Understanding Design Tokens, from UX Tool to Production (toot or tweet) · · videos, design-tokens
- How to Write an Awesome Readme (toot or tweet) · · documentation
- Why Web Design Still Matters in 2023 (toot or tweet) · · design, web
- 7 Tips for Improving Your Productivity With Git (toot or tweet) · · productivity, git, tips
- A Guide to Command-Line Data Manipulation (toot or tweet) · · guides, command-line
- Theme Toggles (toot or tweet) · · websites, theming, html, react
- A CSS Challenge: Skewed Highlight (toot or tweet) · · css, effects
- Building Inclusive Products for Trans People (toot or tweet) · · inclusion
- The RUM Archive and Benford’s Law (toot or tweet) · · performance
- CSS Subgrid (toot or tweet) · · css, layout
- Invisible Ink Effect With SVG Filters and CSS (toot or tweet) · · code-pens, css, svg, effects
- What’s Wrong With Code in 2022? (toot or tweet) · · complexity, quality, processes
- 11 Tips That Make You a Better TypeScript Programmer (toot or tweet) · · tips, typescript
- Deploying CSS Logical Properties on Web Apps (toot or tweet) · · css, logical-properties, web-apps
- HTTP/3 Prioritization Demystified (toot or tweet) · · performance, http, protocols
- User Stylesheets Are Still Pretty Great and Should Be More Widely Supported (toot or tweet) · · css, accessibility
- A Problem With Link Relationships (toot or tweet) · · html, metadata, semantics
- Enforcing Better HTML Markup With Eleventy (toot or tweet) · · html, semantics, conformance, eleventy
- 2022 CSS Updates (toot or tweet) · · css
- An Inclusive and Planet-Friendly Digital Style Guide (toot or tweet) · · design, accessibility, inclusion, sustainability, ethics
- Obscure CSS: Restoring Visibility (toot or tweet) · · css, accessibility
- The 10 Cheapest Web Hosting Solutions in 2022 (toot or tweet) · · hosting, economics
- What Is the Difference Between Alternative Text, Long Description, and Caption? (toot or tweet) · · accessibility
- Top 10 Accessibility News of 2022 (toot or tweet) · · accessibility, retrospectives
- Design System Fresh Bundling (toot or tweet) · · design-systems, bundling
- Aligning Jakob Nielsen’s 10 Usability Heuristics With the WCAG 2.1 (toot or tweet) · · accessibility, wcag, usability, heuristics
- 2022 Roundup of Web Research (toot or tweet) · · research, web
- A Theory of Web Relativity (toot or tweet) · · html, metadata, structured-data
- Accessibility Convincing (toot or tweet) · · videos, accessibility, ethics, legal
- Billions of Unnecessary Files in GitHub (toot or tweet) · · github, git
- CSS Color Spaces and Relative Color Syntax (toot or tweet) · · css, colors
- React’s New Killer Documentation Focused Only on Functional Components (toot or tweet) · · react, documentation
- The Intended Consequence of Inaccessible Digital Ads (toot or tweet) · · videos, accessibility, monetization
- Things CSS Could Still Use Heading Into 2023 (toot or tweet) · · css, visions
- A Complete Guide to Timeouts in Node.js (toot or tweet) · · guides, nodejs
- Signals: The Nitty-Gritty (toot or tweet) · · performance, javascript, signals
- Building an Accessible Theme Picker With HTML, CSS, and JavaScript (toot or tweet) · · accessibility, html, css, javascript, theming
- Bad Performance Is Bad Accessibility (toot or tweet) · · performance, accessibility
- Common Nesting Issues in HTML (toot or tweet) · · html, nesting
- Foundations: Target Sizes (toot or tweet) · · accessibility, usability
- The Top 10 Security Vulnerabilities for Web Applications (toot or tweet) · · security, web-apps
- Useful Accessibility and Usability Examples to Help Improve Your Designs (toot or tweet) · · accessibility, usability
- Why We Hang Onto WordPress Nostalgia (toot or tweet) · · wordpress
- Pointer Events (toot or tweet) · · css, javascript, events
- Beating Latency on Scalemates.com (toot or tweet) · · performance, optimization
- Concepts Behind Modern Frameworks (toot or tweet) · · frameworks, concepts
- CSS Style Queries (toot or tweet) · · css
- Do You Know “color-scheme”? (toot or tweet) · · css, dark-mode
- Frontend Dogma + UITest.com = ❤️ (toot or tweet) · · announcements
- If You Are Afraid of AI, You May Not Be the Best UX Designer Out There (toot or tweet) · · user-experience, design, ai, career
- Taking the Stress out of Design System Management (toot or tweet) · · design-systems, maintenance
- The Performance Inequality Gap, 2023 (toot or tweet) · · performance
- The Science of User Experience (toot or tweet) · · user-experience, processes
- Interop 2022: End of Year Update (toot or tweet) · · interoperability, user-agents, html, css
- Prevent Focused Elements from Being Obscured by Sticky Headers (toot or tweet) · · accessibility, usability, css
- How to Learn in Public (toot or tweet) · · career, learning
- HTML Dialog (toot or tweet) · · html
- Mini-Guide to Add an Image (toot or tweet) · · html, images
- Lockfile Trick: Package an npm Project With Nix in 20 Lines (toot or tweet) · · npm, tricks
- Cascade Layers (toot or tweet) · · css, cascade
- Modern HTML as a Foundation for Progressive Enhancement (toot or tweet) · · html, progressive-enhancement
- Using Inline JavaScript Modules to Prevent CSS Blockage (toot or tweet) · · performance, javascript, css
- 5 HTML Elements, and a Partridge in a Despair Tree (toot or tweet) · · html, semantics, accessibility
- Apple, Google, and Mozilla Are Teaming Up to Make a Next-Gen Browser Benchmark (toot or tweet) · · user-agents, apple, google, mozilla
- CSS Infinite 3D Sliders (toot or tweet) · · css, effects, animations
- How to Find and Fix the Top 3 Accessibility Issues (toot or tweet) · · videos, accessibility, auditing
- Code Ownership and Software Quality (toot or tweet) · · processes, quality
- 4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (toot or tweet) · · css, selectors, html, forms
- An HTML-First Mental Model (toot or tweet) · · html, dom, performance
- CI/CD Tutorial for Developers (toot or tweet) · · ci-cd
- CSS “image()” (toot or tweet) · · css
- ECMAScript Proposal: Iterator Helpers (toot or tweet) · · ecmascript, javascript, standards
- Get That Marquee AeStHeTiC (toot or tweet) · · html, css, effects
- Help Choose the Syntax for CSS Nesting (toot or tweet) · · css, nesting
- Leaked a Secret? Check Your GitHub Alerts… for Free (toot or tweet) · · github, security
- Select the Right Tool for the Job (toot or tweet) · · principles
- So, You’d Like to Animate the “display” Property (toot or tweet) · · css, animations
- Logical Border Radius (toot or tweet) · · css, logical-properties
- Accessibility Starts With an Organisation’s Culture (toot or tweet) · · accessibility, culture
- Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) (toot or tweet) · · react, concurrency
- IDN Is Crazy (toot or tweet) · · internationalization, domains
- Table Like It’s 2023 (toot or tweet) · · tables, html
- The Most Popular CSS-in-JS Libraries in 2022 (toot or tweet) · · libraries, javascript, css, css-in-js
- View Transitions API (toot or tweet) · · apis, transitions
- The Web Platform Is Back (toot or tweet) · · web-platform
- Apple Considering Dropping Requirement for iPhone Web Browsers to Use WebKit (toot or tweet) · · apple, user-agents, engines, webkit
- A “:nth-child(An+B [of S]?)” Polyfill Thanks to CSS “:has()” (toot or tweet) · · css, selectors
- Get off the Main Thread With an Inline Web Worker: An Example (toot or tweet) · · performance, javascript, web-workers
- Sophisticated Web Scraping With Bright Data (toot or tweet) · · scraping, structured-data, apis
- A Few Times Container Size Queries Would Have Helped Me Out (toot or tweet) · · css, container-queries
- Design Deserves More Respect (toot or tweet) · · design
- Federal Web Accessibility Focus Has Private Sector on Notice (toot or tweet) · · accessibility, legal
- New Viewport Units (toot or tweet) · · css, units, responsive-design
- One Day We’ll Have a Fully Customisable Select (toot or tweet) · · html, css
- State of A11Y (toot or tweet) · · videos, accessibility
- Top 5 Accessibility Issues in 2022 (toot or tweet) · · accessibility, retrospectives
- DOM Clobbering (toot or tweet) · · dom, security
- Five Myths About Digital Accessibility (toot or tweet) · · videos, accessibility
- The Future of Design Tokens (toot or tweet) · · videos, design-tokens, visions
- Top 30 Linux Commands for Everyday Use (toot or tweet) · · command-line, productivity
- WCAG 3.0: Are We There Yet? (toot or tweet) · · accessibility, wcag, standards
- Conditional Wrapping in React (toot or tweet) · · react
- Implement Scroll-Snapping Using Only CSS (toot or tweet) · · css, scrolling
- LCP(FE) (toot or tweet) · · performance, web-vitals
- There Can Be Only One: Options for Building “Choose One” Fields (toot or tweet) · · html, forms
- Dear Developer, Your Assumptions Are Wrong (toot or tweet) · · html
- Web Performance and Compression (toot or tweet) · · performance, compression
- CSS Infinite Slider Flipping Through Polaroid Images (toot or tweet) · · css, images, effects
- How to Merge Objects in JavaScript (toot or tweet) · · javascript, objects
- Inside the Mind of a Frontend Developer: Article Layout (toot or tweet) · · html, css, layout
- WCAG—Priority of Constituencies (toot or tweet) · · accessibility, wcag
- Improving SEO Without Knowing Where to Start (toot or tweet) · · seo
- PHP 8.2.0 Release Announcement (toot or tweet) · · php
- Best PHP Books for Beginners (toot or tweet) · · books, php
- Optimize Interaction to Next Paint (toot or tweet) · · performance, optimization, web-vitals