呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页: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
#碎碎念 #iOS
确实。想起杜叔叔那个招人帖子
https://fixupx.com/liseami1/status/1958362062645817494
确实。
https://fixupx.com/liseami1/status/1958362062645817494
赵纯想 (@liseami1): telegram : 世界上最好的UIKit黑魔法殿堂。一个UIKitUtils.m藏匿着一大堆私有API。
自定义毛玻璃:_UICustomBlurEffect 内部字段可调,半径、饱和度、暗角,完全可控。
PortalView: _UIPortalView 曝光,跨层级同步位置与变换。
CAFilter:直接实例化 gaussianBlur / luminanceToAlpha / colorInvert / monochrome。
内容遮罩:通过 KVC 设置 contentsSwizzle,切换 RGBA / AAAA。
https://github.com/TelegramMessenger/Telegram-iOS/blob/master/submodules/UIKitRuntimeUtils/Source/UIKitRuntimeUtils/UIKitUtils.m
#优质博文 #前端 #css #SVG #course
An Interactive Guide to SVG Paths • Josh W. Comeau
author Josh W. Comeau
An Interactive Guide to SVG Paths • Josh W. Comeau
AI 摘要:这篇文章深入探讨了 SVG 的 <path> 元素,详细介绍了如何使用该元素绘制各种形状,尤其是 Bézier 曲线和弧形。文章通过示例和解释帮助读者建立对路径语法的直观理解,适合希望提升其 SVG 绘图技能的开发者。
1. 基本概念
• SVG <path> 元素类似于矢量图形软件中的“笔”工具,可以连接多个绘图指令。
• d 属性定义了一系列绘图指令,每个指令通过不同的命令(如 M、L)来实现。
2. 基本命令
• 移动命令 (M)**:用于将笔移动到画布的特定位置,不会绘制任何线条。
• 直线命令 (L):用于绘制从当前点到指定点的直线。
• **Bézier 曲线: 包括二次 (Q) 和三次 (C) Bézier 曲线,分别使用一个和两个控制点绘制平滑曲线。
3. 弧形 (Arcs)
• 弧的复杂性:弧的绘制涉及到多个参数,掌握其用途对于理解如何连线至关重要。
• 半径控制:水平和垂直半径影响着绘制的椭圆形状的深度和外观。
• 弧形路径选择:通过大弧标志和扫掠标志选择路径方向。
4. 动画与额外功能
• 提到了动画技术的学习课程,并介绍了路径闭合命令 (Z) 和相对命令 (小写字母形式)。
• 文章总结了一些常用的命令和其语法,帮助开发者更轻松地创建复杂的 SVG 图形。
author Josh W. Comeau
#视频更新 #旅游 #碎碎念
5月10号,从玉龙雪山下来之后就去了蓝月谷,终于抽时间剪好了~
然后发现上次投稿的时候忘记调帧率了,这次调了下换了下之前的源,素材是 4K 60 帧的。
你说这蓝月谷怎么不蓝啊~~哦原来是因为下雨天~
不过之后去的泸沽湖超级蓝,等下一期剪出来!
YouTube 【4K60 | 玉龙雪山 | 蓝月谷 vlog】下雨天的蓝月谷
B 站 【4K60 | 玉龙雪山 | 蓝月谷 vlog】下雨天的蓝月谷
5月10号,从玉龙雪山下来之后就去了蓝月谷,终于抽时间剪好了~
然后发现上次投稿的时候忘记调帧率了,这次调了下换了下之前的源,素材是 4K 60 帧的。
你说这蓝月谷怎么不蓝啊~~哦原来是因为下雨天~
不过之后去的泸沽湖超级蓝,等下一期剪出来!
YouTube 【4K60 | 玉龙雪山 | 蓝月谷 vlog】下雨天的蓝月谷
B 站 【4K60 | 玉龙雪山 | 蓝月谷 vlog】下雨天的蓝月谷
#tools #插件
简洁好用,喜欢。
MaterialYouNewTab | Chrom 商店地址
简洁好用,喜欢。
MaterialYouNewTab | Chrom 商店地址
AI 摘要:此浏览器扩展程序是一个灵活的新标签页助手,受到谷歌“Material You”设计的启发,用户可根据自身需求进行主题定制、欢迎信息及多种实用工具的配置,同时与用户喜欢的搜索引擎无缝集成。
#视频更新 #旅游 #碎碎念
5月10号去的了,昨晚才剪出来我真是懒狗~~
回看之前在云南的感觉真好啊,等有钱有闲了还要再多去几趟云南。
蓝月谷的放在下一次剪了,还有泸沽湖还有 BW,清素材大作战!
YouTube 【4K 玉龙雪山 vlog】下冰雹的玉龙雪山也很美
YouTube 频道 @nahida0721
B 站 【4K 玉龙雪山 vlog】下冰雹的玉龙雪山也很美
5月10号去的了,昨晚才剪出来我真是懒狗~~
回看之前在云南的感觉真好啊,等有钱有闲了还要再多去几趟云南。
蓝月谷的放在下一次剪了,还有泸沽湖还有 BW,清素材大作战!
YouTube 【4K 玉龙雪山 vlog】下冰雹的玉龙雪山也很美
YouTube 频道 @nahida0721
B 站 【4K 玉龙雪山 vlog】下冰雹的玉龙雪山也很美
#优质博文
台长的超长文,老有意思了,几天前看见的,忘记发了。
超短篇:苹果系统迁移史
author 中二电波台
台长的超长文,老有意思了,几天前看见的,忘记发了。
超短篇:苹果系统迁移史
AI 摘要:本文详细梳理了苹果公司自 1990 年代起从经典 Mac OS 向基于 UNIX 的 Mac OS X 系统的迁移历程,揭示了这场历时超34年、跨越四任 CEO、四次硬件平台更迭的技术与商业史诗。通过收购 NeXT 获取 NeXTSTEP 技术、构建多框架兼容体系、乔布斯回归后的战略转型等关键节点,苹果最终完成生态重塑,奠定了今日 iOS/macOS 统一架构的基础,成为商业史上罕见的成功系统迁移案例。
author 中二电波台
#优质博文 #前端 #CSS #新特性
How to Use attr() in CSS for Columns, Colors, and Font-Size
author Chris Coyier
How to Use attr() in CSS for Columns, Colors, and Font-Size
AI 摘要:本文介绍了 CSS attr() 函数的进阶用法,包括通过类型声明(如 <color>、<length>)将 HTML 属性值动态应用于网格布局、颜色和字体大小等场景,并提供了实际代码示例和设计系统中的应用思路。目前该功能仅在 Chrome 中支持,但未来将逐步普及。
1. 功能概述与背景
• 历史限制:传统 attr() 仅返回字符串,仅适用于 content 属性等简单场景。
• 新特性:现在可通过类型声明(如 type(<length>))将属性值解析为数字、颜色等,扩展了应用范围。
• 兼容性:目前仅 Chrome 支持,但其他浏览器将跟进(参考 Can I Use)。
2. 核心用法示例
• 基础语法:
attr(data-font-size type(<length>));
attr(data-color type(<color>), black);
• 支持的类型:包括 <color>、<integer>、<length-percentage> 等 11 种 CSS 数据类型。
3. 实际应用场景
• 网格控制:通过 data-columns 设置元素跨越的列数,或 data-column-start 定义起始位置。
• 动态颜色:结合 color-mix() 或 oklch() 调整亮度,确保可读性(如 max(l, 0.9))。
• 字体大小:使用 round() 限制字号为设计系统的固定增量(如 5px 倍数)。
4. 扩展思路与其他用途
• 设计系统工具:如 data-gap 控制间距,或 data-border 定义边框样式。
• 层叠传递:通过自定义属性(如 --button-color: attr(...))向子元素传递值。
• 命名空间建议:推荐使用 data-* 前缀避免与未来标准冲突,并兼容 dataset API。
5. 参考资料与社区动态
• 推荐阅读:Una Kravets、Bramus Van Damme 的相关文章。
• MDN 文档 已更新新特性说明。
author Chris Coyier
#tools #小程序 #时间管理
约饭有救了 23333
约时间助理 - 时间管理大师!为多人集体活动找到共同空闲时间[微信小程序]
author 小众软件(青小蛙)
约饭有救了 23333
约时间助理 - 时间管理大师!为多人集体活动找到共同空闲时间[微信小程序]
AI 摘要:约时间助理是一款基于微信小程序的多人时间协调工具,通过可视化统计和智能排序帮助活动组织者快速确定集体活动的最佳时间,解决传统沟通效率低下的痛点。开发者针对国内用户习惯优化了交互设计,支持免登录、权限控制和多精度时间选择。
• 核心功能:通过微信分享活动卡片,统计多人空闲时间并生成可视化排行(日期/时段),支持自定义活动时间范围和结果精度。
• 本地化优势:相比国际工具 When2Meet,优化了中文交互体验,即点即用且无需注册。
• 痛点解决:10人以上活动时间协调困难,传统微信沟通依赖记忆和反复确认。
• 开发者动机:因 When2Meet 对非技术用户不友好,选择微信小程序平台实现轻量化、高适配的解决方案。
• 访问方式:微信直接搜索「约时间助理」即可使用。
author 小众软件(青小蛙)
#优质博文 #开源 #前端
开源项目的「死与新生」
author 云游君(YunYouJun)
开源项目的「死与新生」
AI 摘要:作者以 Element UI → Element Plus 的亲历为主线,讨论开源项目从诞生、演化到走向结束与再生的路径,强调“为自己所需而作”的初心、拥抱社区标准与透明治理,借助 RFC(Request for Comments)、BDFL(Benevolent Dictator For Life)式决策、语义化版本(Semantic Versioning, SemVer)与渐进式迁移(Progressive Migration)等方法,在 Trade-Off(权衡)中小步快跑、稳步迭代;同时用产品化思维和良好社区运营,尽可能延长项目生命周期,并在必要时坦然宣布进入 maintenance mode,给出替代与迁移方案,促成“死与新生”的良性循环。
author 云游君(YunYouJun)