7 common CSS navigation menu mistakes and how to fix themLogRocket Blog/@Temitope Oyedele本文介绍了七个常见的CSS导航菜单错误,并阐述了如何使用CSS干净、响应式且可访问地修复它们。这些错误包括在关闭下拉菜单时未添加延迟、堆叠上下文管理不当等,即使经验丰富的开发者也常遇到,了解这些可避免导航菜单出现意外错误。
Angular @Component 装饰器实现解析掘金前端/@ze_juejin文章主要介绍了Angular框架中@Component装饰器的实现,包括其接口定义、完整实现和关键部分解析,展示了装饰器系统的核心机制
If your research isn’t inclusive, neither is your designLogRocket Blog/@Chinwe Uzegbu包容性设计始于对用户的理解,需进行有目的的包容性研究,介绍了研究方法并举例说明,还提及LogRocket工具能辅助理解用户体验
Breaking Boundaries: Building a Tangram Puzzle With (S)CSSCSS-Tricks/@Sladjana Stojanovic作者原本认为涉及旋转、空间逻辑和拼图解决的游戏是JavaScript的专属领域,但通过向AI提问获得动力,尝试仅用CSS构建七巧板游戏。作者详细介绍了如何运用CSS的地图、混合指令、函数和数学知识来实现游戏的各种功能,如形状裁剪、颜色变化、
Flutter 的Async/Await 日常使用掘金前端/@icc_tips文章介绍了Flutter中Async/Await的基本使用方法,如基本的Async/Await、使用FutureBuilder、基于流的异步模式、顺序执行模式等,并针对不同场景给出了选择正确异步模式的决策框架。
TanStack Start vs. Next.js: Choosing the right full-stack React frameworkLogRocket Blog/@Abiola Farounbi文章主要比较了TanStack Start和Next.js这两个全栈React框架,从架构、路由、开发者体验等方面分析了它们的核心特性,以帮助开发者为下一个React项目选择合适的工具。
Angular v20 might seem boring — Here are 6 reasons it’s notLogRocket Blog/@Yan Sun文章介绍了Angular v20的正式发布,虽乍看是维护更新,但实则有诸多实用升级,如linkedSignal的使用、新的httpResource实验性API等
A complete guide to UX design techniquesLogRocket Blog/@Ilma Andrade本文提供了UX设计技术的完整指南,涵盖研究、构思、原型制作和测试等方面,帮助梳理UX流程,正确运用设计技术以实现目标
Vibe-based UI building with Google Stitch — Is this the future of frontend?LogRocket Blog/@Emmanuel John/3 天前本文介绍了谷歌新的AI驱动的UI设计和开发工具Stitch,探讨了其在构建响应式多页面电子商务网站方面的应用,并指出了其可改进之处。
Get Vercel-level deployment without Vercel-level pricesLogRocket Blog/@Elijah Asaolu/3 天前文章探讨了如何将Next.js应用部署到Cloudflare Workers,以获得类似Vercel的性能且成本更低,还介绍了相关的配置方法和优化措施。
We shipped FinalizationRegistry in Workers: why you should never use itThe Cloudflare Blog/@Ketan GuptaHarris Hancock/3 天前Cloudflare Workers现在支持FinalizationRegistry API,该API可在JavaScript对象被垃圾回收时请求回调,用于管理外部资源,但在多数场景下应避免直接使用,因为其不确定性可能导致信息泄露等安全问题
Oxlint 首个稳定版本 1.0 发布,性能比 ESLint 快 50~100 倍前端圈/@voidzero/3 天前Oxlint首个稳定版本1.0发布,性能比ESLint快50到100倍,支持超500条ESLint规则,已被大公司采用,还介绍了其快速上手方式、亮点特性及相关致谢,并期待大家反馈。
Mock up a website in five promptsBuilder.io Blog/3 天前本文介绍了如何使用AI辅助工具Builder.io,在几分钟内创建网站模型,从概念到工作原型,并展示了从提示到PR再到生产的速度、灵活性和交互性。
I asked ChatGPT to help me design — here’s what workedLogRocket Blog/@Chidera Nwankwagu/4 天前作者分享了使用ChatGPT进行设计工作的经验,介绍了如何通过构建提示词来生成友好清晰的用户体验文案,以及使用RCTT结构让提示更有针对性,还提到了LogRocket的Galileo AI能帮助理解用户体验。
Top 5 Next.js alternatives for React developersLogRocket Blog/@Elijah Asaolu/4 天前文章为React开发者介绍了Next.js的5个替代品,阐述了Next.js的特点及变得复杂的情况,还介绍了其他框架如Astro、Vike等的特性。
What is a toast notification? Best practices for UXLogRocket Blog/@Iwalola Sobowale/4 天前文章介绍了toast通知在用户体验中的相关内容,如使用场景、最佳实践、常见陷阱以及如何使其具有可访问性等
TanStack Form vs. React Hook FormLogRocket Blog/@Amazing Enyichi Agu/5 天前文章对TanStack Form和React Hook Form这两个表单库进行了比较,并给出了基于不同标准的使用建议。
Creating an Auto-Closing Notification With an HTML PopoverCSS-Tricks/@Preethi/5 天前文章介绍了HTML弹出框属性可将元素转换为顶层元素,虽多数可通过点击外部关闭,但缺乏自动关闭功能。文中介绍了通过HTML、CSS和JavaScript实现自动关闭弹出通知的方法,如利用CSS的height属性隐藏弹出框,并通过JavaScr