跳到主要内容

九月最好的10个网页设计工具

这个月我们有一系列方便的实用工具,可以帮助您以更智能的方式做事:更好的形式;更好的选择盒子;更好的社交媒体共享按钮,没有烦人的行为,如跟踪用户。有一个服务工作者通过仅下载更改而不是整个文件来改进缓存,以及一个用于在静态站点上处理用户生成内容的工具。请享用!

01. Visual Studio代码

Visual Code Studio

Visual Code Studio

人们对这款来自微软的免费开源代码编辑器说了很多好话,它具有一系列强大功能,可以更快地编写代码。有一个名为IntelliSense的功能,提供智能完成功能;内置Git命令;在编辑器中进行调试等等。

02. WTF,表格?

WTF, forms?

WTF,表格?

Bootstrap创建者Mark Otto制作了这些更友好的HTML表单控件,使您可以更轻松地按照自己的方式构建表单。专为IE9 +和最新的Chrome,Safari和Firefox而设计。

03. Staticman

Staticman

Staticman

人们通常使用第三方服务来运行在静态网站上评论系统之类的东西,但还有另一种方式。 Staticman将用户生成的内容转换为与您的其他内容一起托管在GitHub存储库中的数据文件,因此所有内容都集中在一个位置。适用于GitHub页面上托管的Jekyll网站。

04. Kubist

Kubist

Kubist

这个整洁的Web应用程序使用d3.js将图像转换为细分三角形。如果您对创意编码感兴趣,这篇博文提供了所用方法的一些背景知识。

05. 选择

Choices

选择

Choices是一个选择框和文本输入插件,重量轻(约15kb gzip),可自定义并且没有jQuery依赖。有可配置的排序,灵活的样式,快速搜索/过滤,干净的API和从右到左的支持。

06. Sharingbuttons.io

Sharingbuttons.io

Sharingbuttons.io

社交媒体网站提供的分享按钮并不是最好的;它们的加载速度很慢,而且它们经常下载多个文件并在网络上跟踪用户。这些更加可口:它们加载速度快,因为它们不使用JavaScript;它们不会妨碍您的网站渲染;他们可以访问,他们不跟踪。

07. SW-Δ

sw-delta

SW-Δ

这是一位非常优秀的服务工作者,可以帮助他们持续交付。没有它,每次更改文件 - 即使更改只有一个字母 - 整个新版本都会被下载,浪费带宽并损害性能。 Sw-delta将新版本与缓存版本进行比较,并使浏览器仅下载更改而不是整个文件。创作者表示它尚未准备好生产,但如果您认为这对您有用,那么这是一个很好的项目。

08. ShiftJS

ShiftJS

ShiftJS

仍处于早期开发阶段,但仍然是一个用JavaScript编写的转换到JavaScript转换器。

09. SVG Porn

SVG Porn

SVG Porn

别担心;它不是由SVG组成的色情片。该网站在SVG中有大约800个高质量的徽标,可用于许多不同的服务,供您使用。

10. 杰基尔压缩

Jekyll Compress

杰基尔压缩

这个Jekyll布局通过删除空格和任何其他不必要的元素来压缩HTML。它写在液体,电子商务平台Shopify创建的开源模板语言。



翻译字数超限