News and Tools for Frontend Development (11)
(Stay up-to-date on all topics by RSS feed or on Mastodon.)
- A Deep Dive Into CSS “color-mix()” (by) · · videos, css, colors
- Why Do Users Prefer Certain Design? Insights From the Landscape Theory (via) · · design
- Tabs Are Objectively Better Than Spaces (by) · · formatting, developer-experience, accessibility
- A Better “setTimeout()” in JavaScript (by) · · javascript
- Four New CSS Features for Smooth Entry and Exit Animations (by+/via) · · css, animations, user-agents, google, chrome, support
- Getting Started in a New Codebase (by) · · onboarding, career, processes
- Towards HTTPS by Default (by/via) · · user-agents, google, chrome, http, tls, security
- Thinking on Ways to Solve Adaptive Typography (by/via) · · videos, typography, css, fonts
- CSS-Only Syntax Highlighting… With a Single Element and Gradients (by) · · css, gradients
- BEM Methodology Is Not About CSS (by) · · css, bem, conventions
- Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (by) · · accessibility, dei, legal
- A Beginner’s Guide to SvelteKit (by/via) · · guides, sveltekit
- A Guide to Optimizing JavaScript Files (by/via) · · guides, javascript, performance, optimization, minification, compression
- Beginner’s Guide to Lists and How to Make Them Accessible (via) · · guides, html, accessibility
- CSS Selectors: A Visual Guide (by) · · guides, css, selectors
- How Layout Position Impacts Three Big Web Performance Levers (by/via) · · performance, web-vitals
- New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (by/via) · · release-notes, user-agents, google, chrome
- An Intro to the “dialog” Element (by) · · introductions, modals, html, semantics
- WebAssembly: Byte-Code of the Future (by) · · webassembly
- Useable (by) · · accessibility, community
- How to Test Mobile Apps on a Real Device Cloud (via) · · how-tos, testing, mobile
- Progressively Enhanced Form Validation: Layering in JavaScript (by/via) · · forms, validation, progressive-enhancement, javascript
- An “alt” Decision Tree Using Only “:has()” (by) · · accessibility, css, alt-text
- Testing Your Animation Refresh Rate With CSS Crimes? (by) · · discussions, css, animations
- Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications · · code-splitting, webpack, react, redux
- Why Inclusive Language Matters in Coding (by/via) · · dei, terminology, processes, documentation
- Debugging Rules: Understand the System (by) · · debugging
- Write About What You Learn—It Pushes You to Understand Topics Better (by) · · learning, writing, processes, career
- Sophisticated, Highly-Targeted Attacks Continue to Plague npm (via) · · npm, security
- Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (via) · · videos, design, user-experience
- Nostalgia in UX Design (by) · · user-experience, design, history
- Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (by/via) · · accessibility, content, images, best-practices, techniques
- Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (by) · · user-agents, http, support
- Create Direction-Aware Effects Using Modern CSS (by) · · videos, css, internationalization
- Deprecating the “unload” Event (by+/via) · · user-agents, google, chrome, events, support
- OKLCH in CSS: Consistent, Accessible Color Palettes (by/via) · · css, oklch, color-palettes, accessibility, consistency
- Google Tag Manager Performance: 9 Tips for Faster Site Speed (via) · · google, tag-management, performance, tips-and-tricks
- WCAG 3.0: Further on Up the Road (by/via) · · accessibility, wcag, standards
- A Beginner’s Guide to CSS Grid Layout (by/via) · · guides, css, layout
- Progressively Enhanced HTML Accordion (by) · · html, semantics, accessibility, progressive-enhancement
- An Introduction to the esbuild Bundler (by/via) · · introductions, bundling, tooling
- It’s Time to End Damaging Website Design Practices That May Harm Your Users (via) · · user-experience, usability, design, privacy, best-practices
- Node.js’s Config Hell Problem (by/via) · · nodejs, configuration, maintainability, productivity, developer-experience
- Defining Test Cases and Priorities (by/via) · · testing
- What Happens When You Select “count(*)” in MySQL (by) · · databases, mysql
- An Update on Chrome Security Updates—Shipping Security Fixes to You Faster (via) · · user-agents, google, chrome, security
- OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (via) · · ai, scraping, robotstxt
- 200 Web-Based, Must-Try Web Design and Development Tools (by) · · link-lists, tooling
- UX Is Not Dead, It’s Just Misunderstood (by/via) · · user-experience
- 8 Common Heading Questions (via) · · accessibility, html, headings
- Definition of Done vs. Acceptance Criteria: What’s the Difference? (by/via) · · videos, agile, processes, comparisons
- An Introduction to htmx, the HTML-Focused Dynamic UI Library (by/via) · · introductions, htmx
- User-Adaptive Interfaces With “AccentColor” (by) · · forms, css
- My Experience Modernizing Packages to ESM (by) · · dependencies, modernization, modules
- An Intro to State-Based UI With JavaScript (by) · · introductions, javascript, state-management
- Lean UX and Agile: Study Guide (by/via) · · guides, user-experience, agile, processes, training, link-lists
- What Does It Mean for Web Browsers to Have a Baseline (by/via) · · user-agents, support, web-platform
- Micro Benevolences (by/via) · · community, dei, communication, foss
- OpenAI’s ChatGPT New Web Crawler—GPTBot (by/via) · · ai, seo
- Top 7 Things That Kill Developer Productivity (by) · · productivity, technical-debt, code-reviews, documentation, processes, developer-experience
- Alt Text Hall of Fame (by/via) · · websites, accessibility, writing, alt-text
- Some Tactics for Writing in Public (by) · · writing, communication, community
- You Don’t Need a Mentor: Embracing the Power of Community (by/via) · · career, community, learning
- How to Improve Performance of Your Database by Indexing Large Tables (by) · · how-tos, performance, databases, optimization
- Progressively Enhanced Form Validation: HTML and CSS (by/via) · · forms, validation, progressive-enhancement, html, css
- JSX Without React (by) · · jsx, react
- A Guide to Single-Page Application Performance (via) · · guides, spas, developer-experience, performance, monitoring
- Migrating My Blog From Gatsby to Astro (by) · · migration, gatsby, astro
- The Risks of Micro-Frontends (by/via) · · podcasts, micro-frontends
- A Compilation of Outstanding Testing Articles (With JavaScript) (by/via) · · link-lists, testing, javascript
- Scrolljacking 101 (via) · · scrolling, user-experience
- Optimizing Speed on ebay.com (by) · · performance, optimization, web-vitals, case-studies
- Beautify Your Git Log With a Single Command (by) · · git, command-line
- Assistive Technology Shouldn’t Be a Mystery Box (by) · · user-agents, assistive-tech, accessibility, web-platform, foss, support
- Things You Forgot (or Never Knew) Because of React (by) · · react, frameworks, learning
- Insertion Sort: A Deep Dive (by) · · algorithms, sorting
- Implementing Design Tokens: Colors (by) · · design-tokens, colors
- How Google Measures Developer Productivity (by) · · interviews, google, productivity, developer-experience, metrics
- The Easy Intro to the APCA Contrast Method (by) · · introductions, accessibility, colors, contrast, apca
- Route-Based Code Splitting With React (by) · · code-splitting, routing, react
- The Next Generation of Web Layouts (by) · · web-platform, design, layout
- Finding My Blogging Path: Lessons From My Journey (by) · · lessons, blogging, writing, career, community
- Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (by/via) · · accessibility, content, images, best-practices, techniques
- How We Optimized Performance to Serve a Global Audience (by/via) · · case-studies, performance, optimization
- Prepare to Spy on a Method Added Dynamically (by) · · videos, javascript, cypress, testing, debugging
- A Blog Post With Every HTML Element (by) · · html, semantics
- New DOJ Web Accessibility Regulation Is a Disaster (by/via) · · accessibility, legal
- Contextual Form Errors and ARIA (by) · · accessibility, forms, html, aria
- An Overview of CSS Sizing Units (by/via) · · overviews, css, units
- How Does Reflowing Content Affect People With Screen Magnification? (via) · · accessibility, reflow, assistive-tech, screen-magnification
- No Exit — Every Feed Is a Traffic Jam (by/via) · · social-media, scrolling, user-experience
- How to Use the CSS Grid “repeat()” Function (by/via) · · how-tos, css, functions, layout
- What’s New in Svelte: August 2023 (by/via) · · release-notes, svelte, sveltekit
- Understanding React Server Components (by/via) · · react, components
- Evading JavaScript Anti-Debugging Techniques (by/via) · · javascript, debugging
- Mixing Colors to Create Variants in CSS (by) · · colors, css
- Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (by/via) · · css, functions, animations
- Why Isn’t “z-index” Working? (by+/via) · · videos, css
- Accessibility of the Button: Should We Fix It or the Root Cause Problem? (via) · · accessibility, buttons, processes
- CSS and Accessibility: Inclusion Through User Choice (by/via) · · css, accessibility, dei, user-experience
- I’m Betting on HTML · · html, semantics
- Contrast Checker Bookmarklet (via) · · bookmarklets, accessibility, colors, contrast
- The Virtual Keyboard API (by) · · apis
- Why I No Longer Believe in Content Design (by/via) · · content, design, writing
- Randomness in CSS Using Trigonometry (by) · · css, randomness
- Start by Writing Messy Code (by) · · processes, learning
- Accessibility Represents Maturity (by) · · accessibility, culture
- What Happens When Developers Are Liable for Accessibility? (via) · · accessibility, legal
- Front End Practice: Top 25+ JavaScript Code Best Practices for Development · · javascript, best-practices
- New to the Web Platform in July (by/via) · · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox, apple, safari
- The Curious Case of “iff” and Overriding Screenreader Pronunciations (by) · · user-agents, assistive-tech, screen-readers, accessibility, pronunciation
- How to Earn High-Authority Links That Drive Rankings (by/via) · · how-tos, seo, links
- Tuesday, August 8, 2023 Security Releases (by/via) · · release-notes, nodejs, security
- Resume and Pause Animations in CSS (by) · · css, animations
- A Future of Themes With CSS Container Style Queries (by) · · css, container-queries, theming
- Should New Developers Use AI Coding Tools? (by) · · ai, productivity, tooling, career, learning
- Do We Need WCAG 3 (Now)? (by) · · accessibility, wcag, standards
- Toggles Suck! (by/via) · · design, usability, user-experience
- Mastering Git Shortcuts: A Guide to Git Aliases (by) · · guides, git, productivity
- How “position: absolute” Works in CSS Grid (by/via) · · videos, css, layout
- How to Define an Array of Colors With CSS (by/via) · · how-tos, css, arrays, colors
- Run JavaScript/WASM in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey · · javascript, webassembly, python
- If Web Components Are So Great, Why Am I Not Using Them? (by) · · web-components
- Design Systems Management From Bottom–Up (by/via) · · design-systems, processes
- You Probably Don’t Need “http-equiv” Meta Tags (by) · · html, metadata, http, performance
- What Is Platform Engineering (and What Is It Not)? (by) · · platform-engineering
- How to Make Your Captions and Audio Descriptions WCAG-Compliant (via) · · how-tos, multimedia, captions, compliance, wcag, accessibility
- The Future of Design Systems Is Semantic (by/via) · · design-systems, design-tokens, processes
- Speeding Up V8 Heap Snapshots (by/via) · · user-agents, engines, v8, performance, memory
- Adapting Typography to User Preferences With CSS (by/via) · · typography, css, customization
- Release Notes for Safari Technology Preview 175 (by/via) · · release-notes, user-agents, apple, safari
- The Web Development Glossary 3K (by) · · books, learning, training, concepts, terminology
- Complete Guide to Human-Computer Interaction (HCI) (via) · · guides, hci
- CrBug Release Indicator (by/via) · · user-agents, chromium, tooling
- Tailwind, and the Death of Web Craftsmanship · · tailwind, craft, quality
- Testing a Component’s Accessibility (via) · · videos, accessibility, testing, components
- How to Use CSS “aspect-ratio” (by/via) · · how-tos, css
- How I Name and Arrange My Color Variables in Figma (by) · · colors, figma, conventions
- Is Jamstack Officially Finished? (by) · · tech-stacks, jamstack, community
- Help Design the Inaugural “State of HTML” Survey (by) · · html, community
- The Joy of Simplicity in Web Development (by) · · simplicity, processes
- Publishing With npm Provenance From Private Source Repositories Is No Longer Supported (via) · · github, npm, provenance, security, foss
- Be an Active Ally for Those Living With Disabilities (via) · · accessibility, dei
- What to Do When Your Developers Don’t Collaborate (by/via) · · processes, collaboration
- Vision for W3C (by/via) · · visions, web, web-platform, w3c
- Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (via) · · security, npm
- Blockquotes in Screen Readers (by) · · accessibility, user-agents, assistive-tech, screen-readers, support, html
- Microservices vs. Micro Frontends: What’s the Difference? (by) · · microservices, micro-frontends, comparisons
- Solving the Accessibility Palette Riddle (by/via) · · accessibility, colors, color-palettes
- Web Accessibility in High-Risk Segments (by) · · accessibility, compliance, legal
- Application State Management With Angular Signals (by) · · state-management, angular, signals
- Promises Training (by) · · javascript, promises, training, courses
- Combining Data With Multiple Fetch Requests (by) · · javascript, arrays, data-fetching
- The Rise of Minimalism in Web Design: Less Is More (by/via) · · minimalism, design
- Fetching Data From an HTTP API With Python (by/via) · · data-fetching, apis, python
- 6 Ways ChatGPT Can Improve Your SEO (by/via) · · ai, seo, metadata, code-generation
- Understanding the WCAG 3 Working Draft Update (by) · · accessibility, wcag
- Securing the Web Forward: Addressing Developer Concerns in Web Security (by/via) · · security, web, surveys
- The Problem With Auto-Generated Alternative Texts for Images (by) · · accessibility, ai, writing
- I Blame the W3C’s HTML Standard for Ordered Lists (by) · · html, semantics
- The New “X” Button Doesn’t Close the Website · · user-experience, community, social-media
- 10 Simple CSS and JavaScript Micro-Interactions for Buttons (by/via) · · css, javascript, buttons, effects
- WebKit Features in Safari 16.6 (by/via) · · release-notes, user-agents, apple, safari, webkit
- Getting Started With Pico CSS (by/via) · · introductions, pico
- Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (by) · · performance, web-vitals, seo
- Benefits of Integrating UX Into Your Overall Business Strategy (via) · · user-experience, strategies
- SVG Gradients: Solving Curved Challenges (via) · · svg, images, gradients
- Effective Code Reviews (by) · · code-reviews, processes, learning, career
- Using Imagery in Visual Design (by/via) · · design, images, content
- Good Code Is— (by) · · quality, terminology
- A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons · · comparisons, bootstrap, tailwind, unocss
- How SEOs and UX Designers Can Work Better Together (by/via) · · seo, user-experience, design, collaboration
- The Art of Looking Back: A Critical Reflection for Individual Contributors (by/via) · · processes, career, productivity
- Enable Hover Conditionally in CSS (by) · · css
- CSP Testing Using Cypress (by) · · csp, testing, cypress
- Why Learning to Program Is Easier Now, but Also Way Harder Than Before (by) · · programming, learning, productivity, developer-experience
- Accessible Animated GIF Alternatives (by/via) · · accessibility, animations, gif, multimedia, comparisons
- Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (by) · · programming, quality, maintainability, communication
- What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (by/via) · · videos, dev-tools, user-agents, google, chrome, network, webassembly
- DX in the Frontend Developer Ecosystem (by/via) · · videos, developer-experience
- How to Use CSS “object-fit” and “object-position” (by/via) · · how-tos, css, images
- Design Systems: Avoiding Common Pitfalls (via) · · design-systems
- Web Content Accessibility Guidelines (WCAG) 2.2 (by+/via) · · accessibility, guidelines, wcag, standards
- Ember JS Essentials: A Beginner’s Guide (via) · · guides, emberjs
- CSS Cascade Layers (by+/via) · · videos, css, cascade
- From Mid to Senior: Time Management and Prioritization (by) · · career, productivity, prioritization
- We Deleted More Than 5,000 Pages From Our College Website—Here’s Why (by/via) · · accessibility, quality, maintenance
- A Guide to Perfecting Pull Requests (by) · · git, code-reviews, collaboration, foss
- SvelteKit in 100 Seconds (by/via) · · videos, introductions, sveltekit
- What Is the Bento UI Trend, and How Can You Get Started? (via) · · design, trends
- How Platform Teams Get Stuff Done (by/via) · · productivity, processes, platform-engineering
- How to Build and Deploy a Modern Day Next.js Application (by/via) · · how-tos, nextjs, building, deploying
- Encoding: A Brief History and Its Role in Cybersecurity (by/via) · · encoding, unicode, security, history
- Visually Hidden Links With 0 Dimensions (by) · · accessibility, links, focus, apple, safari
- 11ty: Index All The Things! (by) · · eleventy, pagination
- Getting Started With CSS Nesting (by) · · videos, introductions, css, nesting
- Figma Now Supports “rem” Units: Understanding the Use and Benefits (by/via) · · figma, css, units, support
- Signals Make Angular Much Easier (by) · · angular, signals
- An Introduction to Langchain, Python, and OpenAI · · introductions, langchain, python, ai
- Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately? · · discussions, javascript, frameworks
- Getting Instant Return From Your Accessibility Testing (by) · · accessibility, testing
- The 10 Commitments of an Agile Leader (via) · · agile, processes, collaboration, leadership
- Advanced Positioning in CSS Grid (by/via) · · videos, css, layout
- 5 Inconvenient Truths About TypeScript (by) · · typescript, javascript, complexity
- Upgrading an Ancient React Application (by/via) · · react, maintenance
- The Power of Git: A Guide to Collaborative Version Control (by/via) · · guides, git, collaboration
- Node.js Security Progress Report—17 Reports Closed (via) · · nodejs, security
- O “dialog” Focus, Where Art Thou? (by) · · accessibility, modals, html, focus
- Using Emoji on the Web (by) · · emoji, fonts, support, unicode
- Stick to Boring Architecture for as Long as Possible (by) · · architecture
- How I Structured My Design System Using Figma’s New Variables (by/via) · · design-systems, figma
- Lightweight JavaScript Framework Review (for Django Developers) (by) · · javascript, frameworks, comparisons, link-lists, django
- Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (by/via) · · css
- Scroll Progress Animations in CSS (by/via) · · css, scrolling, animations
- WordPress 6.3 to Introduce a Development Mode (by/via) · · wordpress
- Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (by) · · accessibility, interoperability, user-agents, assistive-tech, screen-readers, jaws
- Figma Typography Secrets—Seven Pro Tips Revealed (by) · · typography, figma
- React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (by/via) · · accessibility, forms, react, testing
- A Comprehensive Beginner’s Guide to npm: Simplifying Package Management (by) · · guides, npm, dependencies
- Down-and-Across Highlighting (by) · · code-pens, css, tables, effects
- 15 Advanced TypeScript Tips for Development · · typescript, tips-and-tricks
- Mock JSON API Endpoints for Testing (by) · · json, apis, testing
- Why Design Systems Fail (by) · · design-systems, lessons
- Useful Functions for [an] HTTP Server · · deno, servers, http, functions
- Building a Responsive Table With Tailwind CSS: A Comprehensive Guide · · guides, tables, tailwind
- Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide · · guides, tailwind, responsive-design, layout
- Getting Started With Tailwind CSS: A Quick-Start Guide · · introductions, guides, tailwind
- CSS Findings From the Threads App (by) · · css, case-studies
- Better Roadmaps (by) · · project-management, processes
- A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (by) · · leadership, dei, accessibility
- How AI Is Making Web Design More Efficient (by/via) · · ai, design, efficiency
- Developer’s Research Process (by) · · research, processes
- 3 Common Types of Test Automation (by/via) · · testing, automation
- The alt-text.org Project Is Moving Forward (by) · · accessibility, writing
- A Case Study on Scroll-Driven Animations Performance (via) · · animations, scrolling, performance, css, javascript
- Recent Design (by/via) · · websites, design, link-lists
- The Magic of Empty Git Commit (by) · · git, command-line
- Preload vs. Early Hints vs. Fetch Priority (via) · · videos, performance, html, http, hints, comparisons
- How to Use Your Intuition in Your Product Design Process (by/via) · · how-tos, design, product-management, processes
- JPEG XL: How It Started, How It’s Going (by/via) · · images, compression, jpeg
- Top 20 Must-Know Tips for Web Accessibility · · accessibility, tips-and-tricks
- Release Notes for Safari Technology Preview 174 (by+/via) · · release-notes, user-agents, apple, safari
- Permission (by) · · web, seo, google
- Loading and Progress Indicators (via) · · performance, user-experience
- TypeScript and the Dawn of Gradual Types (by/via) · · typescript
- Sass Features in CSS (by) · · css, sass, preprocessors
- My Journey to Learning CSS (by) · · videos, css, learning
- Introduction to CSS Grid: A Comprehensive Guide (by) · · guides, css, layout
- A Guide to Variables in Figma (by) · · guides, figma
- Tailwind CSS Tips and Tricks Worth Knowing (by/via) · · tailwind, tips-and-tricks