呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
#demo #设计 #前端
你看到的进度条为什么会时快时慢？
分享一个有趣的进度条~原来背后还有这么多隐藏空间...
https://codepen.io/jh3y/pen/GRxmqEb
via 公众号 前端侦探
你看到的进度条为什么会时快时慢？
分享一个有趣的进度条~原来背后还有这么多隐藏空间...
https://codepen.io/jh3y/pen/GRxmqEb
via 公众号 前端侦探
#优质博文 #前端 #css #svg
1. 了解 SVG 坐标系和变换（第 1 部分）—— viewport、viewBox 和 preserveAspectRatio （全英）
2. 理解SVG viewport,viewBox,preserveAspectRatio缩放
遇到了svg的一些问题查了下，preserveAspectRatio="none" 可以拉伸svg，这个属性挺有用的
1. 了解 SVG 坐标系和变换（第 1 部分）—— viewport、viewBox 和 preserveAspectRatio （全英）
2. 理解SVG viewport,viewBox,preserveAspectRatio缩放
遇到了svg的一些问题查了下，preserveAspectRatio="none" 可以拉伸svg，这个属性挺有用的
Sara Soueidan
Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio
– The personal website of Sara Soueidan, inclusive design engineer
使用方法:
私聊 @yummy_search_bot，发送内容，点击检索结果即可跳转频道对应消息
下面几条命令任何用户都可以使用：
1. /search [keyword]: 搜索消息，同去掉 /search 的情形等价。
2. /chats [keyword]: 列出所有被索引的，标题中包含 keyword 的会话列表。如果没有指定 keyword，则返回所有的会话。bot 会返回一列按钮，点击一个按钮之后这条消息就对应了一个会话。有一些指令包含 chat_id 作为参数，对于这些指令，如果没有指定 chat_id 参数，那么可以通过回复这条消息来把会话的 ID 当作参数。如果回复搜索的关键词，则只搜索这个会话中的消息。
3. /random：返回一条随机的消息（暂不支持指定会话）
#前端 #阮一峰的科技周刊 #优质博文 #资源推荐 #typescript #css #html
科技爱好者周刊（第 266 期）：自己做双语 EPUB 电子书
（咕咕咕的有点久，问就是周末玩博德之门3玩的）
1、如何使用 Favicon（2023版）：本文介绍网页的 Favicon 现在应该怎么写。
2、PostgreSQL 如何制作全文搜索引擎：一篇初学者教程，讲解怎么使用 PostgreSQL 全文搜索功能。
3、TypeCell：一个 TypeScript 互动式网页环境，可以在网页文档上直接查看代码运行结果，类似于 Jupyter 笔记本，适合内嵌 TypeScript 代码的文档。
4、小抽屉：安卓 App，可以实现屏幕翻译，方便使用外国 App。
5、麦默笔记：基于 Web 的个人笔记软件，需要自己搭建服务，可以实现与其他站点的聚合。
科技爱好者周刊（第 266 期）：自己做双语 EPUB 电子书
1、如何使用 Favicon（2023版）：本文介绍网页的 Favicon 现在应该怎么写。
2、PostgreSQL 如何制作全文搜索引擎：一篇初学者教程，讲解怎么使用 PostgreSQL 全文搜索功能。
3、TypeCell：一个 TypeScript 互动式网页环境，可以在网页文档上直接查看代码运行结果，类似于 Jupyter 笔记本，适合内嵌 TypeScript 代码的文档。
4、小抽屉：安卓 App，可以实现屏幕翻译，方便使用外国 App。
5、麦默笔记：基于 Web 的个人笔记软件，需要自己搭建服务，可以实现与其他站点的聚合。
evilmartians.com
How to Favicon in 2025: Three files that fit most needs—Martian Chronicles, Evil Martians’ team blog
Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.
