Web Tools 周刊 #562 (CSS/HTML, Media, Mobile)

78 阅读5分钟

现在开始介绍本周的工具!

CSS和HTML工具

MarkdownDown - 一个在线工具,可以将任何网页转换为干净的Markdown格式,可以选择下载图像到本地或者链接到远程,并且还可以应用GPT过滤器来转换内容。

Fancy-ANSI - 一个小型的JavaScript库,用于将ANSI转换为美观且适用于浏览器的HTML。

SVG Encoder - 一个简单的工具,把SVG代码转换成不同的格式,以便在CSS和HTML中使用。

CSS Gradients - 一个包含270+可点击复制的CSS渐变的图库,其中有许多独特的示例,以及一些较简单的双色渐变。

The Morning Paper for Tech - 想要一个只需几分钟就能阅读完的Hacker News的简明版本吗?试试TLDR的免费每日新闻通讯。它在只需五分钟的时间内涵盖了最有趣的科技、初创企业和编程故事。无体育新闻,无政治新闻。赞助内容

component-template - 一个简单的模板,用于启动包含JS起始文件、演示、示例README等内容的新Web组件。

css2wind - 一个互动游戏,帮助你学习Tailwind语法,要求你猜测如何使用Tailwind类语法编写给定的CSS属性/值对。

css2wind

Boring Utils - 一套包含解码器、编码器、格式化工具、缩小工具等的日常HTML/CSS代码使用的20多个实用工具。

Gradientor - 一个极简的径向背景生成器,在你移动鼠标和滚动滚轮时生成和调整渐变。

bsky-embed - 一个用于轻松嵌入Bluesky的网页组件,Bluesky是Twitter创始人创建的新社交媒体应用。

媒体工具(SVG,视频等).

tonal - 一个音乐理论库,其中包含操作音乐的音调要素(音符、音程、和弦、音阶、模式、调式)的函数,并处理抽象概念(非实际音乐或声音)。

Upscayl - 一个开源的、跨平台的、AI 动力的桌面或云端工具,使用10+种先进的 AI 模型提高图像和视频的质量。

Upscayl

faces.js - 一个用于生成基于矢量的卡通面部的JavaScript库,有些类似于任天堂的Mii(即头像)。

The Morning Paper for Tech - 想要一个汉克新闻的简化版本,只需花费几分钟阅读?试试TLDR的免费每日通讯。它用5分钟的时间,涵盖最有趣的科技、创业和编程故事。没有体育和政治。赞助

Subsvideo - 一个用于给视频文件添加字幕的工具,可以使用简单的用户界面自定义字幕的外观和样式。

lissajous-svg - 一个在线工具,用于生成和自定义 Lissajous 曲线(类似于螺旋图案),可以导出为 SVG 格式。

Neat - 一个用于创建作为背景的动态3D渐变效果的Three.js库。它们看起来很酷,但不太高效,所以请谨慎使用。

PicToBrush - 一个独特的在线绘图工具,允许您使用照片(可以是您自己的照片或其中一个选项)作为绘图工具(即画笔)。

7000 Free Icons - 一个 Figma 插件,包含 7,000 多个精心策划的、可直接使用的图标,分为三个类别:界面、国家和支付。

MW Metadata - 提交YouTube链接或ID以获取视频、播放列表或频道,此工具将生成与指定的YouTube内容相关联的所有元数据。

React Native 和移动工具

Bob - 一组 CLI 工具,可以更方便地创建和构建面向不同目标的 React Native 库。

Android Ally - 一个桌面软件伴侣,以便测试人员和开发人员更快地使用Android设备的辅助功能功能,以简化和鼓励Android辅助功能测试。

react-native-live-markdown - 一个通用支持的React Native的TextInput组件的替代方案,具有Markdown格式和可自定义样式。

Advertise in Web Tools Weekly - 想将您的应用程序或产品展示在成千上万的网页开发人员面前?请回复此电子邮件进行讨论,或访问赞助页面查看可用位置(价格灵活)。SPONSORED

What PWA Can Do Today - 一个可以安装的 PWA,是一个简单的资源,具有提供当今渐进式 Web 应用程序的概述的演示示例。

今天PWA能做什么

Flash Calendar - 一个快速、灵活的库,用于在React Native中构建日历,在iOS和Android上提供支持,内置本地化、可自定义的UI等功能。

React Native Screens - 一个将原生导航容器组件暴露给React Native的项目,不是作为一个独立的库来使用的,而是作为一个完整的导航库的依赖项。

vision-camera-resize-plugin - 对于VisionCamera(一种流行的React Native相机库)的帧处理器插件,使用GPU加速快速高效地调整帧大小、裁剪和像素格式转换。

Flame AI - 一个用于与OpenAI进行交互、进行代码修改和代码生成的命令行界面,以帮助升级React Native应用程序。

react-native-fast-text - 一个更快的React Native Text组件版本,可以去除大部分不必要的开销。

文章翻译自:Web Tools Weekly Issue #562 (Voilà Review, CSS/HTML, Media, Mobile)