#书摘 #css #前端
《CSS 世界》
“基于伪元素的图片内容生成技术” 在图片还没加载时就把alt信息呈现出来（dog）

#优质博文 #前端 #css #书摘
遵循深度优先阅读法的我读到了这篇文章（x

「object-fit还有其他一些属性值，但本书不会展开介绍CSS3内容，因此点到为止，有兴趣的读者可以读我的博客文章

半深入理解CSS3 object-position/object-fit属性 」

Zhangxinxu

半深入理解CSS3 object-position/object-fit属性 « 张鑫旭-鑫空间-鑫生活

现代web显示环境万变，响应式布局(适配移动端)、半响应布局(宽窄屏适配)以及传统流体布局（任意宽度水平自适应）都比较常见，结果，在处理这些有着固定尺寸的元素的时候，就会遇到障碍，例如，一个2:1的视频，永远要等比例充满容器，但是，随着浏览器宽度不一样，容器的长宽比有可能小于2，也有可能大于2. 你说，你能轻松实现小于比例2时候，视频宽度100%；比例大于2的时候，高度100%吗？ 显然，很麻烦，最后大多还是使用JS去把控。正是为了应对类似这样的响应式需求，object-fit和object-position才应运而生……

#草
草，空间看到的，好玩儿
cocos真好玩啊

http://demo.cannonman.cn-zhangjiakou.sae.devsapp.net/

#优质博文 #前端 #阮一峰的科技周刊
科技爱好者周刊（第 269 期）：为什么英雄不使用炸药

#资源推荐 #react #chatgpt #css
1. React18 JSON View 一个展示 JSON 数据的 React 组件。
2. Transmate 浏览器插件，利用 ChatGPT 批量翻译各种格式的文档
3. examor 这个工具允许用户上传文档，它会根据这些文档生成各种问答题，可以用来面试、教学和复习。它代码开源，需要用户自己搭建服务。（有意思）
4. 极速图片压缩器 一款图片压缩软件，有在线版和 Windows 桌面版。
5. Iconbuddy 一个很好用的图标搜索引擎，收入了10万+的图标，可以定制和下载每个图标。

GitHub

GitHub - YYsuni/react18-json-view: JSON viewer for react18

JSON viewer for react18. Contribute to YYsuni/react18-json-view development by creating an account on GitHub.

#碎碎念
关于天天回家看到我的壁纸都感觉太好看了太舒服了忍不住记录一下这件事！
带鱼屏想找个好壁纸真不容易喵。
https://www.bilibili.com/video/BV1kG411d77B

Bilibili

【Wallerpaper Engine】关于我的壁纸太好看了忍不住记录一下这件事_哔哩哔哩_bilibili

bgm1/2 夏天，再见 - 诗岸3/4 玛德琳娜电塔 - warma壁纸 Wallerpaper EngineBRANGSEFI - https://steamcommunity.com/sharedfiles/filedetails/?id=2990029825[4K | 可自定义] 星浴 | Hoshi-yoku - https://steamcommunity.com/sh, 视频播放量 1、弹幕量 0、点赞数 0、投硬币枚数 0、收藏人数 0、转发人数 0, 视频作者 七十里外…

#碎碎念
开源富文本编辑器 wangEditor 暂停维护 （但仍可继续使用）

啊这，之前项目还有用到，致敬

#优质博文 #前端 #tailwind
TailwindCSS的使用，看这一篇就够了！

掘金的文章，标题dddd，不过内容还是可以的，入门级详细。

微软 Edge 浏览器 116 版本新增“复制视频帧”功能，可提取原画

微软将 Microsoft Edge 浏览器更新到了 116 版本，有用户发现 116 版本还新增了一项“复制视频帧”功能，只要你打开某个视频然后右键点击视频即可看到带有颜色标注的“复制视频帧”菜单项。部分网站视频本身就适配了右键菜单，所以你要点击两次才会唤出浏览器本身的右键菜单。

值得一提的是，这一功能目前基本适用于大部分视频网站，无论是 B站、爱奇艺，还是 YouTube，不过IT之家实测发现，一些传统网站，还有 Netflix 这种加密网站，斗鱼虎牙类直播网站，还有微博 Twitter 类社交平台上的视频是无法通过这种方式获取视频帧的。(注：与Chrome一样的功能。)来源

📢 频道：@kejiqu
👥 群组：@kejiquchat
🤖 投稿：@kejiqubot

#优质博文 #前端 #工程化
Babel配置不要再“复制粘贴”了，带你自己配一个Babel

juejin.cn

Babel配置不要再“复制粘贴”了，带你自己配一个Babel - 掘金

告别复制粘贴，读完这篇文章，你会对Babel各配置有一个系统的理解，并且还可以自己配置一个Babel

#碎碎念 #追番
10月新番待追
好多啊好多啊看不过来啦
1. 间谍过家家2
2. 石纪元 part2
3. 葬送的芙莉莲
4. 不死不幸（？不知道好不好看）
5. 药屋少女的呢喃
6. 超超超超喜欢你的 100 个女朋友 (?)
7. 星灵感应（芳文社呜呜呜呜贴贴！）
8. 鸭耐桥论的禁忌推理（杀人侦探？感觉很乱步奇谭）
9. 家里蹲吸血姬的苦闷（百合 但是P9）

【好好好！大的真要来了！2023年10月新番导视！【泛式】-哔哩哔哩】 https://b23.tv/pKTS6kW

#优质博文 #前端 #javascript
你知道什么是标签函数么？

via 公众号 魔术师卡颂

Weixin Official Accounts Platform

你知道什么是标签函数么？

你见过这个奇怪的语法么？

#优质博文 #前端 #css
CSS 如何实现羽化效果？
不记得发过没了，不过再发一次

via 公众号 前端侦探

Weixin Official Accounts Platform

CSS 如何实现羽化效果？

来看看实现羽化有哪些CSS小技巧~

#优质博文 #阮一峰的科技周刊 #前端 #typescript #css
科技爱好者周刊（第 268 期）：生产力是形容机器，不是形容人

1. TypeScript 五个小技巧（全英） - 本文介绍 TypeScript 的一些使用技巧。
2. 为什么 TypeScript 不能正确处理 Object.keys() （全英） - 本文讲解 TypeScript 的一个难点，使用Object.keys()遍历对象键名会产生奇怪的报错
3. CSS 折叠翻页效果(全英） - 本文介绍如何只使用 CSS 实现折纸一般的翻页效果。


#资源推荐 #动画 #tools
1. auto-animate 一个网页动画库，可以为网页应用添加平滑的过渡，支持各种主流框架。
2. background-removal-js 一个去除图片背景的 JS 库。

double-trouble.dev

Stirring Up Some TypeScript Magic

Advanced tips and helper functions for enhancing code structure and readability.

#优质博文 #前端 #css #新标准

2023 CSS 现状调查结果新鲜出炉，带你看看 CSS 生态圈最新技术趋势！

#草
非常恐怖，兄弟
【醒醒真魂者，让我们把博德之门烧成灰-哔哩哔哩】 https://b23.tv/hnfWGng

#碎碎念
为什么大家都愿意进外企？
很乐

Weixin Official Accounts Platform

为什么大家都愿意进外企？