呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
好看的站点!
https://jordan-delcros.com/
Jordan Delcros 重建了个人作品集,展示其 WebGL、动画和交互式开发方面的最佳项目和技能,标志着其作为自由职业开发者的全新旅程。
via Jordan Delcros Portfolio - Awwwards SOTD
#优质博文 #前端 #css #新特性
震惊,有生之年居然看到CSS attr()全属性支持
via 张鑫旭
震惊,有生之年居然看到CSS attr()全属性支持
AI 摘要:CSS attr() 这一特性在 Chrome 133 版本开始得到支持。通过 attr() 函数,CSS 代码量可大幅减少,HTML 属性直接控制样式变得更加灵活,例如间距、颜色、背景图等样式的动态设置。此外,文章还揭示了如何通过 image-set() 函数实现动态 URL 作为背景图显示的创新方法。尽管目前浏览器支持尚不全面,但作者对未来充满期待,认为 CSS 的发展将带来更多可能性。
via 张鑫旭
今天被一个 Reddit 回答惊艳到。
与软件开发中的代码作斗争是一回事。而通过运用战略性软技能与僵化的世界观和自我意识作斗争则完全是两码事,而且是你可以学习的东西。
你可能不应该在早期阶段就固执己见,开始质疑。残酷的事实是,你是这家公司的新人,你必须接受——也必须接受——所有你之前遇到的愚蠢行为,就像其他开发人员一样。
等你慢慢适应了这个角色,你可能会发现自己更有能力去质疑这类事情了。但是!如果你所在的团队一直以来都不愿意听取你的理性意见,你就得加倍努力,列出一系列对你有利的技术论据,并用巧妙的论证说服他们。
所以,虽然我有一些疑问,而且我对一些事情很有主见——关于如何 “正确” 地做事——但我绝对不会开始质疑,除非我先把自己的论点写在纸上,并列好很多很多的清单。然后,我会向老板提出我想提出的问题。
从自己和年轻群友喜欢的内容对比来看,自己大抵是老了。
对于新词新概念的接受程度大幅下降了。
不再像年轻时那样,对新概念非常感兴趣,甚至认为没有新概念约等于过去的老古董。
老了之后就反过来了,对自己所不能理解的新概念非常排斥。
如果不是用旧词定义的缩写,出现一个真正的新词就已经产生反感了。
出现多几个就认为它在哗众取宠,不值得一读。
但是不得不承认,不断发明新概念是一种趋势。
尤其是在认知提升,效率控之类的领域。
但是积极上进的群友都很关注这些。
就导致很多时候群友转发或者讨论某种新概念,例如元心智或者氛围编程。
然后自己却已经对它打上哗众取宠的标签,完全没有能聊的共同语言。
#优质博文 #前端 #node #新动态
⚡️ Node Weekly #579
author Peter Cooper
⚡️ Node Weekly #579
AI 摘要:本文是 Node Weekly 第 579 期(2025 年 5 月 27 日)的newsletter,涵盖了 Node.js 社区的最新动态、工具更新和技术文章。内容包括 Node.js 协作峰会的报告、TypeScript 原生预览版的发布、Glitch 平台停止托管服务的消息、Node.js 版本更新,以及一系列与 Node.js 相关的工具和资源。此外,还涉及 JavaScript 生态系统的其他热点话题,如 Deno 的发展现状和 JavaScript 30 周年纪念。
• Node.js 协作峰会报告:每年两次的峰会讨论了 CI 安全事件、Async Context、编译应用到可执行文件的能力提升、Undici、模块加载器钩子及与 Chrome DevTools 的更好集成。
• Node.js TSC 拒绝功能赏金计划:讨论了是否应设立正式的功能赏金计划以奖励特定功能开发,官方暂时否决了此提议。
• TypeScript 原生预览版发布:TypeScript 编译器移植到 Go 语言,速度提升 10 倍,支持原生编译和并发处理,用户可自行尝试。
• 简讯 (In Brief):
• Glitch 平台停止应用托管服务,未来方向不明。
• Astro 5.8 发布,不再支持 Node v18.20.8 之前的版本。
• Angular 20 即将发布,完全放弃 Node 18 支持。
• Node.js Next 10 调查仅剩三天。
• Node v24.1 (Current) 和 v22.16.0 (LTS) 发布,新增 node.config.json 支持。
• Seokho Song 撰写了关于成为最新 V8 提交者的文章。
• 技术文章:
• 探讨 Node.js 控制台文本样式的多种方法。
• 介绍 Node.js 内存管理中的 ArrayBuffer、TypedArray 和 Buffer。
• 讲解数组索引方法 at() 如何简化操作。
• 代码与工具 (Code & Tools):
• Google Gen AI SDK v1.1:支持 TypeScript 和 JavaScript,集成 Gemini API。
• Astra:新的 JavaScript 转 EXE 编译器,仅限 Windows。
• Defuddle:提取网页主要内容的工具,类似 Mozilla 的 Readability。
• express-generator-typescript:Express.js 和 TypeScript 应用生成器。
• 其他工具更新包括 Express Slow Down、exiftool-vendored、Slonik、Multer 等。
• JavaScript 生态其他动态:
• Deno 团队发布 JavaScript 30 周年历史时间线。
• Ryan Dahl 称有关 Deno 之死的报道被大大夸大了。
• ESLint 9.0 过渡回顾及问题总结。
• Socket 发现更多恶意 npm 包。
• 开发者对 Node、Go、Rust 等语言进行压力测试,Node 表现不错,但最终在巨大的内存压力下失败了。
author Peter Cooper
#前端 #demo #webgl #动画 #codepen #svg
SVG Filter BurnEffect
很酷的 Burn 效果,使用 SVG Filter 实现。
https://fixupx.com/jh3yy/status/1926072273095491728
SVG Filter BurnEffect
很酷的 Burn 效果,使用 SVG Filter 实现。
https://fixupx.com/jh3yy/status/1926072273095491728
#优质博文 #前端 #css #动画 #交互设计 #设计
Animated Product Grid Preview with GSAP & Clip-Path
author Gwen Bogaert
Animated Product Grid Preview with GSAP & Clip-Path
AI 摘要:本文详细介绍了一种利用 GSAP 和 CSS clip-path 技术实现的创意产品网格到全预览的悬停交互效果。作者受到设计伙伴的灵感启发,通过简化和视觉错觉的方式,将复杂的动画效果分解为多个步骤实现,包括布局设置、clip-path 动画、产品卡片移动、预览图像缩放以及图片画廊效果等。教程不仅展示了技术实现,还强调了简化和优化代码的重要性,同时关注了可用性和可访问性问题,适合对前端动画和交互设计感兴趣的开发者学习。
author Gwen Bogaert