Empty states in UX done right: 4 inspiring examplesLogRocket Blog/@Yaroslav Malymon文章指出在用户体验里,空状态常被忽视其与用户互动的机会。接着介绍了Slack、Pinterest、Dropbox和Duolingo四个品牌利用空状态教育、激励和转化用户的案例,如Pinterest通过早期个性化填充内容,Duolingo用每
Is it Time to Un-Sass?CSS-Tricks/@Jeff Bridgforth作者参与前端学习交流活动,探讨Sass相关话题。提到Sass的一些功能已融入原生CSS,如自定义属性比Sass变量更强大,还分享了在自定义媒体查询中用原生CSS函数替代Sass函数的实验,鼓励尝试新事物,新旧方法结合构建网站。
How to generate (actually good) designs with AIBuilder.io Blog本文介绍了如何在2025年利用AI工具生成丰富、交互式设计,作者分享了一些使用技巧,如通过提示词从灵感效果开始设计,还介绍了从Figma到代码再回到Figma的双向循环工作流程,强调现在可以用代码设计出有真实效果且能快速迭代的界面,无需成为
Flutter A GlobalKey was used multipletimes inside one widget'schild list.The ...掘金前端/@卡尔特斯描述了安卓通过scheme调起未启动的APP时,进入APP后会白屏一会然后报错:A GlobalKey was used multiple times inside one widget's child list的情况。
React 组件设计:9 种让你的 UI 坚不可摧的架构模式程序员成长指北本文深入介绍了9种经过打磨和验证的React组件架构模式,包括Presentational + Container模式、Compound Component模式、Render Props等。这些模式能让组件更易维护、实现复用并简化团队协作,
Middleware in React RouterRemix Blog文章介绍了React Router 7.9.0中中间件功能已稳定,通过future.v8_middleware标志实现。回顾了中间件功能的发展历程,包括最初的需求、尝试以及与Remix的关系等,还给出了使用示例。
7 Levels of Context Engineering for DesignersBuilder.io Blog文章指出设计师使用AI工具时因缺乏上下文,输出往往不符合设计系统。以Fusion为例,阐述了上下文工程技术能让AI参考设计和代码模式,更好地实现设计需求,提供更多上下文能得到更好结果,还可免费试用Fusion体验
Paid research participant recruitment is dead. What should you do instead?LogRocket Blog/@Daniel SchwarzUX研究中招募参与者很重要但有挑战,本文介绍了三种更明智且具成本效益的招募方式及其优缺点,还提到了从非自有社区获取参与者等经验。
Three.js 冰淇淋卡车:手工打造的三维动画甜品车与梦幻场景初识Threejs文章展示了使用Three.js的WebGL小实验,手工打造了冰淇淋卡车与梦幻场景,介绍了如何用Three.js API构建模型、材质、灯光和动画来形成三维画面,并给出了实现代码和相关链接。
6 alternatives to navigation menus (with real product examples)LogRocket Blog/@Edward Chechique/3 天前文章指出传统导航菜单查找信息不便捷,用户面临困难,介绍了应用WCAG指南和键盘快捷键的重要性,还提到AI正推动搜索方式改变,如LogRocket的Galileo AI可帮助理解用户体验
The “Most Hated” CSS Feature: cos() and sin()CSS-Tricks/@Juan Diego Rodríguez/3 天前文章探讨了CSS中可能被认为是“最讨厌”的特性——三角函数cos()和sin(),介绍了它们在计算元素位置以及实现动画等方面的实际用途。
Frontend developers are burned out, not lazyLogRocket Blog/@Shalitha Suranga/3 天前文章指出Web开发发展迅速,现代前端开发虽有框架助力,但也带来诸多问题,如学习成本增加、交付时间变长、框架存在局限性等,还提到了招聘、入职、职业发展及可维护性方面的问题,强调要合理利用框架,把更多时间放在产品价值上。
Shader驱动的图片方块分解效果,Web实验美学新高度初识Threejs/5 天前文章介绍了一种由Shader驱动的图片方块分解效果,通过滚动页面,图像会被分解成方块,形成酷炫的视觉效果。该效果由@webflow、@threejs和@greensock打造,展示了网页实验性的新高度。
Electron中的下载操作掘金前端/@争当第一摸鱼前端/5 天前文章介绍了Electron中的两种下载操作方案,一种是基于Electron的DownloadItem,另一种是基于worker_thread的worker方案,并给出了相应的代码示例。
What Can We Actually Do With corner-shape?CSS-Tricks/@Daniel Schwarz/6 天前文章讲述了代码中圆角最初实现方式繁琐,自border - radius出现后节省了时间。现在可以使用corner - shape属性,介绍了其取值顺序及省略值的推断逻辑,还通过示例展示了如使用corner - shape创建工具提示等应用场
Can native web APIs replace custom components in 2025?LogRocket Blog/@Daniel Schwarz/6 天前文章探讨了原生Web API是否能在2025年取代自定义组件,介绍了dialog、details、Popover等原生Web API的特性及带来的优势,指出这将形成更健康的Web生态系统。
Compiling Multiple CSS Files into OneCSS-Tricks/@Geoff Graham/7 天前作者讲述了Stu Robson探索不依赖Sass编译多个CSS文件的方法,介绍了使用PostCSS的方式及相关原理等
Too many tools: How to manage frontend tool overloadLogRocket Blog/@Shalitha Suranga/7 天前文章指出前端开发工具的增长带来了工具过载问题,影响了决策和日常任务。过去开发简单,现在工具众多,独特概念使开发复杂。以React为例说明初学者学习成本增加。建议根据开发场景选工具,关注清晰度、稳定性等,不盲目追潮流技术。
I tried Google Stitch. Here’s what I loved (and hated) about itLogRocket Blog/@Chinwe Uzegbu/8 天前作者对Google收购Galileo AI后改名为Google Stitch的工具进行了评测,分享了使用体验,包括定价变化、设计相似性和跨平台设计功能限制等方面
What’re Your Top 4 CSS Properties?CSS-Tricks/@Geoff Graham/8 天前文章提出若只用4个CSS属性构建网站该选哪些属性的问题,不同人给出了不同答案并阐述了理由,还引发读者思考自己的选择。