News and Tools for Frontend Development (5)
(Stay up-to-date on all topics by feed or on Mastodon.)
- Introducing the New npm Dependency Selector Syntax (toot or tweet) · · npm
- Migration from jQuery to Next.js: A Guide (toot or tweet) · · guides, migration, jquery, nextjs
- One Year of Coding—Recommendations for Beginners from a Beginner (toot or tweet) · · learning, semantics, accessibility
- A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran) (toot or tweet) · · guides, culture
- Finer Grained Control over CSS Transforms with Individual Transform Properties (toot or tweet) · · css
- Making a Website Under 1 kB (toot or tweet) · · performance, minimalism, html
- Popular Node.js Patterns and Tools to Re-Consider (toot or tweet) · · nodejs, tooling
- CSS Border Animations (toot or tweet) · · css, animations
- Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers (toot or tweet) · · css, layout
- Fluid Sizing Instead of Multiple Media Queries? (toot or tweet) · · css, media-queries
- IE: RIP or BRB? (toot or tweet) · · videos, user-agents, history
- Ruby Styling (toot or tweet) · · html, ruby, css
- Fitts’s Law and Its Applications in UX (toot or tweet) · · user-experience, interaction-design
- The Importance of Clean Code in Your Startup’s Success (toot or tweet) · · quality
- Checking If a JavaScript Native Function Is Monkey Patched (toot or tweet) · · javascript
- Firefox (and Other Browsers), Forgotten? (toot or tweet) · · user-agents, testing
- How to Add a Subtle Gradient on Top of an Image Using CSS (toot or tweet) · · css, gradients
- 10+ Things I Always Set Up in Git When I Prepare a New Environment (toot or tweet) · · git, command-line, environments
- The Horizontal Overflow Problem (toot or tweet) · · css
- Use the Active Voice to Transform Your Design System Documentation (toot or tweet) · · design-systems, documentation, writing
- Which Generator Builds Markdown the Fastest? (toot or tweet) · · static-site-generators, markdown, performance, comparisons
- 500 ms to 1.7 ms in React: A Journey and a Checklist (toot or tweet) · · performance, react
- 8 Simple Steps to Complete a Technical SEO Audit (toot or tweet) · · seo, auditing
- Adding Observability to Your Jest Tests (toot or tweet) · · javascript, jest, testing
- Detecting CSS Selector Support with JavaScript (toot or tweet) · · css, selectors, feature-detection, support
- Quick Tip: Negative Animation Delay (toot or tweet) · · css, animations, tips
- Recreating MDN’s Truncated Text Effect (toot or tweet) · · css, effects
- Testable Frontend: The Good, the Bad, and the Flaky (toot or tweet) · · testing
- The Advanced Guide to the CSS “:has()” Selector (toot or tweet) · · guides, css, selectors
- Underengineer Your Websites (toot or tweet) · · videos, interviews, accessibility
- When Will Scrum Die? (toot or tweet) · · agile, scrum, kanban, processes
- 3 Simple Ways to Center an Element Using CSS (toot or tweet) · · css
- Abbreviations Suck (toot or tweet) · · accessibility, html
- Adventures in Text Rendering: Kerning and Glyph Atlases (toot or tweet) · · typography, kerning
- CSS Minimal Dark Mode Toggle Button (toot or tweet) · · code-pens, effects, minimalism
- Design Systems for Humans (toot or tweet) · · design-systems, user-experience
- Why I’m Learning Typescript (toot or tweet) · · typescript
- You Don’t Need Microservices (toot or tweet) · · microservices
- A Good Reset (toot or tweet) · · css, resetting
- #ADA32: The ADA Has Applied to Digital for Decades (toot or tweet) · · accessibility, legal
- Introducing Even More Security Enhancements to npm (toot or tweet) · · npm, security
- Maintenance Matters (toot or tweet) · · maintenance, code-reviews, consistency, testing, logging, documentation
- Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist (toot or tweet) · · design, user-experience, minimalism
- Speaking Up and Speaking Out: Tactical Communication in Accessibility (toot or tweet) · · accessibility, communication
- The 10 Affirmations of Good Digital Accessibility (toot or tweet) · · accessibility
- UX Principles That Include Cognitive Accessibility (toot or tweet) · · user-experience, accessibility, principles
- 5 Best UX Careers to Pursue in 2022 (toot or tweet) · · user-experience, career
- “<article>” vs. “<section>”: How to Choose the Right One (toot or tweet) · · html, semantics, comparisons
- Everything You Need to Know About JavaScript Import Maps (toot or tweet) · · javascript
- Priority Hints—What Your Browser Doesn’t Know (Yet) (toot or tweet) · · performance
- Solving the “Dangler” Conundrum with Container Queries and “:has()” (toot or tweet) · · css, selectors
- Typography in Web Design (toot or tweet) · · typography, design
- Your Code Doesn’t Have to Be a Mess (toot or tweet) · · quality
- Clean Architecture: Applying with React (toot or tweet) · · architecture, react
- Mobile UX: Study Guide (toot or tweet) · · guides, user-experience, mobile-first, training
- Ancient Web Browsers (toot or tweet) · · user-agents, history
- The History of JavaScript (toot or tweet) · · history, javascript
- Definitive Guide to CAPTCHA Accessibility (toot or tweet) · · guides, accessibility, captcha
- Say No to Tailwind, Embrace Plain CSS (toot or tweet) · · frameworks, tailwind, css
- Type Annotations in JavaScript (toot or tweet) · · javascript, typescript
- Understanding CSS “:has()” (toot or tweet) · · videos, css, selectors
- 20 Git Commands Every Developer Should Know (toot or tweet) · · git, command-line
- Escaping the sRGB Prison (toot or tweet) · · videos, colors
- Front-End Internationalisation Tips (toot or tweet) · · internationalization, fonts, css, javascript
- Introduction to SvelteKit (toot or tweet) · · videos, introductions, sveltekit
- RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks (toot or tweet) · · frameworks, javascript, comparisons
- Research Insight: Accessibility of Images (toot or tweet) · · accessibility, usability, images, research
- Roundup of Recent Document Outline Chatter (toot or tweet) · · html, semantics, accessibility
- Top Layer Support in Chrome DevTools (toot or tweet) · · css, devtools
- Vector Animations with Figma and SVG Animate (toot or tweet) · · animations, figma, svg
- Where’s the Fun in Accessibility? (toot or tweet) · · accessibility, user-experience
- With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (toot or tweet) · · css, selectors, accessibility
- An Introduction to Multithreading in Node.js (toot or tweet) · · introductions, nodejs, multithreading
- Create Complex Transitions with Individual CSS Transform Properties (toot or tweet) · · videos, css, transitions
- Creating an App Using Drag and Drop with React without Libraries (toot or tweet) · · react
- Powerful Image Optimization Tools (toot or tweet) · · link-lists, images, compression, performance, tooling
- Rethinking Device Emulation in Browsers (toot or tweet) · · user-agents, tooling, usability
- 15 Common Beginner JavaScript Mistakes (toot or tweet) · · javascript
- Expert Tips for Color Accessibility on the Web (toot or tweet) · · tips, accessibility, colors
- JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (toot or tweet) · · javascript, optimization, tree-shaking
- Logical Properties for Useful Shorthands (toot or tweet) · · css, logical-properties
- Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (toot or tweet) · · html, semantics, accessibility
- The 10 Most Common JavaScript Issues Developers Face (toot or tweet) · · javascript
- Abbreviations Can Be Problematic (toot or tweet) · · html, accessibility
- Hacking Javascript Objects (toot or tweet) · · javascript, objects
- How Scrum with Kanban Works (toot or tweet) · · agile, scrum, kanban, processes
- JSON Creator Douglas Crockford Interview (toot or tweet) · · interviews, javascript
- Useful Tips and Tricks in JavaScript (toot or tweet) · · javascript, tips, tricks
- What Is Passwordless Authentication and How to Implement It (toot or tweet) · · authentication, security, passwords
- What Is WAI? The Web Accessibility Initiative (toot or tweet) · · accessibility
- Why I No Longer Care What People “Like” or “Don’t Like” (toot or tweet) · · design
- 7 Tips for Clean React TypeScript Code You Must Know (toot or tweet) · · react, typescript, tips
- An Approach to Continuous Learning (toot or tweet) · · career, learning
- Can SVG Symbols Affect Web Performance? (toot or tweet) · · svg, performance
- CSS Gradient Background from Figma to Codepen (toot or tweet) · · css, gradients, backgrounds, figma
- Use Firefox for Accessibility Testing (toot or tweet) · · user-agents, accessibility, testing
- Using Grids in Interface Designs (toot or tweet) · · layout, usability
- 7 Quick Facts About WCAG 2.2 (toot or tweet) · · accessibility, wcag, standards
- Welcome to the Dark Side (toot or tweet) · · dark-mode, accessibility, usability
- What Does x% of Issues Mean? (toot or tweet) · · accessibility, metrics
- Could Sustainable Websites Increase Energy Consumption? (toot or tweet) · · sustainability
- Working with File System Paths on Node.js (toot or tweet) · · nodejs
- Minimal Social Markup (toot or tweet) · · html, social-media, minimalism
- Perceived Affordances and the Functionality Mismatch (toot or tweet) · · usability, accessibility, semantics
- The Hidden History of Screen Readers (toot or tweet) · · accessibility, assistive-tech, user-agents, history
- What Is the Best Way to Mark Up an Exclusive Button Group? (toot or tweet) · · html, semantics, accessibility, aria
- Bag Some AAA Wins Where You Can (toot or tweet) · · accessibility, wcag
- Custom ESM Loaders: Who, What, When, Where, Why, How (toot or tweet) · · nodejs
- My War on Animation (toot or tweet) · · accessibility, animations
- Optimizing Node.js Dependencies in AWS Lambda (toot or tweet) · · nodejs, dependencies, aws, optimization
- The “Array.prototype.at()” Method in Vanilla JavaScript (toot or tweet) · · javascript
- Applying SOLID Principles in React (toot or tweet) · · quality, maintainability, principles, react
- The Cost of Consistency in UI Frameworks (toot or tweet) · · frameworks, consistency
- The Methods UX Professionals Use (toot or tweet) · · user-experience, processes
- What You Need to Know About ARIA and How to Fix Common Mistakes (toot or tweet) · · accessibility, html, aria
- 37 Easy Ways to Spice Up Your UI Designs (toot or tweet) · · design, effects
- A Look at Remix and the Differences with Next.js (toot or tweet) · · comparisons, frameworks, remix, nextjs
- Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (toot or tweet) · · performance, web-vitals, comparisons, html, css
- Building (or Rebuilding) a Website with Accessibility in Mind (toot or tweet) · · accessibility
- Forms in Modals: UX Case (toot or tweet) · · forms, user-experience
- Fundamentals Matter (toot or tweet) · · fundamentals
- Generating Accessibility Test Results for a Whole Website with Pa11y CI (toot or tweet) · · accessibility, testing, tooling
- Guide to Trending Front-End Frameworks in 2022 (toot or tweet) · · guides, frameworks, react, jquery, express, angular, vuejs
- Integer Math in JavaScript (toot or tweet) · · javascript, math
- Statements vs. Expressions (toot or tweet) · · javascript, comparisons
- Technical Writing for Developers (toot or tweet) · · writing, version-control
- The Many Faces of Themeable Design Systems (toot or tweet) · · design-systems, theming
- JavaScript Obfuscation Techniques by Example (toot or tweet) · · javascript, obfuscation, techniques
- The Ultimate Guide to Debugging Accessibility Issues (toot or tweet) · · guides, accessibility, debugging
- Choosing the Right Mindset to Design Complex Applications (toot or tweet) · · design, complexity, processes
- Figma Auto Layout = “display: flex” (toot or tweet) · · figma, css
- Working on a New Feature as a Senior Frontend Developer (toot or tweet) · · processes
- CSS Complexity: It’s Complicated (toot or tweet) · · css, cascade
- Data Structure and Algorithms 102 (toot or tweet) · · algorithms, complexity
- Set JAWS Free! (toot or tweet) · · accessibility, assistive-tech, user-agents
- The Future of CSS: Variable Units, Powered by Custom Properties (toot or tweet) · · css, units, custom-properties
- An Accessibility-First Approach to Chart Visual Design (toot or tweet) · · accessibility, information-design
- Holograms, Light-Leaks, and How to Build CSS-Only Shaders (toot or tweet) · · css, effects
- It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility Via Display Properties (toot or tweet) · · accessibility, user-agents, css
- The CSS Cascade, a Deep Dive (toot or tweet) · · videos, css, cascade
- Why the HTML Outlining Algorithm Was Removed from the Spec—The Truth Will Shock You! (toot or tweet) · · html, semantics, accessibility
- Captions: Humans vs. Artificial Intelligence: Who Wins? (toot or tweet) · · accessibility, captions, writing, automation, comparisons
- The Hard Parts of Developer Advocacy (for Me) (toot or tweet) · · community, career
- The Joy of Variable Fonts: Getting Started on the Frontend (toot or tweet) · · fonts, css
- Truly Portable Design Patterns (toot or tweet) · · design-patterns, components
- What Are Color Gamuts (toot or tweet) · · colors
- Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice? (toot or tweet) · · user-experience, design, consistency, best-practices
- Executing Shell Commands from Node.js (toot or tweet) · · nodejs, command-line
- Inverted Media Queries and Breakpoints (toot or tweet) · · css, media-queries
- Masonry? In CSS?! (toot or tweet) · · css, layout
- Style with Stateful, Semantic Selectors (toot or tweet) · · css, aria
- The Ballad of Text Overflow (toot or tweet) · · css, accessibility
- The Case for Null in Design Systems (toot or tweet) · · design-systems
- The Off by Default Web (toot or tweet) · · web, permissions
- Body Margin 8px (toot or tweet) · · css, history
- How to Make Text Improve User Experience: Insights into UX Writing (toot or tweet) · · user-experience, writing
- Super-Helpful Tips When Working with Figma Component Properties (toot or tweet) · · figma, tips, components
- The Unlocked Possibilities of the “:has()” Selector (toot or tweet) · · css, selectors
- Two Levels of Customising “<selectmenu>” (toot or tweet) · · accessibility, html
- css-browser-support (toot or tweet) · · packages, npm, css, user-agents, support
- Frontend Web Performance: The Essentials (toot or tweet) · · performance, javascript
- Faster WordPress Rendering with 3 Lines of Configuration (toot or tweet) · · wordpress, performance, css, http, configurations
- Imagemin Guard (toot or tweet) · · packages, npm, images, compression, performance
- Best Practices for Images (toot or tweet) · · images, html, best-practices
- Breaking Out of a Central Wrapper (toot or tweet) · · css
- Reimagining Front-End Web Development with htmx and Hyperscript (toot or tweet) · · visions, htmx
- Web Development Is Like Assembling IKEA Furniture (toot or tweet) · · comparisons
- Write Git Commit Messages That Your Colleagues Will Love (toot or tweet) · · git
- 404 vs. 410—The Technical SEO Experiment (toot or tweet) · · seo, http, comparisons, experiments
- CSS Variable Secrets (toot or tweet) · · videos, css
- “That’s Not Accessible!” and Other Statements About Accessibility (toot or tweet) · · accessibility
- The New Wave of React State Management (toot or tweet) · · react, state-management, comparisons
- Building Tabs in Web Components (toot or tweet) · · components
- Farewell to HTML5Rocks (toot or tweet) · · community, html, history
- Thoughts on an Accessibility “Get Well” Plan (toot or tweet) · · accessibility, processes, leadership
- What Every Newbie Developer Should Know (toot or tweet) · · career
- What the Hell is “<!DOCTYPE html>”? (toot or tweet) · · html
- Are You Sure That’s a Number Input? (toot or tweet) · · html
- Googlebot and the 15 MB Thing (toot or tweet) · · google, seo
- Working with the File System on Node.js (toot or tweet) · · nodejs, apis
- A CLS Punishment for Progressive Enhancement? (toot or tweet) · · performance, web-vitals, progressive-enhancement
- Demystifying the New Gatsby Framework (toot or tweet) · · frameworks, gatsby
- SPAs: Theory Versus Practice (toot or tweet) · · spas, comparisons
- Style Queries (toot or tweet) · · css
- What Do the Developers Do in the Last Week of the Sprint? (toot or tweet) · · agile, scrum, processes
- A Previous Sibling Selector (toot or tweet) · · css, selectors
- Using JavaScript to Fill localStorage to Its Maximum Capacity (toot or tweet) · · javascript, storage
- UX Writing: Study Guide (toot or tweet) · · guides, user-experience, training
- GA4 Is Being Blocked by Content Security Policy (toot or tweet) · · security, metrics, google
- Why Use Sass? (toot or tweet) · · css, preprocessors, sass
- 4+ Years of Cracking Technical Interviews (toot or tweet) · · interviewing, career
- Accessible Design Systems (toot or tweet) · · accessibility, design-systems
- Introduction to Defensive CSS (toot or tweet) · · introductions, css
- Missing Introduction to React (toot or tweet) · · introductions, react
- Single Element Loaders: The Bars (toot or tweet) · · css
- WCAG 2.1 AA Web Accessibility Checklist (toot or tweet) · · checklists, accessibility, wcag
- 5 Useful CSS Properties That Get No Love (toot or tweet) · · videos, css
- 7 UX Laws You’re Probably Getting Wrong (toot or tweet) · · user-experience, usability, design
- Apple Is Not Defending Browser Engine Choice (toot or tweet) · · user-agents, engines, web, apple
- Can We Enterprise CSS Grid? (toot or tweet) · · css, layout, frameworks
- Everything You Need to Know About Web Performance (in 5 Minutes) (toot or tweet) · · performance, web-vitals, compression
- Getting Started with Vue Composables (toot or tweet) · · vuejs
- How We Designed an Accessible Color Palette from Scratch (toot or tweet) · · accessibility, color-palettes
- Managing Specificity with CSS Cascade Layers (toot or tweet) · · videos, css, cascade
- Mastering “z-index” in CSS (toot or tweet) · · css
- Stop the Screen Going to Sleep with JavaScript (toot or tweet) · · javascript
- Different Ways to Write CSS in React (toot or tweet) · · css, react
- In Defense of Blocks for Local Scopes II (toot or tweet) · · javascript
- In Defense of Blocks for Local Scopes (toot or tweet) · · javascript
- Introducing Keyboard Navigation (toot or tweet) · · videos, accessibility
- Looking Ahead—Insights from Jeffrey Zeldman and Eric Meyer (toot or tweet) · · interviews, web, css
- Please Remove That .git Folder (toot or tweet) · · security, git
- Style Scoping Versus Shadow DOM: Which Is Fastest? (toot or tweet) · · selectors, dom, performance, comparisons, metrics
- “text-overflow: ellipsis” Considered Harmful (toot or tweet) · · accessibility, css
- User Vulnerabilities in the Data Cycle (toot or tweet) · · user-experience, privacy, legal
- What Would a Chromium-Only Web Look Like? (toot or tweet) · · user-agents, engines, web
- Be the Browser’s Mentor, Not Its Micromanager (toot or tweet) · · videos, css
- How and When to Use the CSS “:has” Selector (toot or tweet) · · css, selectors
- Svelte Origins: A JavaScript Documentary (toot or tweet) · · videos, javascript, svelte
- The Right Space Around Headings in Web Typography (toot or tweet) · · typography, spacing
- What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs? (toot or tweet) · · videos, accessibility, writing, information-design
- A Beginner’s Guide to Inclusive UX Design (toot or tweet) · · guides, inclusion, user-experience, design
- Best Practices for Overlays II (toot or tweet) · · accessibility, best-practices, overlays
- Future Features of JS (toot or tweet) · · videos, javascript
- How I Built a Dark Mode Toggle (toot or tweet) · · dark-mode
- Icon-Only Links Fail WCAG (toot or tweet) · · accessibility, wcag, images, conformance
- One Line of CSS to Add Basic Dark/Light Mode (toot or tweet) · · dark-mode, css
- The Dos and Don’ts of Pairing Typefaces (toot or tweet) · · design, typography, readability, legibility, usability
- Alternatives to Installing npm Packages Globally (toot or tweet) · · npm, dependencies
- The Case for Using Sass in 2022 (toot or tweet) · · css, preprocessors, sass
- Is It Expensive to Build an Eco-Friendly Website? (toot or tweet) · · sustainability, economics
- Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement (toot or tweet) · · user-experience, cookies, pop-ups, legal
- The Cost of Convenience (toot or tweet) · · web-platform, developer-experience
- Using Web Streams on Node.js (toot or tweet) · · nodejs
- Why Do We Call It Breadcrumbs? Diving into the History of UI Components (toot or tweet) · · design, naming, history
- 3 Useful CSS Hacks (toot or tweet) · · videos, css
- How to Use ESLint and Prettier for Code Analysis and Formatting (toot or tweet) · · quality, consistency, linting, formatting
- In and Out of Style (toot or tweet) · · videos, css
- Naming Conventions for Design Systems (toot or tweet) · · design-systems, naming, conventions
- Notes on Maintaining an Internal React Component Library (toot or tweet) · · react, maintenance, components, libraries
- 5 Very Simple Steps You Can Take for Accessibility Improvement (toot or tweet) · · accessibility, optimization
- Communication Accessibility: It’s Time to Change How We Communicate (toot or tweet) · · accessibility, communication
- Complex vs. Compound Selectors (toot or tweet) · · css, selectors, comparisons
- Conditionally Styling Selected Elements in a Grid Container (toot or tweet) · · css, selectors
- Do Dyslexia Fonts Improve Accessibility? (toot or tweet) · · accessibility, fonts
- Fun CSS-Only Scrolling Effects for Matterday (toot or tweet) · · css, effects
- How to Prevent Merge Conflicts (or at Least Have Less of Them) (toot or tweet) · · version-control, git
- How to Remove 99% of JavaScript from Main Thread (toot or tweet) · · videos, javascript, performance
- The Guide to Windows High Contrast Mode (toot or tweet) · · guides, contrast
- You Don’t Need a JavaScript Library for Your Components (toot or tweet) · · javascript, libraries, components