2018年3月前端开发者超实用干货大合集 - UISDC

阅读 2045
收藏 72
2018-03-05
原文链接:www.uisdc.com

Thoriq Firdaus – 多年来,我一直致力于寻找新的工具,新的素材,我亲眼目睹了各种工具的来来去去浮浮沉沉。根据经验,每周都会诞生几个相当不错的新工具,不过在过去的几周当中,我发觉到这种频率似乎有所减缓。我花费了比平常多一些的时间在Github 中发掘新的、免费的优秀的工具和代码。

在今天的文章当中,我列举出了一些最新的 JavaScript 框架,测试工具,以及用于开发 WordPress 网站的工具组合。

Kutt

这款工具能够使用你的域名生成短域名,它建立在 Node.js、React 和 Redux 等顶级现代堆栈之上,并且内置了一些其他的功能,比如密码保护URL,RESTful API 和监控 URL 的统计功能等。这款工具是完全免费的,你可以将它托管在你自己的服务器上。

WordHat

WordHat 是一个将 BeHat 整合到 WordPress 的工具。Behat 是一个用于 PHP 的开源行为驱动开发框架(BDD),让你能够通过更具有表现力的方式来测试你的PHP 应用程序。你会发现这个工具非常有用,因为你的Wordpress 主题和插件会因此拥有更加复杂的功能。

WP Browser

和 WordHat 类似,这是一个专门为 WordPress 应用、主题、和插件所准备的Codeception 插件。Codeception 是一种在你的应用之上执行测试的工具,类似于 PHPUnit 和 Behat,但是它更为强大。

Node WP Internationalization

这个工具的名字其实就很能说明它的特色了,它是一个能自动化地为你的主题或者插件生成许多国际化内容的NodeJS模块。安装这一模块,并且输入 wpi18n makepot 就能在你的Wordpress 插件和主题中生成翻译好的文本。

Thanks

这也是一个在 Github 上发现的 NodeJS模块。这个名为 Thanks 的工具能够帮助开源软件生成软件维护者的列表,并且链接到他们的 OpenCollective 页面或者捐赠页面,作为他们对于社区贡献的感谢的标志。

Create Guten Block

这是一个NPM模块,用来生成具有现代堆栈的 Gutenberg 块开发板,比如 React、Webpack、Babel 和 Sass。只需要输入命令行 create-guten-block 就能够完成设置。

WP Vue

WP Vue 是一个使用 Vue 来构建的模板,用来显示 WordPress 文章。如果你想让你的Wordpress 站点无头,那么这个模板是一个很好的起点。

Stimulus

这是来自 Basecamp 的一个全新的JS框架。和 React 和 Vue 不同,它并不会强迫你使用JS来重写整个应用或者添加合成属性。

StimulusJS 可以和已知数据属性的HTML一起联动,它不需要复杂的配置,你可有简单地在网页添加脚本,就像使用jQuery 那样。

Manta

这是一个用来创建和管理发票的免费应用。你可以在其中添加说明,设置货币和折扣,添加客户和客户列表,添加LOGO,设计发票模板,并且使用PDF格式统一下载。它针对 macOS、Windows 和 Linux 三大操作系统都有对应的版本。

React Static

顾名思义,这个名为 React Static 的工业能够让你使用 React 生成静态的网站。它捆绑了一堆预先配置好的工具,因此你有了它可以直接开始制作内容了。

Piklist

Piklist 是一个 WordPress 开发工具,你可以借助它使用较少的 WordPress 代码构建复杂的网站。

Strapi

这是一个用来构建内容API 的 CMS 框架,它允许你自己设计自己的内容结构和API,并且提供一个漂亮的控制面板来管理他们。不过Strapi 并没有内置的模板系统,你可以选择自己喜欢的任何前端库,比如 React 和 Vue。

ParcelJS

ParcelJS 是一个和 Webpack 和 Browserify 非常相似的打包程序,除了速度更快并且无需配置之外。它支持 HTML、JS、CSS 和 PostCSS 以及 Babel等。它让你更加专注于代码本身,而不是在配置上浪费时间。

GoodShare

这是一个用来显示社交媒体按钮并且可以进行计数的JS库。它支持许多不同的社交媒体,甚至包括你很少听说的Vkontakte、Odnoklassniki、SurfingBird,而主流的 Skype、WhatsApp和 Line 等都在它的支持范围内。

CopyChar

这个网站允许你查找和复制各种各样的特殊字符到剪贴板。字母,标点,数学符号,甚至表情,不一而足。

Nerv

Neri 是另外一个反应型 VertualDOM库,它是 ReactJS 的替代品。

HyperappJS

HyperappJS 是一个值得研究的用来构建Web应用的JS库,它将状态管理和虚拟DOM引擎结合到了一起。

VulcanJS

Vulcan 是一系列用来构建现代 Web应用的工具合集,它与 React、GraphQL 和 Meteor 捆绑在一起。它是一个全栈框架,提供了一整套辅助性的程序组件,可以对前端和后端进行微调。

Koa11y

这是一个拥有 Windows、MacOS 和 Linux 三个平台版本的桌面端应用,用来检查网站上的可访问性问题的。Koa11y 会提供相应的通知和警告,来告知你网站是否违反了可访问性设计的标准。

TablePlus

这是一个有着非常漂亮的GUI的数据库管理应用。TablePlus 支持多种数据库引擎,包括 MySQL、SQLite、Redis、Postgres、MS SQL 等等。TablePlus 还有 Windows 和 macOS的版本。

【2018年设计趋势,一个都不要错过】

  1. 《2018年,这10个LOGO设计趋势值得你关注》
  2. 《超全面总结!2017年UI设计领域流行过这21个设计趋势》
  3. 《掌握这12个移动端UX设计趋势,你就掌控了2018年》
  4. 《这款独特的紫色,是为你指引2018年设计方向的年度潘通色》


本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:hao.uisdc.com

评论