呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
#前端 #优质博文 #css #容器查询
A Friendly Introduction to Container Queries

AI 摘要：本文深入介绍了 CSS 容器查询的概念及其应用。容器查询允许开发者基于元素的容器尺寸而非视口大小来应用 CSS 样式，这在响应式设计中尤为有用。例如， ProfileCard 组件可以根据容器宽度自动调整布局。容器查询的实现曾被认为是“不可能的”，因为其条件依赖容器尺寸的变化，容易导致无限循环的问题。CSS 工作组通过 Containment API 解决了这一难题，为实现更灵活的响应式布局提供了可能。

via Josh W Comeau
Joshwcomeau
A Friendly Introduction to Container Queries • Josh W. Comeau
A Friendly Introduction to Container Queries • Josh W. Comeau
It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, we’ll break it all down…
前端 优质博文 css 容器查询
#碎碎念
某绿色小鸟你这样真的很吓人.webp
碎碎念
#碎碎念 #vts #直播
p1 p2 是昨晚突然的直播一点点切片（？）声音警告。才发现画面还是会碎掉，今天接根网线看看会不会好点儿。

昨天玩了好久 vts（VTube Studio）整了些免费皮还买了一些公皮，倒也不是想成为 Vtuber（没有那个时间和精力）

只是觉得直播的时候画面空空的没有烟火气（平常偶尔也会直播点打游戏写代码什么的，特随缘开播）所以把弹幕也接上了，UI 是 figma 随便糊的很丑（越看越丑，先这样吧哎)，弹幕样式没调，本来用的 blivechat 但是晚点可能换 LAPLACE Chat

还有个原因是有些皮太可爱了！！面捕之后更可爱了平常打游戏的时候放着当桌宠都很舒服 w

非常无聊随缘开播的直播间

可能晚点打黑神话二周目的时候播一下。
谁家好人在深夜2点直播啊
Media is too big
VIEW IN TELEGRAM
碎碎念 vts 直播
cosine - 前端人の日常频道
#工具推荐 #在线网站 #tools 经常好奇推友分享代码图片的时候用的啥，今天发现个在线站 Carbon 感觉还挺好用的～🥰
#工具推荐 #在线网站 #tools
嗯，又发现一个代码截图工具

https://fixupx.com/vikingmute/status/1854328314208661692

via Twitter@vikingmute
FxTwitter / FixupX
Viking (@vikingmute)
很多推友在问这个代码截图工具是什么？我也是刚发现的这个宝藏免费网站： http://ray.so
原来我都是使用 carbon 的 https://carbon.now.sh/，但是 http://ray.so 比carbon 好看多了！颜值就是正义，它是 raycast 旗下的一个工具网站，主题真的好漂亮，又很丰富，假如大家要做代码截图，可以把这个网站作为第一选项。

Quoting Viking (@vikingmute)

又学了 Nginx 非常实用的小技巧：可以使用 limit_req 来对…
工具推荐 在线网站 tools
#前端 #demo #three #webgl #水模拟 #react
NB!!!
https://fixupx.com/Andersonmancini/status/1854142903867576442
via Twitter@Andersonmancini
🧵 Thread • FxTwitter / FixupX
Anderson Mancini (@Andersonmancini)
Realistic Water Simulation with #threejs is live:
https://water-simulation.vercel.app/

Now, you can configure scenes, objects, colors, and light positions. You can also dive to see the effects from underwater 🌊💧. It works great on mobile 🤩.

The breakdown…
前端 demo three webgl 水模拟 react
余弦&妲喵の养喵日常🐱
Photo
其实物色了一圈的情况下还买了【我们给公司的猫做的小天才，终于做好了！！！！！！-哔哩哔哩】 https://b23.tv/TpU9IUB 帕奇宠项圈，有电子围栏和网关，很心动，查了一下感觉跑路风险不高，不过得过阵子才能到，先用 airtag 吧
Bilibili
我们给公司的猫做的小天才，终于做好了！！！！！！_哔哩哔哩_bilibili
-, 视频播放量 608979、弹幕量 520、点赞数 63058、投硬币枚数 9398、收藏人数 14754、转发人数 10469, 视频作者 招财猫Lucky保真, 作者简介 Lucky的项圈
GongZhongHao：帕奇宠，相关视频：我家公主会杀猪了，打开前请先降低音量哦！！，所以王妈到底喜欢谁？，当我给小猫穿了发光鞋，好想给他电池扣了 一天天太开心了，两笔一抹就是一颗宝石，养狗三年没被正眼看过…，带猫去吃顶级自助餐是什么体验，月薪2500，逛个山姆浑身颤抖！，猫咪戴上定位器，看它一天的活动路线，这也太忙了
大屁股视角
项圈到了，腊八带上满脸写着生无可恋
#碎碎念
刚刚腊八突然从窝里下来喵喵叫探头探脑扒拉靠窗的抱枕
然后我一挪开，广东大精灵一只😇😇😇
好大一只在床上爬来爬去，腊八立大功，不然我今晚上得吓死在这儿
碎碎念
#碎碎念
没事看扫地机工作画图莫名有种爽感（x）
怎么还在扫，真辛苦.jpg
群友犀利吐槽之你家怎么跟个地下迷宫似的
碎碎念
Before
After
Back to Top