Weekly #028
文章推荐
How To Center a Div
https://www.joshwcomeau.com/css/center-a-div
这篇文章介绍了使用 CSS 在不同情况下对元素进行居中处理的多种方法，包括使用自动边距、Flexbox、定位布局、CSS Grid 等技术。作者还提到了如何处理未知大小的元素以及如何居中文本。文章最后总结了每种方法适用的场景，以及建议在学习 CSS 时建立深入理解，而非仅依赖固定的代码模式。
What is Utility-First CSS?
https://heydonworks.com/article/what-is-utility-first-css
这篇文章主要讨论了 CSS 的发展历程以及对 utility-first CSS 方法的批评。作者认为，CSS 的引入为网页设计带来了很多便利，但 utility-first CSS 方法却是一种不必要且不利于统一设计的方式。文章指出，这种方法的流行部分原因是对设计的不完善，以及开发人员对新技术的追求和不安。作者批评了一些工具和框架，认为它们并没有解决问题，反而增加了代码的冗余和复杂度。最后，作者表达了对 CSS 的欣赏和对当前技术环境的不满。
CSS :has() Interactive Guide
https://ishadeed.com/article/css-has-guide
这篇文章介绍了 CSS :has() 选择器的功能和用法。通过许多示例和交互式演示，展示了如何利用 CSS :has() 选择器来根据元素的后代元素进行样式选择和布局变化。这个功能可以帮助开发者解决许多在以往无法用纯 CSS 解决的问题，为 CSS 增添了强大的功能。
工具介绍
Locofy
Locofy 是一款由 AI 驱动的前端开发工具，能够将设计快速转换成代码，帮助开发人员快速构建产品。用户可以继续使用他们喜爱的设计工具，如 Figma 或 Adobe XD，并借助 Locofy 的插件将设计转换成代码。通过 Locofy，团队成员可以协作构建代码，并得到实时的、响应式的原型，极大地简化产品开发流程。
Heat.js
https://www.william-troup.com/heat-js
Heat.js 是一个免费、开源、零依赖的数据可视化工具，支持 51 种语言，提供地图、图表和统计视图，支持导出数据到 CSV、JSON、XML 和 TXT，并且还支持数据导入和自定义触发器。
OG Studio
OG Studio 是一个类似 Figma 的可视化编辑器，它可以让用户直观地创建静态或动态的图像。用户可以利用现成的模板，将他们的图像导出为 SVG/PNG 文件，或是通过动态 URL 进行导出。
CodeDiagram
CodeDiagram 是一个可以在同一界面上同时查看代码和对应图表的 VSCode 扩展，它支持 192 种编程语言，提供代码自动格式化和高亮显示等功能，能够方便地在代码和图表之间跳转，还提供多种颜色主题和团队共享功能。
Github 美化器
https://code.bqrdh.com/github/beautifier
Github 美化器是一个用于美化 GitHub 个人资料页面的工具，可以展示个人的统计数据和项目信息。该工具提供了多种卡片和小部件，可以显示用户的编程语言使用情况、活跃时间、贡献统计等，还可以展示 GitHub 个人资料的访问量和项目星标历史。
Video to Gif
Video to Gif 是一个在线转换工具，可以免费且无水印地将任何视频转换成高质量的 GIF。工具利用 Webassembly 技术在浏览器端运行，用户可以通过选择视频文件上传到网站，并下载转换完成后的 GIF 文件。
Anonymize_Excel
https://github.com/Welding-Torch/Anonymize_Excel
Anonymize_Excel 是一个用于数据匿名化 的 Python 脚本，它可以帮助用户对 Excel 文件中的敏感数据进行匿名化处理，保护个人隐私和数据机密性。该脚本使用 Microsoft Presidio 和 Faker 框架进行匿名化处理，包括识别包含个人身份信息的数据字段，并用伪造的值替换这些信息，从而确保数据可以在不泄露个人隐私信息的情况下自由使用。
AutomaticDocs
AutomaticDocs 是一个自动文档工具，使用 AI 技术能够在几分钟内为项目生成文档，帮助开发人员节省时间和成本。它支持多种框架和语言，并且注重隐私保护。用户可以根据项目规模选择不同的定价套餐，以实现更快的项目上手、降低技术债务和减少成本。
资源汇总
Nextly
https://github.com/web3templates/nextly-template
Nextly 是一个完全开源的落地页和营销网站模板，适用于初创公司和个人项目。该模板使用 Next.js 和 TailwindCSS 构建，用户可以通过克隆仓库到本地来使用模板，也可以使用 Vercel 来完成一键部署。
DigitalHippo
https://github.com/joschan21/digitalhippo
DigitalHippo 是一个全新的基于 Next.js 14 构建的现代全栈电子商务市场。该项目使用 Payload 进行身份验证，提供了完整的市场功能，包括管理面板、用户购买和销售产品、本地持久化的购物车、管理员产品验证等功能。
BCMS Starters
https://github.com/bcms/starters
BCMS Starters 是一个集成了 BCMS，并且拥有可定制、响应式和高性能的免费起始模板。该项目使用 Tailwind CSS 和用户喜爱的框架构建，提供了各种类型的起始模板，包括会议、职位招聘、博客、食谱、电子商务、个人网站、餐厅和播客等，可以帮助开发者快速投入使用。
随便看看
One Piece Collection in JP - ENG
https://drive.google.com/drive/folders/1zy-EfI9M85atLkMIGeDQT8_60ghWvTLo
一个收集了海贼王各类漫画的资源汇总，包括漫画章节、杂志、公式书等。