Weekly #007
上周临时有事,周刊写好忘记推送了,等想起来已经过了发布时间了,故和本周内容 #008 一起发布。
文章推荐
10 Common mistakes in CSS
https://dev.to/aviligonda/10-common-mistakes-in-css-532j
本篇文章主要讲述了网页开发中常见的一些 CSS 错误,并提供了相应的解决方法。其中包括使用 CSS 简写、响应式设计、避免重复代码、使用十六进制颜色码、简化选择器等常见错误。通过避免这些错误,可以保证 CSS 代码的整洁性、可维护性,并在不同浏览器和设备上保持兼容性。
Creating Dynamic README.md File
https://dev.to/jacktt/creating-dynamic-readmemd-file-388o
这篇文章介绍了如何使用 Github Actions 自动更新 Github 个人资料中的天气信息。作者使用了 Go 模板来生成文本,并创建了一个 Github Action 来定期更新 README.md 文件中的天气数据。
Using REM Doesn’t Make Your Website Responsive
https://dev.to/marcelluscaio/using-rem-doesnt-make-your-website-responsive-heres-why-4b0e
这篇文章讨论了在网页开发中处理文字的最佳实践。首先,建议将字体大小的信息集中在一个地方,以提高代码的可维护性。其次,不推荐使用像素(PX)作为字体大小的单位,而应使用 REM 单位,因为它可以根据用户的偏好自适应调整大小。但 REM 并不能解决响应式布局的问题,需要使用媒体查询来实现字体的响应式调整。
我在数字时代做了一个电子日历,让油画和照片可以被装进去
本文介绍了作者设计并制作的一款电子日历应用,它允许用户将油画和照片装进日历中,并具有自动翻页、待办事项提醒等功能。该日历分为图片区、日历区和待办区,用户可以自定义图片来源,而日历会根据图片的宽高比自动设定朝向。
//太硬核了,感觉这种做成网站放 Kindle 上也不错。
工具介绍
横竖
一个中文电子书横排、竖排转换工具,可以转换不同排版布局的电子书,并自动下载转换后的文件。
//原项目为 epubhv, 由 Esoetto 将其打包成了网站。
Helper
AI Helper 是一款功能强大的人工智能助手,该应用程序可以在桌面上的任意窗口中使用,该应用程序可以在桌面上的任意窗口中使用,可以帮助用户进行写作、编写代码、撰写电子邮件等,适用于写作、编程、工作和社交媒体等各种场景。
PlayCSS
一个 CSS 挑战网站,每天使用纯 CSS 重新创建一个新的目标图像,通过游戏的方式来帮助你提高你的 CSS 技能。
X2Image
X2Image 是一个帮助用户优化社交网络使用体验的工具,能够将 Twitter 的内容转换为漂亮的截图,旨在帮助他们获得更多的互动。
Epic Easing
一个快速生成动画曲线的工具,轻松制作 Ease、Spring 和 Bounce 动画效果,并且还可以将动画即时导出到 CSS、SCSS、Objective-C 和 Swift。
Whisper Web
https://huggingface.co/spaces/Xenova/whisper-web
一个基于 Whisper 并在浏览器运行的语音识别工具。
WebP Server Go
https://github.com/webp-sh/webp_server_go
一个使用 Golang 编写的 Web 服务器工具,可以实时将 JPG/PNG/BMP/SVG 格式的图片压缩和转换 为 WebP 或 AVIF 格式。
资源聚合
CSS Style Guide
https://github.com/dropbox/css-style-guide
一份 CSS 样式指南,提供了一些在编写 CSS 代码时应该遵循的准则和技巧,包括选择器的命名规则、避免嵌套过多、不使用!important 等,同时还介绍了一些 Sass 特定的规范,如变量的命名、颜色的使用、媒体查询等。
Figma 新手系列教学
https://www.craft.me/s/dbj8QJkuZ5ruTB
一个 Figma 资源文档,介绍了 Figma 的基础教学和 Auto Layout 的学习路径,包括新手教学和最新版本的更新教程。
StableDiffusionBook
StableDiffusionBook 是一个介绍 Stable Diffusion 绘画的 Wiki 文档项目,它包含了 Stable Diffusion WebUi(简称 SDWebUi)和 Stable Diffusion GUI 两个项目的介绍和指导,文档涵盖了 Stable Diffusion 的起步、安装配置、绘画调试、绘画指南、训练模型等内容。