LogRocket Dev
blog.logrocket.com/dev/
The different ways to use CSS :has(), with examples
Learn how to use the powerful CSS :has() pseudo-class to simplify parent, sibling, and state-based styling – no JavaScript required.
Kombai AI: The AI agent built for frontend development
Discover Kombai AI , a frontend-specialized tool that converts Figma designs into clean, production-ready React and Tailwind code.
Don’t ship blind: A practical checklist for internal launch readiness
Learn how to prepare and launch internal products effectively with real PM examples, readiness pillars, and a practical launch checklist.
The Replay (10/22/25): AI-assisted coding, Wasm 3.0, and more
Discover what's new in The Replay, LogRocket's newsletter for dev and engineering leaders, in the October 22nd issue.
Why Framer might just replace your entire web design stack
Framer’s all-in-one design workflow is changing how we build websites. From AI wireframes to instant publishing, here’s why I believe it’s the next full-stack web design tool.
Where AI-assisted coding accelerates development — and where it doesn’t
John Reilly discusses how software development has been changed by the innovations of AI: both the positives and the negatives.
Exploring the human-AI balance in UX content design
AI can speed up UX content creation, but it can’t replace empathy. Learn how to use AI tools to enhance your UX writing without losing sight of your users.
Debugging with Chrome DevTools MCP: Giving AI eyes in the browser
Learn how to debug with Chrome DevTools MCP server, which provides AI agents access to DevTools directly in your favorite code editor.
Goodbye, useState? Smarter state modeling for modern React apps
Many React apps overuse useState and end up tangled in effects. Learn how smarter state modeling makes your code cleaner, faster, and easier to debug.
A guide to balancing strong leadership with a collaborative spirit
Learn how to balance confidence and collaboration as a product leader while building trust, authenticity, and high-performing teams.
AI meets Apple’s HIG: Actual results from my redesign project
Apple’s HIG keeps iOS design consistent. AI helps move things faster. I combined both in a real redesign project. here’s how it changed the outcome.
Why third-party integrations break in React 19 — And how to future-proof them
React 19 breaks old third-party integrations. Here's why concurrent rendering exposes brittle SDKs and how to rebuild them.
React useEffectEvent: Goodbye to stale closure headaches
Discover why the useEffectEvent Hook is important, how to use it effectively, and how it compares to useRef.
I tried Shadcn CLI 3.0 — here’s what I learned
If you use Shadcn for UI components, version 3.0 is worth your time. It introduces multi-registry support, private libraries, and even natural language search. Let’s break it down.
Why is Zod so slow?
Zod’s flexibility comes at a cost. Why is Zod slower than AOT-compiled validators like Typia? And how do we fix it?
Why PMs need to master qualitative tests now more than ever
Data shows you what users do, not why. Learn how blending qualitative and quantitative insights fuels real product innovation.
The Replay (10/15/25): AI’s accessibility problem, React 19.2, and more
Discover what's new in The Replay, LogRocket's newsletter for dev and engineering leaders, in the October 15th issue.
AI has an accessibility problem: What devs can do about it
Jemima Abu examines where AI falls short on accessibility and how we can best harness AI while still building products that everyone can use.
Tools and tactics for staying organized as a product manager
Feeling overwhelmed by endless PM tasks? Learn simple, proven strategies to stay organized, focused, and in control of your workload.
Stop Writing REST APIs From Scratch in 2025
Writing REST APIs by hand is a thing of the past. Frameworks like tRPC, Fastify, and Hono eliminate boilerplate with schema-driven design, improving speed and safety.
Good DX isn’t enough: Why your component library still fails your team
Good DX helps developers build faster, but it’s not enough. Learn why component libraries fail teams and how to build design systems that truly scale.
Building trust into UX: What I learned from Airbnb, PayPal, and more
Trust is your silent conversion driver. In this piece, we show how real brands use design psychology to make users feel safe, seen, and ready to buy.
The real cost of overpromising on AI and what to do instead
Avoid the AI hype trap. Learn how PMs can balance ambition and honesty to build trust, avoid overpromising, and deliver real value.
React 19.2 is here: Activity API, useEffectEvent and more
Discover what's new in React 19.2, which features long-awaited features like the Activity API and the useEffectEvent Hook.
Hooks vs. Signals: The great reactivity convergence explained
Hooks and Signals take different paths to reactivity. Learn how React and SolidJS manage state, updates, and performance in modern frontend apps.
How to decide how deep your UX redesign should go
Unsure if your product needs a facelift or a full rebuild? Here’s how to decide how deep your UX redesign should go without wasting time or budget.
Exploring the new Chakra UI MCP Server
Discover how the Chakra UI MCP server integrates AI directly into your editor, reducing context switching and accelerating frontend development.
LangChain.js is overrated; Build your AI agent with a simple fetch call
Skip the LangChain.js overhead: How to build a Retrieval-Augmented Generation (RAG) AI agent from scratch using just the native `fetch()` API.
5 steps to get your product team back on track
Learn how to diagnose issues, rebuild trust, and re-energize an underperforming product team to drive better outcomes and stronger results.
The Replay (10/8/25): Data enrichment, CSS is back, TypeScript 5.9
Discover what's new in The Replay, LogRocket's newsletter for dev and engineering leaders, in the October 8th issue.
7+ UX skills that won’t trend on LinkedIn (but will get you hired)
Want to stand out without shouting? These underrated UX skills won’t just polish your portfolio. They’ll make you the designer teams rely on.
Goodbye, messy data: An engineer’s guide to scalable data enrichment
Walk through building a data enrichment workflow that moves beyond simple lead gen to become a powerful internal tool for enterprises.
Making a case for slower UX: When to prioritize story over speed
Learn how to use slower UX to spark emotion, strengthen storytelling, and make your product more memorable.
DesignCoder and the future of AI-generated UI
Explore DesignCoder, a hierarchy-aware and self-correcting approach to AI-generated UI, and what it means for frontend devs and enterprises.
Why great narratives beat OKRs in early-stage products
Story beats strategy in early-stage products. Learn why a clear narrative drives alignment, investors, and early adopters before OKRs matter.
TypeScript vs Zod: Clearing up validation confusion
Learn when to use TypeScript, Zod, or both for data validation. Avoid redundant checks and build safer, type-sound applications.
We got Wasm 3.0 before GTA 6: Meet the web’s new engine
Discover how WebAssembly 3.0’s garbage collector, exception handling, and Memory64 transform Wasm into a true mainstream web platform.
How to use AI to build accurate ShadCN components
Stop AI from guessing ShadCN props. Learn how the shadcn/ui MCP server gives agents live component access for accurate, working code.
How we turned a broken order form into a 95% ticket reduction
I rebuilt our order form from scratch. The result? A 95% drop in support tickets and a smoother experience for everyone.
The best way to structure Rust web services
Learn how to structure Rust web services with clean architecture, Cargo workspaces, and modular crates for scalable, maintainable backends.
How I cut product waste fast with this ECRS workshop
Discover how ECRS helps product managers eliminate waste, simplify workflows, and drive efficiency across fast-growing teams.
A spec-first workflow for building with agentic AI
Andrew Evans gives his take on agentic AI and walks through a step-by-step method to build a spec-first workflow using Claude Code.
How to use TanStack DB to build reactive, offline-ready React apps
Build local-first, reactive apps with TanStack DB. Learn live queries, optimistic mutations, and offline sync while creating a task manager in React + TypeScript.
How I cut down stakeholder rework with better UX storytelling
I used to leave reviews with 20+ changes. Then I learned to lead with story, not screens and cut rework overnight.
A step-by-step guide to building a full-stack app with TanStack Start
Follow this step-by-step guide to building a full-stack recipe application with TanStack Start, the new full-stack React framework.
Leading the transition from product to platform
Turn your SaaS product into a platform by spotting key signals, avoiding common traps, and building for scale, reuse, and integration.
Query strings are underrated: Using the URL as your app’s state container
Learn how to manage React state with URL query strings. Explore tools, benefits, pitfalls, and when this approach makes sense.
Yes, you should upgrade to TypeScript 5.9 — here’s why
Explore the key features of TypeScript 5.9, including the redesigned tsc --init command, import defer syntax, expandable hovers, and more.
Is Better Auth the key to solving authentication headaches?
Better Auth promises flexible, type-safe authentication. See setup, features, and how it compares to Clerk, NextAuth, and Auth0.
Why I never skip prototyping anymore before design handoffs
Prototyping turns static designs into living blueprints. See how it saves UX teams from rework, missteps, and costly misunderstandings.
What using a screen reader taught me about real web accessibility
Read one developer's detailed account of using a screen reader to learn more about a11y and build more accessible websites.
How the full-stack product lead is changing the industry
Learn why the shift from three-in-a-box to full-stack product leads is redefining product roles, collaboration, and career growth.
How I vibe-coded 2 Chrome extensions that save me hours every week
Designers can build their own tools now. Here’s how I vibe-coded 2 micro-apps that save me hours every week.
Choosing the right React Router v7 mode for your project
Learn the differences between declarative, data, and framework modes in React Router v7, with pros, cons, and guidance on when to use each.
Product-led FinOps: Cut waste, reinvest, and build better
Learn how product-led cost management improves margins, maintains velocity, and creates user value through a repeatable playbook.
CSS @function: Dynamic logic without Sass or JavaScript
CSS @function introduces dynamic logic to native CSS, letting developers replace Sass and JavaScript utilities for rem conversion, color palettes, and fluid typography.
Environment-aware model routing: Build smarter AI apps with AI SDK
Discover a handy pattern for routing LLM calls in an “environment-aware” manner, using AI SDK’s middleware.
React Server Components broke my app and I still don’t know why
React Server Components promise performance gains, but hidden pitfalls like caching bugs and loading issues can break your app.
Task switching slowed my users down. Here’s how I fixed it
See how unifying screens in a trading platform redesign halved task time and how you can use the same UX principles in your product.
How to build smarter frontend chatbots with RAG and LangChain.js
Build smarter frontend chatbots with RAG and LangChain.js. Learn how to add context, improve accuracy, and cut costs with a practical tutorial.
How to stop being an unintentional bottleneck for your team
Learn strategies to avoid becoming a bottleneck as a PM by fostering autonomy, reducing approvals, and empowering your team to decide.
Empty states in UX done right: 4 inspiring examples
Empty states don’t have to be dead ends. See how Slack, Pinterest, Dropbox, and Duolingo turned blank screens into engaging UX moments—and learn how you can too.
Paid research participant recruitment is dead. What should you do instead?
Recruiting UX research participants doesn’t have to drain your budget. Explore smarter alternatives to paid recruitment tools and learn how to get quality insights.
Why PMs should stop chasing the “right” planning window
Great PMs design strategy as a living process. Explore how to plan for 2026 while balancing alignment with adaptability.
6 alternatives to navigation menus (with real product examples)
UX is moving past traditional menus. Here are six practical navigation patterns designers can use to reduce cognitive load and improve usability.
Frontend developers are burned out, not lazy
Shipping modern frontends is harder than it looks. Learn the hidden taxes of today’s stacks and practical ways to reduce churn and avoid burnout.
Can native web APIs replace custom components in 2025?
See how native web APIs like dialog, details, and the Popover API simplify accessibility, reduce dependencies, and replace custom components.
Too many tools: How to manage frontend tool overload
Read about how the growth of frontend development created so many tools, and how to manage tool overload within your team.
5 ways product managers can steward cross-pollination
Learn practical strategies PMs can use to spread ideas, improve collaboration, and shape stronger, more connected product outcomes.
I tried Google Stitch. Here’s what I loved (and hated) about it
Google Stitch turns text and sketches into UI designs. Learn where it excels, where it falls short, and how it compares to other AI tools.
![AI dev tool power rankings & comparison [Sept 2025]](https://blog.logrocket.com/wp-content/uploads/2025/07/ai_dev_tool_power_rankings_july_2025_web.png)
AI dev tool power rankings & comparison [Sept 2025]
Compare the top AI development tools and models of September 2025. View updated rankings, feature breakdowns, and find the best fit for you.
Stop writing PRDs for AI — start using prompt sets instead
UX designers need to ditch vague PRDs. See how prompt sets make AI features testable, predictable, and user-friendly from day one.
File-based routing in React Router v7 – Why keep it optional?
Explore the new mode that introduced file-based routing in v7, why it remains optional, and when to use it or stick with a different approach.
MCP is replacing the browser: Here’s how devs should prepare
Learn how MCP will replace the traditional browser, what this shift means for frontend devs, and how to start prepping for an AI-first future.
Steal my startup approved growth workshop agenda
Discover how to run a growth workshop that equips your product team to map key drivers, identify levers, and plan experiments that matter.
How Cursor Project Rules Can Improve Next.js App Development
Learn how Cursor project rules streamline Next.js apps with automated conventions, consistent components, and faster developer onboarding.
5 support page redesigns that transformed help desk UX
See how brands like Dropbox, Spotify, and Zoom reinvented their help desk UX and what you can steal for your own support pages.
Don’t vibe code your backend: The hidden dangers of BaaS
Explore the hidden dangers of BaaS, and how frontend-focused teams can use BaaS platforms without suffering from their major risks.
Building real-time state management with React and Fluent-State
Build a real-time AI chat in React with Fluent-state: handle streaming, async states, derived UI, and side effects cleanly.
AI coding tools still suck at context — here’s how to work around it
Discover why you might be having difficulty with AI coding tools, and learn some practical strategies to work with AI more effectively.
Our robo advisor: A lesson in skipping UX research
Skipping UX research wastes time and leads to flop features. See how user insights drive adoption, engagement, and lasting product impact.
The silent shift to Vite: What it means for your stack
Learn how Vite surpassed Webpack as the default JavaScript bundler, and what this shift means for your stack and the future of JS build tools.
How to consolidate your product management tools
Streamline your product stack with a six step guide to tool consolidation. Cut costs, reduce silos, and boost team efficiency.
What happens when dev communities die: Stack Overflow’s slow collapse
Explore how Stack Overflow’s slow collapse affects programming and the possible future for Stack Overflow vs. generative AI competition.
How to build a multimodal AI app with voice and vision in Next.js
Learn how to build multimodal AI interactions to process images, audio, and even real-time video streams, using Next.js and Gemini.
How I learned to treat AI like a partner, not a threat
Turn AI from a threat into a partner in UX design by refining workflows, avoiding pitfalls, and keeping human skills central.
I tried out Kiro: Here’s what I learned
Check out Kiro, AWS's AI-powered IDE, see what makes it different from other AI coding tools, and explore whether it lives up to the hype.
Why Go design patterns still matter
Here's how three design patterns solved our Go microservices scaling problems without sacrificing simplicity.
How to define customer segments that actually matter
Avoid weak product-market fit and wasted resources. Learn how to narrow broad customer segments into a focused beachhead strategy.
Stop using templates — do this instead
Templates can speed you up or slow you down. Here’s how to avoid the trap and design smarter, not lazier.
Qwen3-Coder: Is this Agentic CLI smarter than senior devs?
Discover Qwen3-Coder, Alibaba’s 480B parameter agentic coding CLI, with real-world tests, use cases, and performance insights.
A guide to using AI to drive measurable business value
Learn how to build a cohesive AI strategy that drives measurable impact, aligns with business goals, and improves product workflows.
daisyUI 5 is here: What’s new and what to expect
Explore daisyUI 5’s new features, performance upgrades, and theming engine built for Tailwind CSS 4 developers.
Agentic AI for 5x less: Why Kimi K2 is a frontend game-changer
Discover how to integrate Kimi K2 agentic mode into a frontend application, and learn how it compares to DeepSeek.
Motion design is cool, but can hurt users — here’s how I fixed it
Motion design can delight users or drive them away. Learn how to avoid common pitfalls, fix performance issues, and use animation to enhance UX instead of hurting it.
Why you shouldn’t ignore niche app user types
Learn why designing for niche user types like first-time, older, or low-connectivity users can boost adoption, loyalty, and market reach.
We asked 200 PMs: Is product management an art or a science?
How did 200+ product managers answer the question: Is PM an art or a science? Find out in this roundup article.
Does Gemini CLI fall short? Here’s how Codex compares
Compare Codex CLI vs Gemini CLI for real-world coding tasks. See strengths, weaknesses, and which AI CLI fits your developer workflow best.
Is Next.js still developer-friendly?
The question isn’t whether Next.js is good or bad; it’s whether the productivity gains are worth the complexity tax.
Using daily quests within your product design to boost retention
Learn how the Zeigarnik effect drives engagement and explore UX strategies that keep users motivated to return and complete tasks.
Don’t let AI erase the next generation of dev leaders
If AI snaps up all of their opportunities to learn, junior engineers can never grow into senior roles. Then who’s left to lead the engineering teams of the future?
How to make sense of your product data with an evidence map
Turn interviews, prototypes, and MVP results into clear insights with evidence maps for smarter product decisions.
Using Grok 4 in the frontend development: Here’s what I’ve learned
Tested Grok 4 on real frontend tasks. See how it compares to Claude, Gemini, and Kimi, plus cost, token use, and when to use it for dev work.
AI personas you can use to support your entire UX process
Discover how AI personas can transform UX design, from simulating users to co-designing interfaces and boosting team speed and accuracy.
Effective rendering with Selective SSR in TanStack Start
Learn how TanStack Start’s Selective SSR lets you mix server-, client-, and data-only rendering modes for faster, more flexible React apps.
The deep internals of event delegation: When bubbling isn’t enough
Learn event delegation in JavaScript, optimize event handling, reduce memory use, support dynamic elements, and handle tricky non-bubbling events.
AI dev tool power rankings & comparison [August 2025 edition]
Compare the top AI development tools and models of August 2025. See updated power rankings, feature-by-feature breakdowns, and find the right fit for your workflow.
Shipping alone isn’t enough: Here’s how to make your work visible
Learn how to turn product success into leadership recognition by connecting outcomes to business impact and building visibility.
Why users ignore notifications (and how to fix it)
Learn how top companies and smart UX strategies overcome notification blindness to boost engagement without annoying users.
How I use a metrics tree to align, prioritize, and track progress
Learn how to build a metrics tree to align goals, track progress, and prioritize features that drive real product outcomes.
React’s `use()` API is about to make useContext obsolete
Learn how React’s new use() API elevates state management and async data fetching for modern, efficient components.
I’ve designed AI assistants — Here’s what actually works
Learn how to design AI assistants that are purpose‑driven, user‑focused, and built on trust with reusable UI patterns and clear interactions.
A guide to designing successful product management workshops
Learn how to design product management workshops that drive alignment, decisions, and strategic outcomes instead of just activities.
Fix over-caching with dynamic IO caching in Next.js 15
Next.js 15 caching overhaul: Fix overcaching with Dynamic IO and the use cache directive.
UX analytics changed my career — here’s how it can change yours
Analytics helped me stop guessing and start designing smarter. Here’s how it made me a better UX designer.
How to build autonomous teams that still see the bigger picture
Discover how to keep outcome-driven teams focused on the big picture and prevent siloed thinking that slows product success.
Windsurf vs. Cursor: When to choose the challenger
Explore Windsurf AI’s Cascade agent, IDE integration, pricing, and how it stacks up against Cursor in this hands-on developer-focused comparison.
The attention crisis: How to lead teams in a 40-second world
Learn why attention spans are shrinking and how product managers can foster focus, respect, and better communication at work.
Surprises and trends from this year’s Design Tools Survey results
Discover key trends from the Design Tools Survey including AI adoption, Figma’s dominance, and what’s next for UX designers in 2025.
The CSS if() function: Conditional styling will never be the same
Explore how the if() function works, see practical examples, and compare it to existing CSS conditional techniques.
Designing AI products that work for both users and the enterprise
Designing AI products isn’t just about users; it’s also about trust. Here’s what I learned about balancing usability with governance in enterprise UX.
Next.js 15.4 is here: What’s new and what to expect
Break down what’s new in 15.4, explore some hidden gems, and take a quick look at what’s ahead with Next.js 16.
Build interactive React UIs for LLM outputs using llm-ui
Build smarter React apps with llm-ui. This guide shows how to stream Gemini API output, detect code blocks, and render syntax-highlighted content.
How to manage 20+ stakeholders without losing your mind
Practical strategies to classify, prioritize, and communicate with 20+ stakeholders so product managers can stay aligned and avoid chaos.
Why I think v0 is a great prototyping tool for designers
GenUI tools are reshaping UX workflows. See how v0 speeds up design, closes the dev gap, and challenges how we prototype.
How I debug faster with these Chrome DevTools Console features
Improve the old-fashioned debugging JavaScript workflow by effectively using some lesser-known Chrome DevTools console features.
Catch frontend issues before users using chaos engineering
This article covers how frontend chaos engineering helps catch UI and UX issues before users experience them using tools like gremlins.js.
How a UX redesign increased redemptions by over 58 percent
A broken OTP flow hurt trust and revenue. Here's how UX analytics helped me fix it and why every designer should track impact.
Deno 2.4 is here: What’s new and what to expect
Learn about the most impactful changes in Deno 2.4, including the return of a first-party bundler and new spec-aligned ways to handle assets.
Migrating Tanstack Start from Vinxi to Vite
Update your TanStack Start project from Vinxi to a Vite-based setup, including dependency adjustments and configuration file updates.
Why PMs must help architect distribution, not just adapt to it
PMs need to move beyond feature delivery to help shape distribution strategy. Learn how org design can support this shift.
What are the AI-proof skills every frontend developer needs?
The AI freight train shows no signs of slowing down. Seven senior developers discuss how frontend devs can make themselves indispensable in the age of AI.
Here’s how I’d design a mega menu — with 3 great examples
Designing a mega menu isn’t just about listing links. It’s about helping users move fast, with confidence. These 3 websites show us how it’s done.
Angular has grown up — and the best is yet to come
It’s never been a better time to be an Angular dev. Reflect on the highlights of Angular's evolution from its early days to the v20 release.
5 books that transformed my day-to-day life as a PM
These five books helped me grow as a product manager by improving my mindset, habits, leadership, and decision-making.
Iterator helpers: The most underrated feature in ES2025
Unlock the power of iterator helpers in ES2025 to write memory-efficient, lazy JavaScript pipelines that scale from streams to infinite data.
Leader Spotlight: Creating an environment of genuine curiosity, with Nora Keller
Nora Keller talks about embracing non-linear paths, trusting the team, and keeping product grounded in real user needs.
Leader Spotlight: Navigating a complete product redesign, with Tyler Stone
Tyler Stone, Associate Director, Product at Sensor Tower, talks through how he’s led Sensor Tower through a complete product redesign.
12 UX design examples that show how to stop user errors before they happen
Learn how top products like GitHub, Google Calendar, and Medium prevent user errors with smart UX. Get 12 practical examples to inspire your next design.
How to build better AI apps in React with MediaPipe’s latest APIs
Build an AI-powered object detection app in React using MediaPipe's latest Tasks API, run models in-browser with no backend setup.
AI won’t fix bad thinking — use it to challenge you instead
AI agrees too easily. That’s a problem. Learn how to prompt it to challenge your thinking and improve your product decisions.
How to build unified AI interfaces using the Vercel AI SDK
Learn how to use the Vercel AI SDK to build modern, multimodal frontend apps with streaming, function calling, image analysis, voice output, and generative UI.
How to prep for a software dev interview: Advice from a dev leader
Interviewing for a software engineering role? Hear from a senior dev leader on what he looks for in candidates, and how to prepare yourself.
Leader Spotlight: Building an audience-segmented product strategy, with Chrissie Lamond
Chrissie Lamond, VP of Product at Mansueto Ventures, talks about how she builds product experiences across audience segments.
What to do when users just want the old version back
Change is tough. Here’s how to help your users adapt when all they want is the old version back.
Next.js real-time video streaming: HLS.js and alternatives
Set up real-time video streaming in Next.js using HLS.js and alternatives, exploring integration, adaptive streaming, and token-based authentication.
AI compliance: A core product competency you shouldn’t skip
AI governance is now a product feature. Learn how to embed trust, transparency, and compliance into your build cycles.
Leader Spotlight: Designing for trust and managing user expectations, with Rachel Bentley
Rachel Bentley shares the importance of companies remaining transparent about reviews and where they’re sourced from to foster user trust.
A guide to UX documentation: Recording your design process
Documentation may not be your favorite part of the UX design process, but it’s crucial to the success of any design project.
Leader Spotlight: Scaling an ecommerce business within a broader organization, with Michal Ochnicki
Michal Ochnicki talks about the importance of ensuring that the ecommerce side of a business is complementary to the whole organization.
When is low-code the right choice? Here’s how to decide
Wondering if low-code is right for your next project? This guide breaks down use cases, trade-offs, and a decision framework for developers.
Comparing AI app builders — Firebase Studio vs. Lovable vs. Replit
Compare Firebase Studio, Lovable, and Replit for AI-powered app building. Find the best tool for your project needs.
Leader Spotlight: Building an effortlessly personal healthcare experience, with Christina Valls
Christina Valls shares how her teams have transformed digital experiences at Cedars-Sinai, including building a digital scheduling platform.
Why I don’t trust WCAG 2.2 and what I’m hoping from 3.0
You can follow WCAG 2.2 and still build inaccessible products. Here's what I want from WCAG 3.0.
Gemini CLI tutorial — Will it replace Windsurf and Cursor?
Discover how to use Gemini CLI, Google's new open-source AI agent that brings Gemini directly to your terminal.
React & TypeScript: 10 patterns for writing better code
This article explores several proven patterns for writing safer, cleaner, and more readable code in React and TypeScript.
Stress-testing AI products: A red-teaming playbook
Red-teaming reveals how AI fails at scale. Learn to embed adversarial testing into your sprints before your product becomes a headline.
Leader Spotlight: Building a human-focused AI product, with Cory Bishop
Cory Bishop talks about the role of human-centered design and empathy in Bubble’s no-code AI development product.
I designed by committee — and here’s what went wrong
Design thrives with feedback, but dies by consensus. Learn how to set boundaries, take control, and build UX with backbone.
5 product leaders on reducing friction in mobile-first experiences
Learn how to reduce mobile friction, boost UX, and drive engagement with practical, data-driven strategies for product managers.
Leader Spotlight: Emphasizing clear, thoughtful documentation, with Jim Naylor
Jim Naylor shares he views documentation as a company’s IP and how his teams should use it as a source of truth.
Designers write good copy — but not the kind users actually need
This isn’t about grammar or style. It’s about making sure the words do something — guide, calm, clarify, convert.
A PM’s guide to calculated risk-taking
Act fast or play it safe? Product managers face this daily. Here’s a smarter way to balance risk, speed, and responsibility.
Leader Spotlight: Improving predictability using agile, with Emmett Ryan
Emmett Ryan shares how introducing agile processes at C.H. Robinson improved accuracy of project estimations and overall qualitative feedback.
Checkbox UI design: Best practices and examples
The checkbox is one of the most common elements in UX design. Learn all about the feature, its states, and the types of selection it offers.
A guide to wrapper vs. container classes in CSS
A breakdown of the wrapper and container CSS classes, how they’re used in real-world code, and when it makes sense to use one over the other.
Leader Spotlight: Balance vs. compromise in product management, with Suvrat Joshi
Suvrat Joshi shares the importance of viewing trade-off decisions in product management more like a balance than a compromise.
How to build a web-based AI agent with Stagehand and Gemini
Learn how to build a browser-based AI agent with Stagehand and Gemini to automate tasks like navigation, extraction, and interaction using natural language.
I’ve designed with data — here’s what we’re getting wrong
Over-optimizing for data can kill creativity in UX. Learn how to bring intuition and empathy back into your design process.
Getting started with Claude 4 API: A developer’s walkthrough
This guide explores how to use Anthropic's Claude 4 models, including Opus 4 and Sonnet 4, to build AI-powered applications.
Designing drag and drop UIs: Best practices and patterns
Let's explore why and when to use drag and drop, discussing real-world examples, platform-specific considerations, and accessibility tips.
What scarcity taught me about designing for attention
Scarcity drives attention — if used right. Learn how to apply ethical, psychology-backed scarcity in your UX workflows and interfaces.
AI dev tool power rankings & comparison [July 2025 edition]
Which AI frontend dev tool reigns supreme in July 2025? Check out our power rankings and use our interactive comparison tool to find out.
Pivot or perish: Why product agility determines market survival
Great product managers spot change early. Discover how to pivot your product strategy before it's too late.
Leader Spotlight: Human empathy in the age of AI, with Thach Nguyen
Thach Nguyen, Senior Director of Product Management — STEPS at Stewart Title, emphasizes candid moments and human error in the age of AI.
How API client automation can save you hours in development
Learn how OpenAPI can automate API client generation to save time, reduce bugs, and streamline how your frontend app talks to backend APIs.
Where your focus is actually going (and how to get it back)
Guard your focus, not just your time. Learn tactics to protect attention, cut noise, and do deep work that actually moves the roadmap.
Leader Spotlight: Data-driven vs. human-centered decision making for product design, with Rumana Hafesjee
Rumana Hafesjee talks about the evolving role of the PM in today’s "great hesitation," explores reinventing yourself as a leader, and the benefits of fractional leadership.
10 best hero section examples and what makes them effective
Discover how to craft UX-friendly hero sections with examples, design tips, and strategies that drive engagement and conversion.
What is a website’s hero section? Best practices, tips, examples
Discover how to craft UX-friendly hero sections with examples, design tips, and strategies that drive engagement and conversion.
Adopting Apple’s Liquid Glass: Examples and best practices
It’s a good time to start thinking about best practices for adopting elements of Liquid Glass thoughtfully in your own designs.
I tried Figma Make — here’s what it gets right (and what’s still broken)
Figma Make promises AI-generated code from your designs. I gave it a spin — here’s what worked, what didn’t, and what UX designers should watch for.
SOLID series: Understanding the Interface Segregation Principle (ISP)
Learn how the Interface Segregation Principle (ISP) helps avoid bloated code, improve maintainability, and support scalable software design.
Leader Spotlight: Making informed partnership and acquisition decisions, with Trey Courtney
Trey Courtney talks about his process for evaluating partnerships or acquisitions and how he successfully implements these initiatives.
Leader Spotlight: Adopting and championing responsible AI, with Asma Syeda
Asma Syeda shares the importance of responsible AI and best practices for companies to ensure their AI technology remains ethical.
How HTML’s <selectedcontent> element improves dropdowns
is an experimental HTML element that gives developers control over how a selected option is displayed, using just HTML and CSS.
How to get faster data access in Node.js with Valkey
Learn how to implement an advanced caching layer in a Node.js app using Valkey, a high-performance, Redis-compatible in-memory datastore.
I’ve designed AI search — here’s what works
I share lessons from designing AI search interfaces that users actually rely on — no hype, just what works in practice.
How to properly handle rejected promises in TypeScript
Learn how to handle rejected promises in TypeScript using Angular, with tips for retry logic, typed results, and avoiding unhandled exceptions.
The most valuable hard skills for product managers in 2025
What hard skills do PMs need in 2025? Learn how AI tools can help you level up in SQL, Figma, A/B testing, and more.
Leader Spotlight: Quantifying the unquantifiable, with Paul Weston
Paul Weston talks about “quantifying the unquantifiable,” i.e., bringing in objective data for things that otherwise seem hard to measure.
I’ve overdesigned before — here’s what I’ve learned about doing less
Overdesign isn’t about bad design — it’s about overthinking. Learn how to simplify without compromising clarity or creativity.
Your AI has agency — here’s how to architect its frontend
Explore how to create UI frameworks that visualize and manage intelligent AI agents with agency and real-time feedback.
How to future-proof your PM career with emotional intelligence
As AI reshapes product roles, learn how emotional intelligence, curiosity, and balance will define the next-gen tech product leader."
Leader Spotlight: Honing a relationship-first mindset, with Lars Rieger
Lars Rieger, Head of Product at Digistore24 DACH, talks about the importance of relationships in product management.
Leader Spotlight: Embracing lifelong learning, with Jie Cheng
Jie Cheng talks about how she brought an ecommerce and digital mindset to various organizations, including Mondelēz and Conair.
UX burnout is real — here’s how to spot and prevent it
UX burnout isn’t a personal failure — it’s often systemic. This blog explores real causes and team-level solutions designers and leaders can act on.
How to design apps with Apple Intelligence in mind
Explore the core features of Apple Intelligence, and consider do's and don'ts for designing with Apple Intelligence in mind.
How to optimize your Next.js app with after()
Next.js' after() is a new API that lets you run logic after your route has finished rendering, without blocking the client.
A complete guide to AdTech for product managers
Monetizing with ads isn’t plug-and-play. Learn how AdTech really works so your product can generate sustainable, scalable revenue.