Web Components DemystifiedCSS-Tricks/@Geoff Graham作者分享了Scott Jehl发布的关于Web Components Demystified课程的笔记,介绍了Web Components相关概念,如Shadow DOM、Slots,以及使用方法等
What is an LLM (For Web Developers)Builder.io Blog文章介绍了大语言模型(LLMs)是什么、如何工作以及如何添加到Web项目中,强调了其对软件开发的改变,并鼓励开发者尝试使用。
Healthcare UX: Solving design challenges with real-world impactLogRocket Blog/@Reda Attarça文章指出医疗保健应用程序不应让用户费力,好的用户体验能使数字健康工具更快且更具支持性,以作者重新设计医疗CRM的经历为例,阐述了电子健康记录等医疗系统在用户体验方面存在的问题及改进方向,强调好的用户体验在医疗领域不仅方便还能拯救生命。
How to handle react-scripts in a fast-changing React landscapeLogRocket Blog/@Ibrahima Ndaw本文回顾了react-scripts的基础知识、功能、在React生态系统中的地位以及现代React开发的替代方案。介绍了它作为Create React App创建的React应用程序的配置和构建工具层,抽象了复杂配置,让开发者专注写代码。
Leader Spotlight: Optimizing conversions and loyalty in beauty brands, with Victoria KatsarouLogRocket Blog/@Sibel BagcilarVictoria Katsarou分享了在美妆品牌中提高客户忠诚度和转化率的策略,包括注重移动端内容、速度和结账流程,以及通过电子邮件触发减少购物车放弃等,还强调了忠诚度的重要性和用户体验的改进。
The complete guide to the AbortController APILogRocket Blog/@Joseph Mawa/3 天前本文提供了AbortController和AbortSignal API在前端和后端(重点是Node.js和React)的完整使用指南,介绍了AbortController API的基本概念、AbortSignal的相关内容,并通过具体示例
闭包、作用域与作用域链:概念与应用掘金前端/@悬炫/3 天前文章介绍了JavaScript中闭包、作用域与作用域链的概念、形成条件、作用、注意事项,并以React的Hook为例说明闭包在其中的应用,强调理解这些概念有助于编写更高效可靠的代码。
RxJS的设计原理以及用了哪些设计模式掘金前端/@Audi_A4L/3 天前本文主要介绍了RxJS的设计原理,它基于响应式编程范式,通过观察者模式和函数式编程概念处理数据流和事件传播。同时阐述了其主要设计模式,包括观察者模式、装饰器模式、命令模式、组合模式和中介者模式等,这些模式组合提供了强大工具集处理异步事件流,
vCard名片二维码在前端的生成与扫描掘金前端/@xulihang/3 天前本文介绍了电子名片文件格式标准vCard,讨论了如何使用JavaScript构建HTML页面生成和扫描vCard二维码,还介绍了相关功能的实现细节及所需的第三方库,并提供了源代码链接。
使用source map进行代码调试掘金前端/@fengjutian/3 天前文章讲述开发新功能后在生产环境遇错误,通过source map可将压缩代码映射到实际源代码进行精确定位调试,介绍了source map相关知识、创建方法及使用技巧等
A guide to image overlays in CSSLogRocket Blog/@Ibadehin Mojeed/3 天前本文介绍了CSS中图像叠加的基础知识,包括如何在CSS中添加图像层以及如何使用伪元素为背景图像添加叠加效果,还探讨了一些更具交互性的技术,如悬停效果和动画。
How to use EJS to template your Node.js applicationLogRocket Blog/@Samuel Olusola/3 天前本文介绍了如何在Node.js应用中使用EJS模板来动态生成HTML文档,包括设置EJS为视图引擎、在模板中使用JavaScript运算符、传递数据到局部模板等内容。
Dark mode UI design: Best practices and examplesLogRocket Blog/@Chidera Nwankwagu/4 天前文章介绍了暗模式并非新的设计潮流,其历史比亮模式更久。还阐述了暗模式UI设计的最佳实践,如使用对比友好的色调、支持动态主题、保持适当对比度等,并以一些设计为例进行说明。
Powering Search With Astro Actions and Fuse.jsCSS-Tricks/@Bryan Robinson/4 天前文章讲述了利用Astro Actions和Fuse.js为网站添加搜索功能的相关内容,包括Astro框架在处理搜索功能时的特点,以及如何设置相关配置以实现搜索,还提到了Astro在前端框架领域的发展和探索。
TypeScript Announces Go Rewrite, Achieves 10x Speedup (article)Total TypeScript/@Matt Pocock/4 天前TypeScript宣布用Go进行全面重写,测试中在一些仓库实现了10倍甚至15倍的速度提升,这将影响TypeScript生态系统的各个部分,包括CLI和IDE中的性能,且新特性仍会在JavaScript版本中添加。
How to conduct a heuristic evaluation for UX/UI designsLogRocket Blog/@Bart Krawczyk/4 天前本文介绍了启发式评估是什么以及如何进行,通过该方法可评估用户界面、发现问题并提升设计的整体可用性,还提到了常见的可用性启发式原则以及一些替代原则等
Export Figma to CSSBuilder.io Blog/4 天前介绍了一款名为Visual Copilot的工具,它能将Figma设计转换为干净、响应式的CSS,可用于任何前端栈,还能生成与现有技术栈完美集成的代码,并可进一步定制,能加速团队的网页开发工作。
Sustainable UX: Prioritizing sustainability vs. engagementLogRocket Blog/@Allie Paschal/5 天前文章指出UX设计师可能未意识到产品与可持续性的关联,以Duolingo的连续学习为例说明部分设计对环境有负面影响,进而探讨了在用户体验设计中平衡可持续性和用户参与度的方法,如未来-proof设计、减少HTTP请求等,并介绍了LogRocke
Smashing Meets AccessibilityCSS-Tricks/@Geoff Graham/5 天前讲述了Smashing Magazine近期举办的关于可访问性的活动,作者主持了相关小组讨论,还提到了一些参与活动的人及他们分享的故事
How to install and use NVMLogRocket Blog/@Carlos Mucuho/5 天前介绍了NVM(Node Version Manager)这个命令行工具,它能简化管理多个活跃Node.js版本的过程,可实现安装、切换和管理不同版本而不产生冲突,还介绍了其基本使用方法和高级功能。