呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页: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
#优质博文 #rsshub #follow
玩转 RSS(自建 RSSHub 篇)
from @yummybest
玩转 RSS(自建 RSSHub 篇)
本文将介绍如何自行搭建 RSSHub,利用 Watchtower 开启 Docker 容器自动更新,以及启用 Https 访问。
from @yummybest
才发现有了个助力,好玩儿(杜叔叔:这个我熟),我的频道订阅源:
rsshub://telegram/channel/cosine_front_endhttps://app.follow.is/share/feeds/43280677317770240
其实其他博客什么的也有认证,就是这个频道发的还比较多
#优质博文 #前端 #WebComponent #组件 #响应式 #javascript #css
Hyper-responsive web components
AI 摘要:这篇文章介绍了如何构建“超响应”的Web组件,旨在适应不同网站和视口。作者首先探索了三种方法,最后选择了基于Web组件和Shadow DOM的方式,以实现样式的完全封装。通过使用CSS自定义属性和`clamp()`函数,组件可以在不同屏幕尺寸下自适应文本和间距。此外,使用CSS容器查询解决了流体排版在小容器中失控的问题。最终,文章展示了如何通过灵活的布局和渐进增强技术,实现高效、便携的Web组件设计。
via Trys Mudford
Hyper-responsive web components
AI 摘要:这篇文章介绍了如何构建“超响应”的Web组件,旨在适应不同网站和视口。作者首先探索了三种方法,最后选择了基于Web组件和Shadow DOM的方式,以实现样式的完全封装。通过使用CSS自定义属性和`clamp()`函数,组件可以在不同屏幕尺寸下自适应文本和间距。此外,使用CSS容器查询解决了流体排版在小容器中失控的问题。最终,文章展示了如何通过灵活的布局和渐进增强技术,实现高效、便携的Web组件设计。
容器查询带来了一个新的长度单位:CQI 。这个单位是以最近的命名容器(container-type:inline-size)的比例来计算的, 1vi === 视口的 1%, 1cqi === 容器的 1%。
via Trys Mudford
#优质博文 #前端 #html
Smarter than 'Ctrl+F': Linking Directly to Web Page Content
AI 摘要:这篇文章介绍了网页“文本片段(Text fragments)”功能,该功能允许用户直接链接到页面中的特定文本,而不需要使用锚点标签。通过在URL后添加特定的语法,浏览器可以定位、滚动并高亮显示目标文本。文章还讨论了如何通过CSS的
via Ahmad Alfy
Smarter than 'Ctrl+F': Linking Directly to Web Page Content
AI 摘要:这篇文章介绍了网页“文本片段(Text fragments)”功能,该功能允许用户直接链接到页面中的特定文本,而不需要使用锚点标签。通过在URL后添加特定的语法,浏览器可以定位、滚动并高亮显示目标文本。文章还讨论了如何通过CSS的
::target-text 伪元素自定义高亮样式,以及当前的浏览器支持情况。文章最后指出,Chrome等浏览器已经内置了生成文本片段链接的功能,简化了操作。 via Ahmad Alfy
Linus Torvalds回应内核项目组删除俄罗斯贡献者条目:恢复是不可能的
Linus 在邮件列表支持此移除贡献者之举动,并批判 thread 中的质疑者。他称质疑者缺乏历史知识、是“俄罗斯巨魔” 或“疑似水军”。
Linus 原文赏析:
听懂了吗俄罗斯巨魔水军们,不要痴心妄想了
https://www.landiannews.com/archives/106274.html
Linus 在邮件列表支持此移除贡献者之举动,并批判 thread 中的质疑者。他称质疑者缺乏历史知识、是“俄罗斯巨魔” 或“疑似水军”。
Linus 原文赏析:
Ok, lots of Russian trolls out and about.
It's entirely clear why the change was done, it's not getting reverted, and using multiple random anonymous accounts to try to "grass root" it by Russian troll factories isn't going to change anything.
And FYI for the actual innocent bystanders who aren't troll farm accounts - the "various compliance requirements" are not just a US thing.
If you haven't heard of Russian sanctions yet, you should try to read the news some day. And by "news", I don't mean Russian state-sponsored spam.
As to sending me a revert patch - please use whatever mush you call brains. I'm Finnish. Did you think I'd be *supporting* Russian aggression? Apparently it's not just lack of real news, it's lack of history knowledge too
听懂了吗俄罗斯巨魔水军们,不要痴心妄想了
https://www.landiannews.com/archives/106274.html
#碎碎念
发现有了最近很少点开微信看看公众号文章了,微信公众号算法简直一坨,之前关注的比较优质的前端公众号夹杂在一大堆广告软文震惊党标题党的文章中间根本没有动力去看了,以前还会偶尔看到几篇好点的文章...现在......点都不想点开了
发现有了最近很少点开微信看看公众号文章了,微信公众号算法简直一坨,之前关注的比较优质的前端公众号夹杂在一大堆广告软文震惊党标题党的文章中间根本没有动力去看了,以前还会偶尔看到几篇好点的文章...现在......点都不想点开了
显然这是视频编解码出了问题。这方面坑我还真看过,Apple 对 HEVC 的 Codec Tag 支持比较挑。Mpeg 标准中 HEVC 编码有两种不同的 Tag,分别是
hvc1 和 hev1 ,但是 QuickTime 和 iOS 只支持前者。而这方面,Apple 的标准就是行业标准,所以大伙只能忍着,后面一种 tag 就没人用。总之,踩过坑的应该都知道了。
恢复方法很简单,毕竟这两种编码的区别只是参数集存储位置有区别(前者在 MPEG 容器,后者随视频流封装),使用 ffmpeg 重新打 tag 就行,不需要重新编码。
ffmpeg -i leon_hev1.mp4 -c:v copy -tag:v hvc1 -c:a copy leon-hvc1.mp4referrer:
https://www.reddit.com/r/ffmpeg/comments/17ky22s/hevc_encoded_mpeg4_files_wont_play_on_ios/
https://stackoverflow.com/questions/32152090/encode-h265-to-hvc1-codec
https://community.bitmovin.com/t/whats-the-difference-between-hvc1-and-hev1-hevc-codec-tags-for-fmp4/101
https://juejin.cn/post/6854573210579501070
我们很高兴能够与备受大家喜爱的下一代内容聚合平台 Follow 优秀的开发团队开启一期特别的访谈活动。
最近我们从 Follow 开发团队得到了令人欣喜的独家信息:Follow 即将进入公测阶段,不再需要邀请码就可以体验到产品的大部分功能。并且在公测开启后,现有的内测用户仍然可以继续享受 Follow 的完整体验。此外,Follow 的 Android、iOS 移动客户端和移动网页版也在紧锣密鼓地开发中,预计将在一个月内与大家见面。
如果您有任何对Follow产品及其开发团队的未来发展方向的问题,欢迎在此消息下方留言。我们会从中挑选出一些有代表性的问题,由特邀嘉宾Follow开发团队成员 DIYgod 为大家亲自解答。
向我们提供您感兴趣的访谈问题并被选中的朋友,我们将会为您送上一枚 Follow 的邀请码。此外,所有有效参与评论的朋友也有机会赢取一枚Follow邀请码,千万不要错过哦!
欢迎正在使用Follow的朋友们将👉频道Follow订阅👈添加到您的Follow列表内。