夏日福利!2018年7月前端开发者超实用干货大合集 - 优设-UISDC

夏日福利!2018年7月前端开发者超实用干货大合集

2018/07/03 10544评论区

前端干货大合集在跳票2个月之后再次回来了!这次的合集当中当然包含了大把的资源,除了一些基本的代码工具之外,还包含 JavaScript 库和各种开发框架,以及便于开发GUI 的应用程序,相信无论是设计师还是开发者都会从今天的合集当中受益。

不是前端开发者?这里有设计师干货大合集哟:《节后福利!2018年6月设计圈超实用干货大合集》

Unique

这个工具能够帮你找到许多别的地方少见的字体,Unique 甚至可以用来帮你创造 LOGO,只需要点击几次你也可以在这里找到符合需求的唯一的字体。

Duotones

这款简单的 Web应用,只需要简单的点击,就可以帮你将任何照片都转化成为双色调的图片,图片素材可以自己上传,所生成的图片也可以随便下载。双色调也是时下非常流行的设计元素,这款工具不容错过哦。

MDX

MDX 是一款结合了 Markdown 和 JSX 的规范,借助它你可以做到一些以往从来都无法实现的疯狂的事情,比如导入 Markdown 文件,使用 Markdown 文件来作为独立组件,运用在其他的文件系统当中。

FontDrop

这是一个可以用来显示字体详细信息的工具,你只需要把字体拉入到 FontDrop 当中,就可以显示字体的名称,样式,版本,版权信息,字形和支持语言等信息。

DOM Testing Library

这是一个用来测试 DOM 的 JS库,你可以用它来给你的网页UI组件进行单元测试,确保整个 UI组件的可用性。这款工具同样能够帮你重构和维护 UI 功能。

Dump

这是一款简单的 React 组件,能够帮你在浏览器中转存和输出 Log 记录,而不用在终端中操作并到处 Console.log。这款工具是由 Wact Bos 所创建,是 React 相关领域最著名的布道者之一。

Etcher

Etcher 是一款非常便捷的操作系统镜像烧录工具,以往将系统镜像写入到光盘或者U盘是一件非常麻烦的事情,但是现在,在 Etcher 的帮助之下,一切都简单无比,几个步骤就可以搞定了。

Ni

Ni 提供了一种更好安装 NPM 软件包的方法,它可以从 Package.json 文件中安装缺少的依赖项,并且显示已经弃用的依赖项,并且为整体提供更好的接口。

Cuttlebelle

React.js 是一款静态的网站生成器,而 Cuttlebelle 则提供了更好的扩展性,让你可以使用基于 React 的组件扩展页面布局。如果你已经熟悉了 React.js,还可以轻松地创建新的布局,并且可以在 Markdown 文件中使用它。

ImgBlur

ImgBlur 是一个以现代方式加载图像的最佳的 JS组件,它带有一个 CLI,可以基于原始图像生成模糊的版本,这个版本的图像很小,在原图加载之前预先加载模糊的版本,便于查看和预览。

Dinero.js

这是一个用来创建、换算货币的 JS库,它支持所有的国际货币,你可以在 Node.js 的环境中使用这一库,借助 CommonJS 和 EcmaScript 6 来将其加载到浏览器当中。

WiredJS

WiredJS 是使用原生的「Web组件」构建而成的。它是一个独特的 UI库,有着粗糙简略的外观,它所生成的 UI组件外观中的线条都是随机生成的,因此不会有任何组件是完全一样的。用它来绘制线框图或者模型是非常「完美」的。

Vuido

Vuido 是一个使用 Vue.js 来创建的轻量级桌面应用程序框架,你可以使用 Vue.js 的 API 和其他的许多附加组件来构建 Windows、Linux 和 MacOS平台的桌面级应用。它是 Electron 的绝佳替代品。

Hybrids

这是一个 JS库,它让你可以使用友好的 API 和本机的 Web 组件来创建自定义的 HTML 元素。这一库提供了类似 Vue.js 和 React.js 那样的简单的 API。

Saber.js

Saber.js 是一个为 Vue.js 所构建的静态站点生成器,Saber.js 并没有像 Nuxt.js 那样花哨,它的选项和配置都是最简约的,如果你只想拥有一个易于维护的静态网站,它就是最好的选择。

Winds

Winds 是一个颇为现代的 RSS 和 Podcast 阅读器,它可以在 Windows、macOS 和 Linux 三大平台上使用。

Relaxed

Relaxed 是一款可以将 HTML和 Pug 转化为 PDF文档的转换工具,其中可以包括诸如 HTML、CSS、JS 等复杂的元素布局,甚至可以使用 Markdown 来记录主要的内容。最重要的是,它还可以使用 JS库来添加图表,使用 MathJax 来添加数学格式内容。

Font Style Matcher

这款字体样式匹配工具能够帮你在 Google 上找到一款和本地某个字体极为相似字体的工具,对于 Web 开发者而言,它是非常实用的,可以在 Google 字体尚未加载的情况下预先加载差不多的本地字体。

PWA WP

这是一个将 PWA(渐进式Web应用)引入 WordPress 的一个计划,目前这一项目尚处于初期阶段。

Blueprint.js

这是一个基于 React 的 UI库,Blueprint.js 包含了许多常规的组件诸如按钮和选项卡,其中甚至包含了浮动搜索框,它与 macOS 中的 Spotlight 非常相似。

「往期前端干货合集」

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

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

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

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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