元宵福利!2018年3月前端开发者超实用干货大合集 - 优设-UISDC

元宵福利!2018年3月前端开发者超实用干货大合集

2018/03/02 5105评论区

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等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/developers-monthly-03-2018

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 设计师专访 视觉设计 素材下载 设计流程 web前端开发 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里