News and Tools for Frontend Development (7)
(Stay up-to-date on all topics by feed or on Mastodon.)
- Build a Lightweight Web Component with Lit.js (toot or tweet) · · components, javascript
- Deep Dive into Top Web Developer Pain Points (toot or tweet) · · web-platform
- 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
- 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
- Progressive Enhancement and HTML Forms: Use “FormData” (toot or tweet) · · html, forms, progressive-enhancement
- 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
- 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
- The Future of CSS: CSS Toggles (toot or tweet) · · css
- Why Learn to Code? 17 Benefits of Learning to Code (toot or tweet) · · learning, career
- 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
- Building a Dialog Component (toot or tweet) · · components, html, css, javascript
- 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
- 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
- Designing Better Breadcrumbs (toot or tweet) · · html, usability, information-architecture
- 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
- 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
- Animated Grid Tracks with “:has()” (toot or tweet) · · css, layout, selectors
- 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
- 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) · · staging, environments, testing
- Exciting Times for Browsers (and CSS) (toot or tweet) · · user-agents, css
- 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
- 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, writing
- 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
- HTML Semantics (toot or tweet) · · html, semantics
- “!important” Was Added for One Reason Only (toot or tweet) · · css, cascade
- Improving Your User Experience to Reduce Bounce Rates (toot or tweet) · · user-experience, usability, performance, seo
- Should “Cancel” Be a Button or a Link? (toot or tweet) · · interaction-design, semantics
- Usability Testing: Driving the Best User Experience for Business Success (toot or tweet) · · user-experience, usability, testing
- Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (toot or tweet) · · css, custom-properties, colors, contrast
- Write HTML, the HTML Way (Not the XHTML Way) (toot or tweet) · · html, optimization
- Authorization in a Microservices World (toot or tweet) · · microservices, authorization
- How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (toot or tweet) · · css, math
- Typography in Design Tokens for Figma and Code (toot or tweet) · · typography, design-tokens, tooling, figma
- UX Strategy: Definition and Components (toot or tweet) · · user-experience, strategies
- Performance Tests on Common JavaScript Array Methods (toot or tweet) · · performance, testing, javascript, arrays
- The Web Doesn’t Have Version Numbers (toot or tweet) · · versioning, web
- Why Is Dark Mode So Captivating? (toot or tweet) · · dark-mode
- 4 Accessibility Mistakes Plaguing Most Government Websites (toot or tweet) · · accessibility
- Google Calendar Webhooks with Node.js (toot or tweet) · · google, webhooks, nodejs
- Guidance on Web Accessibility and the ADA (toot or tweet) · · accessibility, legal
- How Do I Resolve Merge Conflicts? (toot or tweet) · · version-control, git, command-line
- How to Make a Drag-and-Drop File Uploader with Vue.js 3 (toot or tweet) · · vuejs, javascript
- Identifying Fonts: The Complete Guide (toot or tweet) · · guides, fonts, typography
- Migrating Our Monorepo to Yarn 2 (toot or tweet) · · monorepos, yarn, migration
- Optimizing SVG Patterns to Their Smallest Size (toot or tweet) · · svg, performance
- The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (toot or tweet) · · videos, html, accessibility, performance, discoverability
- The Future of the Web and Accessibility (toot or tweet) · · videos, web, accessibility
- A Designer’s Guide to Documenting Accessibility and User Interactions (toot or tweet) · · guides, accessibility, interaction-design, documentation
- A Quick Guide to Closures (toot or tweet) · · guides, javascript
- Accessibility, Assistive Technology, and JavaScript (toot or tweet) · · accessibility, assistive-tech, javascript
- Building a Loading Bar Component (toot or tweet) · · components, html, css, javascript
- How to Empathize with Your Users (toot or tweet) · · design, usability, user-experience
- How to Prep Your SEO Strategy for a New Website (toot or tweet) · · seo, strategies
- What Every Good README Should Contain (toot or tweet) · · documentation
- What Makes You a Professional Web Developer (toot or tweet) · · career
- Don’t Believe the Type! (toot or tweet) · · videos, accessibility, typography, readability, fonts
- How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (toot or tweet) · · html, javascript
- Implementing JavaScript Delay for Cookie Consent Banner (toot or tweet) · · javascript, cookies, legal
- Making the World’s Fastest Website, and Other Mistakes (toot or tweet) · · performance
- Prevent Technical Debt with These 3 Strategies (toot or tweet) · · technical-debt
- React Best Practices and Patterns to Reduce Code (toot or tweet) · · react, optimization, best-practices
- The Weirdly Obscure Art of Streamed HTML (toot or tweet) · · html, performance
- Aligning Content in Different Wrappers (toot or tweet) · · html, css
- Explaining Micro Frontends As Simply As Possible (toot or tweet) · · micro-frontends
- In Defense of Sass (toot or tweet) · · css, preprocessors, sass
- It Needs to Map Back to a Role (toot or tweet) · · accessibility, aria, html, semantics
- Tao of Node—Design, Architecture, and Best Practices (toot or tweet) · · nodejs, architecture, best-practices
- Update Node Dependencies Automatically, Selectively, or Incrementally (toot or tweet) · · nodejs, dependencies, npm, yarn
- When or If (toot or tweet) · · css
- 20 Productivity Tips from Developers to Developers (toot or tweet) · · productivity, tips
- Giving New Meanings to the Color Functions in CSS (toot or tweet) · · css, colors
- The Future of Web Accessibility: WCAG 3.0 (toot or tweet) · · accessibility, wcag, standards
- 42 Tips for Getting Good at DevOps and Life (toot or tweet) · · career, productivity, tips
- Horizontal Scrolling Nav (toot or tweet) · · javascript, scrolling
- Where TypeScript Excels (toot or tweet) · · videos, typescript
- Arrow Functions in JavaScript: How to Use Fat and Concise Syntax (toot or tweet) · · javascript
- A Look at the Dialog Element’s Super Powers (toot or tweet) · · html, javascript
- Accumulation of Tech Debt (toot or tweet) · · technical-debt
- An Introduction to User Journey Maps (toot or tweet) · · introductions, design, usability, user-experience
- Carousels: No One Likes You (toot or tweet) · · accessibility, usability, user-experience
- Digging into CSS Media Queries (toot or tweet) · · videos, css, media-queries
- Don’t Alienate Your User: A Primer for Internationalisation and Localisation (toot or tweet) · · user-experience, internationalization, localization
- Ten Years of Page Bloat: What Have We Learned? (toot or tweet) · · performance, web-vitals, user-experience
- WebGPU—All of the Cores, None of the Canvas (toot or tweet) · · apis, rendering
- You Don’t Always Need a CMS (toot or tweet) · · content-management
- 10 Amazing Games to Learn CSS (toot or tweet) · · css, learning
- 7 Ways to Achieve a Faster Core Web Vitals Score (toot or tweet) · · performance, web-vitals
- A New Speed Milestone for Chrome (toot or tweet) · · user-agents, google, performance
- An Introduction to AWS CloudFront Functions (toot or tweet) · · introductions, aws, content-delivery
- Designing the User Experience of a Rating System (toot or tweet) · · design, user-experience
- JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (toot or tweet) · · javascript, naming, refactoring
- Moderated Versus Unmoderated Usability Testing (toot or tweet) · · usability, testing, comparisons
- Optimizing a Web Site for Google’s New UX Criteria (toot or tweet) · · optimization, seo, user-experience, google
- Performance Signals for Customizing Website UX (toot or tweet) · · performance, user-experience, web-vitals, customization
- Session Timeouts (toot or tweet) · · accessibility, user-experience
- Using HTTPS in Your Development Environment (toot or tweet) · · security, http, environments
- Alternatives to Pagination on Product-Listing Pages (toot or tweet) · · design-patterns, usability, pagination
- Why I Avoid “async”/“await” (toot or tweet) · · javascript
- Creating Native Web Components (toot or tweet) · · components, javascript, html
- The Basics—Generics in PHP (toot or tweet) · · videos, php
- Accessibility and Limited Fine Motor Skills (toot or tweet) · · accessibility
- Building Web Layouts for Dual-Screen and Foldable Devices (toot or tweet) · · css, layout, responsive-design
- Dive into Node.js Streams (toot or tweet) · · nodejs
- How to Design Better APIs (toot or tweet) · · apis
- How to Prevent SQL Injection Attacks in Node.js (toot or tweet) · · nodejs, databases, security, sql
- Interop 2022: Browsers Working Together to Improve the Web for Developers (toot or tweet) · · user-agents, support, interoperability
- It’s Always Been You, Canvas2D (toot or tweet) · · html, css, javascript
- Remix vs. Next.js (toot or tweet) · · remix, nextjs, comparisons
- The Best Design System Is No System (toot or tweet) · · design-systems