#趣站 #css #交互设计
Drams Framer

赛博解压玩具网站 (x)
超解压且写实的按钮动画和音效（）

Product Hunt 链接：https://www.producthunt.com/posts/drams

#资源推荐 #tools #AI
推荐下tg机器人 ：Coze 创建 GPT-4 bot 然后链接 telegram 群组

https://www.coze.com/docs/zh_cn/publish/telegram.html

via David Zhang 投稿

#优质博文 #杂谈
After 14 years in the industry, I still find programming difficult

上面文章里提到的博文

AI 摘要：文章分享了作者从业14年后对编程的深刻认识。作者回顾了自己从一个对编程充满憧憬的学生到成为一名经验丰富的程序员的过程，并指出编程并不随经验的增加而变得简单。文章强调了编写好代码的难度，认为好的代码应该是易于人类理解的。作者提出了提高编程技能的方法，包括阅读经典软件项目和编程书籍。同时，文章讨论了创造性、避免完美主义、重视人际关系、有效学习方法和单元测试的重要性，并最终强调了控制复杂度的必要性。

via piglei

Piglei

After 14 years in the industry, I still find programming difficult | Piglei

piglei's blog

#优质博文 #杂谈
中外程序员差异

AI 摘要：文章探讨了中外程序员在工作习惯和文化上的差异。作者通过个人经历和观察，指出国外程序员更注重细节、文字表达能力强、个人职业目标明确，并且拥有较多的业余时间。这些差异反映了不同的工作环境和价值观，以及对技术和生活平衡的不同追求。

via 程序员的喵

CatCoding

中外程序员差异 | CatCoding

All about coding and writing

https://github.com/maqrtineLzjulyie/spotify-check-premium/blob/main/main.py
你能看出这个脚本里隐含的恶意代码吗？
幻术大师了属于是

#优质博文 #前端 #css #grid #博客推荐
CSS Grid 的交互式指南（全英）

群友推荐的很棒的博客，进去看了看质量确实很不错，文章都是交互式。可以进去看看历史文章

AI摘要：这篇教程是一个关于 CSS Grid 的互动指南，详细介绍了如何使用 CSS Grid 创建复杂的布局。文章通过各种示例和代码演示，解释了 CSS Grid 的基础知识，包括网格流程、行列的隐式和显式定义、使用 repeat 函数简化定义、子项的定位、网格区域的定义以及如何考虑键盘用户的体验。文章还讨论了对齐技巧和如何利用 CSS Grid 解决常见的布局挑战，旨在帮助读者建立对 CSS Grid 的直观理解，并掌握其强大功能。

via Josh Comeau

Joshwcomeau

An Interactive Guide to CSS Grid • Josh W. Comeau

CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share the…

她好记仇啊，之前吸尘器的声音吓到她了现在看到吸尘器就试探的上去邦邦的呼俩巴掌（结尾咱的猥琐笑声）
#傻猫

#前端 #css #demo #codepen
Shattering Images by Szenia Zadvornykh

一个独特的图片破碎效果，是需求时调研发现的。

技术分析：
- 使用Delaunay三角剖分算法将图片分割成若干个三角形片段
- 每个三角形创建一个Fragment对象。
- 每个Fragment对象包含一个小的canvas元素，该元素只绘制对应的三角形片段。
- 通过对每个Fragment的canvas应用动画效果，实现整个图片的破碎效果。
- 动画效果使用gsap库（TweenMax和TimelineMax）来实现

#资源推荐 #tools #视频工具
无意间找到的一个简洁好用的视频帧提取网站： 视频帧截图在线工具

配合 Youtube Downloader 下载 youtube 视频

#碎碎念 #猫
把猫猫图片跟视频放新频道了 @cosine_cat 分个流嘿嘿嘿
喜欢小腊八喜欢看猫片的可以关注然后免打扰喵

#前端 #css #demo #codepen
Animating text using Typed JS by Allistair Lee

「Simple text typewriter animation using Typed JS by Matt Boldt.」

打字机效果，博客可参考