“2024” Archive (4)
- Purging Design System “Rot” From Our Checkboxes (by/via) · · design-systems, maintenance, quality, accessibility, case-studies
- Wednesday, April 10, 2024 Security Releases (by/via) · · release-notes, nodejs, security
- JS Naked Day (by+) · · websites, javascript, commemoration-days, maintainability, graceful-degradation
- The Guide to Git I Never Had (by/via) · · guides, git, terminology, cheat-sheets
- Release Notes for Safari Technology Preview 192 (by/via) · · release-notes, user-agents, apple, safari
- Optimizing WebKit and Safari for Speedometer 3.0 (by+/via) · · webkit, user-agents, apple, safari, performance, optimization
- Notes on Git’s Error Messages (by) · · git, errors
- Frontend Development Beyond React: Svelte (by/via) · · svelte
- Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (by/via) · · design, user-experience
- Ableism and Related Terms You Need to Know (by) · · terminology, communication, dei
- Layered Toggles: Optional CSS Mixins (by) · · css, mixins, techniques
- Is the Party Over for Scrum Masters and Agile Coaches? (by) · · agile, scrum, career
- A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution (by) · · react, history
- Happy CSS Naked Day 2024 (via) · · frontend-dogma, css, commemoration-days, maintainability
- React Server Components in a Nutshell (by/via) · · react, components
- An Introduction to the Node.js Performance API (by/via) · · introductions, nodejs, performance, apis
- Understanding Interaction to Next Paint (INP) (by/via) · · performance, web-vitals
- The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (by/via) · · accessibility, legal, web, mobile
- Sending Email Using Node.js (by/via) · · nodejs, email
- Recapping ng-conf 2024 (by/via) · · angular
- Figma Prototypes vs. HTML Prototypes (by) · · design, processes, prototyping, figma, html, comparisons
- Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (via) · · redesign, strategies, dei, accessibility
- Building a CLI From Scratch With TypeScript and oclif (by) · · command-line, typescript
- User Experience in the Era of AI: Enhancing Human-Machine Interactions (via) · · user-experience, ai, hci
- Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities (by) · · books, nodejs, security, vulnerabilities
- The Death of Creativity (by) · · creativity, ai
- How I Write Commits Like a Pro (by) · · version-control, git, conventions
- DORA’s Software Delivery Metrics: The Four Keys (by/via) · · processes, metrics
- Creating a Navbar in React (via) · · navigation, react, css
- What Is Whitespace? (via) · · videos, design, concepts, terminology
- Things That I Like Better in Vue Than in React · · vuejs, react, frameworks, comparisons
- Node.js Debugging in Chrome DevTools (by/via) · · nodejs, debugging, tooling, user-agents, google, chrome, dev-tools
- Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (by/via) · · design, communication
- Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities (via) · · accessibility, legal, web, mobile
- Faster Websites With the “picture” Element (by) · · html, images, performance
- Testing HTML With Modern CSS (by) · · html, css, testing, quality
- Demystifying the Shadow DOM (by) · · dom, shadow-dom
- Blind Internet Users Struggle With Error-Prone AI Aids (by/via) · · accessibility, ai
- 10 Must Know System Design Concepts for Interviews (by) · · interviewing, architecture, concepts, scaling
- How to Think About HTML Responsive Images (by) · · html, images, responsive-design
- [zx] 8.0.0 (by/via) · · release-notes, zx
- Why I’m Yet Another Woman Leaving the Tech Industry (by/via) · · career, community
- WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (by) · · accessibility, user-experience, keyboard-navigation, links, wcag
- 21 HTML Tips You Must Know About (by) · · html, tips-and-tricks
- The Free Software Commons (by) · · foss, community, security
- How to Make Your Website Work Offline (by) · · how-tos, web-workers, offline, javascript
- ESLint v9.0.0 Released (by/via) · · release-notes, eslint
- Should Designers Code? (by) · · design, career
- Managing User Focus With “:focus-visible” (by/via) · · css, selectors, focus
- Drive-By Accessibility Tweaks (by) · · accessibility
- DevTools Tips and Tricks (by/via) · · user-agents, dev-tools, tips-and-tricks
- Creativity in Software Engineering (by) · · research, creativity, programming
- Breakpoints in Responsive Design (via) · · design, responsive-design, usability
- “AI” Won’t Solve Accessibility (by) · · accessibility, ai
- When to Use “tabindex="0"” (by/via) · · accessibility, keyboard-navigation, focus, html
- The Basics of Legibility (by/via) · · fundamentals, typography, legibility
- Heat Death of the Internet (by/via) · · web
- The V8 Sandbox (by/via) · · v8, security
- Rounded Tabs With Inner Curves (by) · · css, effects
- Modern CSS Patterns in Campfire (by/via) · · css, case-studies
- Building Components With Radix UI (via) · · radix, components
- AI and the Future of Web Accessibility Guidelines (by) · · discussions, accessibility, wcag, standards, ai, w3c
- A Complete Guide to CSS Logical Properties, With Cheat Sheet (by/via) · · guides, css, logical-properties, cheat-sheets
- An Advanced Way to Use CSS Variables (by) · · css, custom-properties
- Wednesday, April 3, 2024 Security Releases (via) · · release-notes, nodejs, security
- Fluid Typography With Discrete Steps (by) · · css, typography
- Using JSON Web Tokens With Node.js (by/via) · · json-web-tokens, nodejs, security, authentication
- Theming Design Systems (by) · · design-systems, theming
- The View Transitions API (by/via) · · transitions, apis, astro
- Svelte Parses HTML All Wrong (by) · · svelte, html, parsing
- In-Page Links: 3 Usability Tips (via) · · videos, links, usability, tips-and-tricks
- How to Build a Simple Web Server With Node.js (by/via) · · how-tos, servers, nodejs
- Hanging Punctuation in CSS (by) · · css, typography
- Finally Understand Responsive Design · · videos, responsive-design, css
- Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks? (via) · · dns, security
- BFCache Explained (by) · · caching, performance
- “aspect-ratio” Gotcha (by) · · css, images
- AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (by/via) · · ai, web
- How We’re Approaching Theming With Modern CSS (by/via) · · css, theming
- WordPress 6.5 “Regina” (by/via) · · release-notes, wordpress
- Drawing a Line to Connect Elements With CSS Anchor Positioning (by/via) · · css, anchor-positioning
- WebAssembly at Google (by+/via) · · videos, webassembly, google
- Learn JavaScript (by/via) · · courses, javascript
- Infinite-Scrolling Logos in Flat HTML and Pure CSS (by/via) · · branding, scrolling, animations, techniques, css
- How to Get Somebody Fired Using Git (by) · · version-control, git, career
- Authentication in Next.js (by) · · authentication, nextjs
- An Interactive Guide to CSS Container Queries (by) · · guides, css, container-queries
- Micro Frontends With Native Federation (by) · · micro-frontends, comparisons
- What Even Is a JSON Number? (by) · · json, terminology
- The Detail, the Quality (by) · · design, quality
- Bun 1.1 (by+/via) · · release-notes, bun
- A Complete Guide for Content Creators to Start Making Accessible Content (via) · · guides, accessibility, content
- 14 Top UX Tools for Designers in 2024 (via) · · user-experience, tooling, link-lists
- Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time · · tooling, nodejs, deno, bun
- Why I Care Deeply About Web Accessibility and You Should Too (by) · · accessibility, web
- The DevOps Basics (by) · · dev-ops, fundamentals
- Object Structure in JavaScript Engines · · javascript, objects, engines
- Latest WebAIM’s Million—Some Thoughts (by) · · accessibility
- Kobold Letters (by) · · html, email, support
- 10 JavaScript Sites Every Web Developer Should Know (by) · · javascript, learning, link-lists
- Design Is a Process of Getting Stuck (by) · · design, processes
- “@ scope” Is Coming to CSS and It’s Amazing (by) · · videos, css, at-rules, scope
- What Negative Effects Does a Bad Website Design Have on My Business? (by/via) · · design, economics
- The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (via) · · studies, research, accessibility, metrics
- The Power of “:has()” in CSS (by/via) · · css, selectors
- The Easy Way to Access the Last JavaScript Array Element (by) · · javascript, arrays
- The Curious Case of the CSS Monochrome Media Query (by) · · css, media-queries
- On “disabled” and “aria-disabled” Attributes (by) · · accessibility, html, aria
- Front-End Development’s Identity Crisis (by) · · career
- Figma Plugins (by) · · figma
- Finally Understanding How “Array.sort(comparator)” Works (by) · · javascript, arrays
- What’s New in DevTools, Chrome 124 (via) · · release-notes, dev-tools, user-agents, google, chrome
- The Complete Guide to Captioned Videos (by) · · guides, accessibility, captions, multimedia
- Release Notes for Safari Technology Preview 191 (by/via) · · release-notes, user-agents, apple, safari
- New to the Web Platform in March (by/via) · · release-notes, web-platform, user-agents, mozilla, firefox, apple, safari, google, chrome
- Improving the Developer Experience of Enterprise Design Systems (by/via) · · design-systems, developer-experience, optimization
- History of JS Interop in Dart (via) · · javascript, dart, interoperability, history
- CSS Color-Scheme-Dependent Colors With “light-dark()” (by/via) · · css, functions, colors, dark-mode
- A Guide to Building CLI Tools in JavaScript (by) · · guides, tooling, command-line, javascript, nodejs
- In-App Browsers Are Still a Privacy, Security, and Choice Problem (by/via) · · user-agents, mobile, privacy, security
- What Even Are Dragging Movements? (by/via) · · accessibility, interaction-design, terminology
- Meet Angular’s New “output()” API (by/via) · · angular, apis
- Iterator Helpers (via) · · ecmascript, engines, v8
- How I Fixed My Brutal TTFB (by/via) · · performance, metrics, optimization
- Flickering Glowing Text Effect With CSS (by) · · css, effects
- How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests (by+/via) · · how-tos, jquery, ajax, functions
- Animating Clip Paths on Scroll With “@ property” in CSS (by) · · css, animations, scrolling, at-rules
- CSS Anchor Positioning (by+/via) · · css, anchor-positioning
- Convention Over Creativity? The Ups and Downs of UX Design (via) · · user-experience, design
- Node v20.12.0 (LTS) (by/via) · · release-notes, nodejs
- What You Need to Know About Modern CSS (Spring 2024 Edition) (by/via) · · css, overviews
- Quick Tip: How to Align Column Rows With CSS Subgrid (by/via) · · tips-and-tricks, how-tos, css, layout
- How to Take Control of Flexbox (by) · · videos, css, layout
- History of Web Accessibility (by/via) · · videos, accessibility, history
- Exploring the Power of ARIA Live Attribute in Web Accessibility (by) · · accessibility, aria
- Be Flexible About What People Need (and Don’t Assume) (by) · · accessibility
- How to Consolidate Multiple Design Systems (via) · · design-systems, processes
- Error Messages 101 (by/via) · · videos, usability, errors, microcontent
- 7 Simple Rules for Better Data Visualization (via) · · information-design
- Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (by/via) · · colors, dark-mode, css, javascript
- Diving Into the Node.js Website Redesign (by/via) · · redesign, case-studies
- No One Actually Wants Accessibility (by) · · accessibility
- JavaScript Visualized: Promise Execution (by) · · javascript, promises
- Incredible JavaScript Animation Libraries · · javascript, animations, libraries, link-lists
- Spicing Up Text With “text-emphasis” in CSS (by) · · css, typography, effects
- Radix Themes 3.0 (by+/via) · · release-notes, radix
- Profile Node.js Performance With the Performance Panel (by/via) · · nodejs, performance, debugging, user-agents, google, chrome, dev-tools
- Learn OAuth 2.0 by Building Your Own OAuth Client (by/via) · · authorization, functionality
- ARIA “role="application"” and Mobile Screen Readers (by) · · accessibility, aria, user-agents, assistive-tech, screen-readers, mobile
- Node.js TSC Confirms: No Intention to Remove npm From Distribution (by/via) · · nodejs, npm
- The Cost of Interrupted Work: More Speed and Stress (by) · · research, productivity, processes
- Quick Tip: How to Add Gradient Effects and Patterns to Text (by/via) · · tips-and-tricks, how-tos, css, gradients, effects
- Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (by/via) · · css, units
- Don’t Get Scammed by Fake Performance Experts and Apps (by/via) · · performance, tooling
- CAPTCHA Excludes Disabled Web Users (by) · · accessibility, captcha
- 12 Figma Tips to Work More Efficiently (via) · · figma, tips-and-tricks, efficiency
- Accessible Forms With Pseudo Classes (by/via) · · accessibility, forms, css, selectors
- CSS Values and Units Module Level 3 (by+/via) · · css, units
- The “Current Branch” in Git (by) · · git
- On the Gift of OKR for Company Culture (by) · · processes, okr, culture
- Relicensing and Rug Pulls (by) · · foss, licensing, history
- “__dirname” Is Back in Node.js With ES Modules (by/via) · · nodejs, ecmascript, javascript, modules
- Avoid These Design System Traps (via) · · design-systems
- Building a Micro htmx SSR Framework (by/via) · · frameworks, htmx, examples
- Welcome to Future of Web Accessibility Based on Predictors (by+/via) · · videos, accessibility, visions
- This Pattern Will Wreck Your React App’s TS Performance (by) · · design-patterns, react, typescript, performance
- On Popover Accessibility: What the Browser Does and Doesn’t Do (by+) · · accessibility, pop-overs, html
- How to Test 3.3.8 Accessible Authentication (Minimum) (by/via) · · how-tos, accessibility, testing, authentication
- [Bulma] 1.0.0 (by) · · release-notes, bulma
- Node.js: The Documentary (by+/via) · · videos, nodejs, history
- Optimizing JavaScript for Fun and for Profit (by) · · javascript, optimization
- The Box Model and Box Sizing (by/via) · · css, concepts
- How to Plan Your First Successful Website (via) · · how-tos, processes, project-management
- How to Create a Website and a PDF From the Same Codebase (by/via) · · how-tos, code-generation, pdf, functionality
- Progressive Disclosure Defaults (by) · · css, forms, interaction-design
- Folder Structures in React Projects (by) · · react, architecture
- Psychology and UX: Decoding the Science Behind User Clicks (via) · · user-experience, design, principles
- Aesthetic Layouts: 2 Column Magazine With “shape-outside” (by) · · code-pens, layout, css
- How to Assess Your Fit for a Job Description: A Guide for Technologists (via) · · how-tos, guides, interviewing, career
- Using Relative Colors (by/via) · · css, colors
- Chill Scroll Snapping: Article Headers (by/via) · · css, scrolling
- Build a Full-Stack App With Node.js and htmx (by/via) · · web-apps, nodejs, htmx
- Comparing ECMAScript Modules and CommonJS (by) · · comparisons, ecmascript, modules
- “require(esm)” in Node.js (by) · · nodejs, ecmascript, modules
- Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility (by) · · accessibility
- I’m So Old: Web Edition (by) · · web, history
- How Web-Site Design and Social Media Work Together (by/via) · · design, content, social-media
- How to Kill the Cascade (by) · · css, cascade, resetting, scope
- A Designer’s Role Is Not “at the Table” (via) · · design, career
- A Comparison of JavaScript CRDTs (by) · · javascript, data-types, comparisons
- The Power of Textual Content in UX Design (by/via) · · content, user-experience
- Empowering the User Experience Through Microinteractions: 7 Best Practices (by/via) · · user-experience, interaction-design, best-practices
- Build a Node App With TypeScript (by) · · nodejs, typescript, pnpm, modules
- Accessibility Foundations (by/via) · · accessibility, fundamentals, link-lists
- Time to Ditch Analytics? Tracking Scripts and Web Sustainability (by/via) · · embed-code, google, analytics, sustainability, performance, compliance
- Why UI Designers Should Understand Flexbox and CSS Grid (by/via) · · design, layout, css
- 2024 Cheat Sheet Collection · · cheat-sheets, link-lists
- Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (by) · · migration, jest, testing, memory, performance
- How Web Bloat Impacts Users With Slow Devices (by) · · performance, metrics, comparisons, web
- Copy Objects Ways in JavaScript (by) · · javascript, objects
- Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets (via) · · accessibility, design-systems, documentation, dei
- Quick Tip: Creating a Date Picker in React (via) · · tips-and-tricks, react, functionality
- How (In)Efficient Are Engineering Organizations? (by) · · efficiency, processes, leadership
- Skeuomorphism (via) · · design, terminology
- Homepage Design: 5 Fundamental Principles (via) · · design, principles
- Performance Tooling in 2024 and Beyond (by+/via) · · performance, tooling, user-agents, dev-tools, lighthouse, google
- When “Semantic Tokens” Are No Longer Semantic (by) · · design-tokens, semantics
- The Golden Age of Accessibility · · accessibility
- Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project? (via) · · frameworks, comparisons, qwik, nextjs
- Arguments for Opening Links in a New Tab or Window (by/via) · · links, usability
- There Is No EU Cookie Banner Law (via) · · consent-management, cookies, legal
- What Is Safe Alignment in CSS? (by/via) · · css, layout, user-experience
- Make Your Functions More Reusable With Generics (by) · · typescript, functions, maintainability
- The Problem With AI (by) · · ai
- You Want “border-color: transparent”, Not “border: none” (by/via) · · css, borders, accessibility, contrast
- The Problem With Data-Attributes for Text Effects (by) · · html, css, typography, effects
- Refactoring My Ugliest Code With Signal View Queries (by) · · videos, refactoring, angular
- My New Favorite CSS Trick: “will-change” (by) · · css, animations, transcripts, tips-and-tricks
- A Beginner’s Guide to Node.js Worker Threads (by/via) · · guides, nodejs, worker-threads
- Another JS Registry—Seriously?! (via) · · videos, jsr, dependencies, javascript
- What’s Next for a Global Design System (by) · · design-systems
- WCAG 2.2 Detective Skills (by+/via) · · accessibility, standards, wcag
- Ruby Is Complicated (by) · · html
- 25 Unnoticeable Features of JavaScript (by) · · javascript
- Thoughts on Embedding Alternative Text Metadata Into Images (by) · · accessibility, images, metadata
- A Letter to My Younger Self, as an Accessibility Advocate (by) · · accessibility, advocacy, retrospectives
- Spread vs. Rest Operators in JavaScript · · javascript, operators, comparisons
- Runtime Compatibility (by+/via) · · websites, runtimes, comparisons, bun, deno, netlify, nodejs
- The Essential Guide to Microcopy and Becoming a More Literate Designer (by/via) · · guides, design, microcontent, content, writing
- Marking the Web’s 35th Birthday: An Open Letter (by/via) · · web, history
- The “10× Engineer”: 50 Years Ago and Now (by) · · productivity, processes, career, history
- Interaction to Next Paint Is Officially a Core Web Vital (by/via) · · performance, web-vitals
- Building Websites and Building Websites Well (by) · · quality, craft, community
- 5 Exciting New JavaScript Features in 2024 (by/via) · · javascript
- IDEs vs. Code Editors: Everything You Need to Know (by/via) · · code-editors, comparisons, concepts
- A Gentle Introduction to Generics in TypeScript (by) · · introductions, typescript
- Are We Watching the Internet Die? (by) · · web
- Streaming HTML (by/via) · · html, php, streaming
- Have You Optimized for INP? (by) · · performance, web-vitals, optimization
- Comparing JavaScript Frameworks: Templates (by) · · javascript, frameworks, templates, comparisons
- Express.js With TypeScript—Setup, Examples, Testing (by) · · videos, express, typescript, testing, examples
- What Is INP and Why You Should Care (by/via) · · performance, web-vitals, monitoring
- JSON Canvas (via) · · websites, standards, json, canvas
- Distinguishing Between ARIA and Native HTML Attributes (via) · · html, aria, accessibility, comparisons
- Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness · · performance, tooling, metrics
- Alt Text for CSS Generated Content (by) · · css, alt-text, accessibility
- Optimising Your Design System With Figma’s Variables (by/via) · · design-systems, optimization, figma
- Things I Learned While Building My JS Library (by) · · javascript, libraries, lessons
- CSS Button Styles You Might Not Know (by) · · html, css, buttons
- Access by a Thousand Curb Cuts (by) · · accessibility