# LogRocket Blog Resources to Help Product Teams Ship Amazing Digital Experiences This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## What is the Double Diamond design process? DevFeed: [What is the Double Diamond design process?]() Original publisher: [Read original article]() Author: Victory Brown Published: 2026-07-28T17:30:37Z Content type: article Language: en Sources: [LogRocket Blog]() Topics: [User experience (UX)](), [data]() Tags: [analytics](), [article](), [blog](), [data](), [design](), [design-trends](), [framework](), [product-development](), [research](), [uncategorized](), [ux](), [ux-design]() ### AI overview The article explains the Double Diamond, a UX framework that guides teams from problem discovery to solution delivery through alternating divergent and convergent phases. It covers the Discover and Define stages, user research, data analysis, prototyping, testing, and the framework's relationship to design thinking and modern product development. ### Source excerpt The Double Diamond design process helps UX teams balance exploration with decision-making, guiding projects from problem discovery to solution delivery. Learn how each phase works, which tools to use, when the reverse Double Diamond makes sense, and why the framework remains relevant for modern product development. The post What is the Double Diamond design process? appeared first on LogRocket Blog. ## Getting started with Meilisearch: A complete guide DevFeed: [Getting started with Meilisearch: A complete guide]() Original publisher: [Read original article]() Author: Michiel Mulders Published: 2026-07-28T16:00:35Z Content type: tutorial Language: en Sources: [LogRocket Blog]() Topics: [AI search](), [Retrieval Augmented Generation (RAG)](), [AI, ML & Data Engineering](), [SDKs](), [API keys]() Tags: [ai](), [apis](), [authentication](), [cloud](), [dev](), [guide](), [open-source](), [retrieval](), [rust](), [search](), [tutorial](), [uncategorized]() ### AI overview A tutorial for setting up Meilisearch, indexing documents, and using keyword, semantic, and hybrid search with AI-powered retrieval. ### Source excerpt Learn how to set up Meilisearch, index documents, and build keyword, semantic, and hybrid search with AI-powered retrieval. The post Getting started with Meilisearch: A complete guide appeared first on LogRocket Blog. ## pnpm vs. npm: Which package manager should you use? DevFeed: [pnpm vs. npm: Which package manager should you use?]() Original publisher: [Read original article]() Author: Chinwike Maduabuchi Published: 2026-07-28T13:00:17Z Content type: article Language: en Sources: [LogRocket Blog]() Topics: [npm](), [Security](), [supply-chain-security](), [JavaScript](), [Application Security](), [Yarn]() Tags: [application-security](), [article](), [dev](), [javascript](), [security](), [supply-chain](), [uncategorized](), [vulnerabilities]() ### AI overview This article compares npm and pnpm as JavaScript package managers, focusing on security defaults, disk usage, dependency strictness, workspace behavior, and software supply chain risk. It explains how pnpm's content-addressable store and linked dependencies improve efficiency while stricter installation policies can make migrations more demanding. ### Source excerpt Compare pnpm and npm across security defaults, disk usage, dependency strictness, and workspace policy to decide which package manager fits your project. The post pnpm vs. npm: Which package manager should you use? appeared first on LogRocket Blog. ## Tailwind CSS vs. StyleX: A real migration with 20 components DevFeed: [Tailwind CSS vs. StyleX: A real migration with 20 components]() Original publisher: [Read original article]() Author: Chizaram Ken Published: 2026-07-27T13:00:36Z Content type: comparison Language: en Sources: [LogRocket Blog]() Topics: [Tailwind CSS](), [migration](), [CSS](), [Web Development](), [React]() Tags: [code](), [comparison](), [css](), [dev](), [developer-experience](), [migration](), [tailwind](), [time](), [uncategorized]() ### AI overview A practical comparison of migrating 20 production-style components from Tailwind CSS to StyleX. The article measures lines of code, CSS output, build time, configuration effort, and styling issues, finding that StyleX used more styling code, produced a similar CSS bundle, built slightly faster in the test, and provided stronger static checks. ### Source excerpt I migrated 20 production-style components from Tailwind to StyleX. Here's what the data showed about LOC, CSS bundle size, build time, and type safety. The post Tailwind CSS vs. StyleX: A real migration with 20 components appeared first on LogRocket Blog. ## JWT authentication: Best practices and when to use it DevFeed: [JWT authentication: Best practices and when to use it]() Original publisher: [Read original article]() Author: Flavio Copes Published: 2026-07-23T17:00:27Z Content type: tutorial Language: en Sources: [LogRocket Blog]() Topics: [JSON Web Tokens](), [Authentication](), [Security](), [Authorization](), [web applications](), [JSON](), [payload](), [client](), [OAuth](), [OAuth 2.0](), [OpenID connect (OIDC)]() Tags: [authentication](), [best-practices](), [blog](), [dev](), [development](), [guide](), [http](), [json](), [oauth](), [payload](), [security](), [tokens](), [uncategorized](), [web-applications](), [web-development]() ### AI overview This tutorial explains JWTs as a token format for transmitting claims between a server and client, covering their structure, encoding, authentication and authorization uses, security concerns, and best practices. It also discusses OAuth 2.0, OpenID Connect, secure token storage, refresh token rotation, XSS and CSRF risks, and when server-side sessions may be preferable. ### Source excerpt A guide for using JWT authentication to prevent basic security issues while understanding the shortcomings of JWTs. The post JWT authentication: Best practices and when to use it appeared first on LogRocket Blog. ## How to replace screen recordings with Remotion DevFeed: [How to replace screen recordings with Remotion]() Original publisher: [Read original article]() Author: Chizaram Ken Published: 2026-07-23T13:00:45Z Content type: tutorial Language: en Sources: [LogRocket Blog]() Topics: [React](), [Next.js](), [Code](), [AI Agent](), [App](), [Command-line interface](), [Chrome]() Tags: [ai-agent](), [article](), [blog](), [chrome](), [code](), [dev](), [developer](), [how-to](), [next-js](), [post](), [react](), [uncategorized]() ### AI overview A practical guide to replacing screen recordings with Remotion by building product demo videos as reusable React code. It covers adapting a Next.js application, rendering videos to MP4 from the terminal, handling Remotion's static rendering constraints, and using its AI agent integration to generate a composition from a natural-language prompt. ### Source excerpt Discover how to build, render, and automate product demo videos with Remotion, replacing traditional screen recordings with reusable React code. The post How to replace screen recordings with Remotion appeared first on LogRocket Blog. ## How to use Chrome's Modern Web Guidance to prevent AI agents from writing legacy frontend code DevFeed: [How to use Chrome's Modern Web Guidance to prevent AI agents from writing legacy frontend code]() Original publisher: [Read original article]() Author: Emmanuel John Published: 2026-07-22T13:00:25Z Content type: tutorial Language: en Sources: [LogRocket Blog]() Topics: [AI-assisted coding](), [Agent Skills](), [Web platform](), [Front end](), [Web Development](), [CSS](), [HTML](), [browser](), [Retrieval Augmented Generation (RAG)]() Tags: [agent-skills](), [ai](), [ai-agents](), [ai-coding](), [browser](), [css](), [dev](), [frontend](), [how-to](), [html](), [retrieval-augmented-generation-rag](), [uncategorized](), [web-platform]() ### AI overview Chrome's Modern Web Guidance adds current web platform guidance, browser compatibility data, and best practices to AI coding workflows. The article explains how this can help agents favor simpler native HTML, CSS, and browser API solutions over unnecessary legacy JavaScript, dependencies, and outdated patterns. ### Source excerpt Chrome's Modern Web Guidance embeds modern web platform skills into AI coding agents, helping them choose native HTML, CSS, and browser APIs over legacy patterns. The post How to use Chrome's Modern Web Guidance to prevent AI agents from writing legacy frontend code appeared first on LogRocket Blog. ## How to choose and adapt product management frameworks DevFeed: [How to choose and adapt product management frameworks]() Original publisher: [Read original article]() Author: Bart Krawczyk Published: 2026-07-22T12:30:48Z Content type: article Language: en Sources: [LogRocket Blog]() Topics: [Product Management](), [Frameworks]() Tags: [article](), [frameworks](), [how-to](), [product-management](), [tools-and-resources](), [uncategorized]() ### AI overview An article about choosing and adapting product management frameworks to fit product stage, constraints, problem type, and business context. It argues that frameworks such as RICE, JTBD, OKRs, Kano, and MoSCoW are starting hypotheses rather than universal answers, and emphasizes reading the situation before selecting or modifying a framework. ### Source excerpt Learn how to choose and adapt product management frameworks based on your product stage, constraints, problem type, and business context. The post How to choose and adapt product management frameworks appeared first on LogRocket Blog. ## Essential GUI design principles for creating intuitive interfaces DevFeed: [Essential GUI design principles for creating intuitive interfaces]() Original publisher: [Read original article]() Author: Eric Chung Published: 2026-07-21T13:30:53Z Content type: tutorial Language: en Sources: [LogRocket Blog]() Topics: [User interface design]() Tags: [accessibility](), [design](), [gui](), [testing](), [ui](), [ui-design](), [uncategorized](), [usability](), [ux-design]() ### AI overview A guide to GUI design principles, explaining how consistency, simplicity, feedback, accessibility, and user testing help create intuitive digital interfaces. ### Source excerpt Explore the core principles of GUI design and learn how consistency, simplicity, feedback, accessibility, and user testing contribute to better digital experiences. The post Essential GUI design principles for creating intuitive interfaces appeared first on LogRocket Blog. ## How to clean up AI-generated code with Fallow DevFeed: [How to clean up AI-generated code with Fallow]() Original publisher: [Read original article]() Author: David Omotayo Published: 2026-07-21T13:00:28Z Content type: tutorial Language: en Sources: [LogRocket Blog]() Topics: [Code quality](), [AI-assisted coding](), [TypeScript](), [JavaScript](), [Refactoring]() Tags: [ai](), [ai-coding](), [analysis](), [article](), [blog](), [code](), [code-quality](), [coding](), [complexity](), [dev](), [developer](), [development](), [how-to](), [javascript](), [learn](), [refactoring](), [software](), [tool](), [typescript](), [uncategorized](), [workflow]() ### AI overview This tutorial explains how to use Fallow, a TypeScript and JavaScript code analysis tool, to identify unused code, duplicate logic, and complexity in AI-generated code. It also covers setting up Fallow, interpreting its reports, and integrating automated code-quality checks into an AI-assisted development workflow. ### Source excerpt Learn how to use Fallow to analyze AI-generated code, detect dead code, duplicate logic, and complexity issues, and integrate automated code quality checks into your AI-assisted development workflow. The post How to clean up AI-generated code with Fallow appeared first on LogRocket Blog. ## Why I joined the Daily UI challenge after 5 years in UX, and what it taught me DevFeed: [Why I joined the Daily UI challenge after 5 years in UX, and what it taught me]() Original publisher: [Read original article]() Author: Neil Nkoyock Published: 2026-07-21T03:10:03Z Content type: opinion Language: en Sources: [LogRocket Blog]() Topics: [Artificial Intelligence]() Tags: [ai](), [career-development](), [creativity](), [design](), [illustration](), [typography](), [ui](), [uncategorized](), [ux](), [ux-design](), [ux-writing]() ### AI overview A UX designer revisits the 100-day Daily UI challenge to reconnect with hands-on design and compare manual work with AI-assisted concept generation. The experience explores whether shared AI tools flatten creativity, while observing that submissions responding to the same prompts can still differ substantially in typography, layout, color, illustration, and visual personality. ### Source excerpt After five years in UX, I revisited the Daily UI challenge to reconnect with hands-on design. Along the way, I learned that great interfaces come from thoughtful briefs, sound judgment, and user feedback, not just better AI tools. The post Why I joined the Daily UI challenge after 5 years in UX, and what it taught me appeared first on LogRocket Blog. ## 3 examples of great login screen designs DevFeed: [3 examples of great login screen designs]() Original publisher: [Read original article]() Author: David Hall Published: 2026-07-16T15:30:30Z Content type: article Language: en Sources: [LogRocket Blog]() Topics: [User experience (UX)](), [Authentication](), [passwords](), [App]() Tags: [2026](), [adobe](), [authentication](), [best-practices](), [blog](), [examples](), [guide](), [post](), [ui-design](), [uncategorized](), [ux](), [ux-design]() ### AI overview This article explains how to design effective login screens using real-world examples and UX best practices. It emphasizes secure, accessible, intuitive, low-friction authentication, helpful guidance, brand identity, and multiple sign-in options. Adobe Creative Cloud is presented as one example. ### Source excerpt Learn what makes a great login screen through real-world examples and UX best practices for creating secure, accessible, and low-friction authentication flows. The post 3 examples of great login screen designs appeared first on LogRocket Blog.