#优质博文 #前端 #web_component #组件 #响应式 #javascript #css
Hyper-responsive web components
AI 摘要：这篇文章介绍了如何构建“超响应”的Web组件，旨在适应不同网站和视口。作者首先探索了三种方法，最后选择了基于Web组件和Shadow DOM的方式，以实现样式的完全封装。通过使用CSS自定义属性和`clamp()`函数，组件可以在不同屏幕尺寸下自适应文本和间距。此外，使用CSS容器查询解决了流体排版在小容器中失控的问题。最终，文章展示了如何通过灵活的布局和渐进增强技术，实现高效、便携的Web组件设计。
via Trys Mudford
Trysmudford
Hyper-responsive web components | Trys MudfordIntrinsic design, container queries and cqi typography
#follow #邀请码ZyHKMIZsFI
follow 邀请码一枚自取喵~领了邀请码记得评论区说一声，希望签到 5 天后能在置顶的消息里评论一下返还一个邀请码，互帮互助~
唯一的要求是：请不要用我的邀请码拿去卖钱，把机会给喜欢 rss 的或者想了解了解 rss 的大伙用~
Telegram
cosine - 前端人の日常频道#碎碎念 #follow
前些天给某人的也签完到了，晚上8点定时发送再放一个了follow 邀请码（）
5天后能评论还一个邀请码的话就更好了🥰
#优质博文 #书签整理 #tools
收藏不等于有用，6 条准则助我高效管理书签 | 少数派
AI 摘要：这篇文章介绍了如何通过6个准则高效管理浏览器书签。准则包括：设定收藏标准、使用单层目录和标签、简化命名格式、方便检索、即时分类和使用阅读清单。作者强调避免无效收藏，删除无用和失效的书签，并通过简洁的命名和标签管理，使书签更加直观和易于查找。文章还推荐了整理书签的工具和插件，帮助读者优化书签管理，提高日常工作和生活效率。
感觉推荐的挺有用的，以下是原文摘出来总结的
1. 推荐一个 Chrome 浏览器插件「批量清理书签插件 Bookmarks clean up」，用于首步整理，清理无效书签和重复书签
2. 面对新书签，制定明确的收藏标准，如果不能肯定回答以上问题，那么这个书签可能就不需要被收藏。并且作者提供了自己的收藏标准
3. 使用单层目录和标签对书签分类，（按照用途分类/按照频率分类：如每日使用、偶尔使用等/按照项目分类：如不同的工作项目、学习课程等）要方便记忆。
按固定格式命名，· <分类> | <描述> <标签1> <标签2> <标签3>
或者，让 AI 帮你重命名书签，「能不动手就动脑」。
4. 好的命名大家都会（不，我不会QAQ），但缺少一个好用的搜索工具，默认的书签搜索很不方便。浏览器无鼠标操作的插件 Vimium-c-全键盘操作浏览器。
#优质博文 #阮一峰的科技周刊 #前端 #在线网站 #tools
科技爱好者周刊（第 318 期）：创业咖啡馆的记忆
1. 怎么写 CSS 的打印样式（英文） 📓 本文是一篇教程，介绍网页打印样式的 CSS 写法。涵盖了页面布局控制、页眉页脚处理及通过 JavaScript 生成打印友好内容等技术。 #css
2. 使用 Caddy 部署 Web 应用程序（英文） 📓 一篇长文，介绍 Caddy 如何当作 Web 服务器的初学者教程。#caddy #部署 #docker
3. 好的重构 vs 坏的重构（英文） 📓 有些时候，重构之后的代码比之前还难懂。本文逐一举例，分析怎样的重构是好的，怎样是坏的。
4. 哨兵值是什么（英文）📓 这篇短文通过牙膏的例子，解释什么是编程使用的哨兵值（sentinel value）。
5. common-intellisense 📓 VS Code 插件，为多种常用的前端 UI 库提供注释和类型提示。 #vscode
6. Franzelio 一个有意思的网页小游戏，在网页上画线，反弹小球，发出的声音组成旋律。
Betterstack
Deploying Web Apps with Caddy: A Beginner's Guide | Better Stack CommunityExplore Caddy's key features: static file serving, reverse proxying, automatic HTTPS, and integrations for log and uptime management
好像对引用消息有点问题，再试试：This message is used to verify that this feed (feedId:43280677317770240) belongs to me (userId:52620580024514560). Join me in enjoying RSS on the next generation information browser https://follow.is.
#碎碎念
这几天先沉迷黑神话去了，好玩，爱玩
【猿神第二章启动！怎么还在第二章-哔哩哔哩直播】 https://b23.tv/LWAdnEh
Bilibili
黑神话第二周目 - 余弦Cocos - 哔哩哔哩直播，二次元弹幕直播平台哔哩哔哩（bilibili）直播，在这里看见最年轻的生活方式，学习、游戏、电竞、宅舞、唱见、绘画、美食等等应有尽有，快来捕捉你最喜欢的up主最真实的一面吧！弹幕，礼物，道具，活动多种玩法，bilibili 直播让您拉进与小伙伴们之间的距离。
云音乐贵州机房迁移总体方案回顾
不知道有没有关系但是我那天还看了这篇文章，乐呵（）
Weixin Official Accounts Platform
云音乐贵州机房迁移总体方案回顾贵州机房迁移是云音乐历史上规模最大、人员最多、难度最高的技术项目，此文对总体方案进行回顾。
#碎碎念 #草
https://www.zhihu.com/question/610436469/answer/3132685143
好主意，下次游戏名字就叫 use client
好主意，下次游戏名字就叫 TypeError Error Warning 干扰日志检索
好主意，下次...