加入收藏 | 设为首页 | 会员中心 | 我要投稿 辽源站长网 (https://www.0437zz.com/)- 云专线、云连接、智能数据、边缘计算、数据安全!
当前位置: 首页 > 站长资讯 > 评论 > 正文

2019年6月网页设计师前端干货大合集

发布时间:2019-06-26 13:20:21 所属栏目:评论 来源:Thoriq Firdaus
导读:编者按:很久没有更新给网页设计师和前端开发者所准备的干货素材了,这是来自 Hongkiat 网站的每月(其实是不定期)新素材合集,主要是一些代码片段、代码库以及前端开发工具。下面是正文。 又到了给前端开发的同学分享新素材的时候了。这个月的合集当中,我
副标题[/!--empirenews.page--]

编者按:很久没有更新给网页设计师和前端开发者所准备的干货素材了,这是来自 Hongkiat 网站的每月(其实是不定期)新素材合集,主要是一些代码片段、代码库以及前端开发工具。下面是正文。

又到了给前端开发的同学分享新素材的时候了。这个月的合集当中,我们汇集了针对多种不同的开发语言的相关的前端开发工具,但是,其中最重要的还是几个能够帮助开发者更好更快编写代码的工具。

举个例子,我们找到了一个能够评估代码质量的 PHP 库,一个可以自动重构代码的 PHP 库(是不是超级赞!),以及使用 JavaScript 库执行端到端测试的简单方法。多的不说了,咱们来看都有哪些新货吧!

栅格工具 CSS Grid Generator

2019年6月网页设计师前端干货大合集

这是一个由 Sarah Drasner 所创建的新工具,它能够让创建 CSS 网格更加直观。它可以帮助你在创建复杂布局的时候(比如创建重叠的网格区域)的时候节省更多时间。这款工具能够自动生成相应的代码,复制粘贴到你自己的网站即可。

谷歌深入解读现代浏览器原理(英文)

2019年6月网页设计师前端干货大合集

也许你做前端的时间并不短了,但是你真的完全了解现代浏览器的工作原理么?这是来自 Google 的系列文档,帮你全面解析现代浏览器的工作原理,带你一窥现代浏览器是如何利用 CPU、GPU 和内存等硬件,帮你实现各种各样的功能。这个系列的文档的拆解,会有助于编写性能更高的代码。其中的插图来自 Mariko Kosaka,相当的Q萌可爱,让人易于理解。

3D引擎 Zdog

2019年6月网页设计师前端干货大合集

Zdog 是一个 JavaScript 库,也是一个对于设计师极为友好的伪3D引擎,让你可以通过 HTML Canvas 绘制逼真而视觉效果极为突出的 3D 动画效果。这个 JavaScript 库的创建者是 Matafizzy,他曾因为制作 Isotope、Flickity 和 Packery 等 JavaScript 库而出名,如果你对于他的作品感兴趣,可以多关注一下。

仪表盘布局生成工具 UIBot App

2019年6月网页设计师前端干货大合集

UIBot 是一款专门生成仪表盘界面的工具,你只需要简单的点击顶部的按钮,就能自动生成全新的布局和配色!你甚至不需要像在其他的工具当中从零开始托拽就能生成布局。不过相应的,你最终可能依然不会使用它的布局样式,但是这并不影响你参考它所生成的布局样式对不对?

可访问性检测插件 Accesibility Insights

2019年6月网页设计师前端干货大合集

这是一个可以帮你测试苹果网站的可访问性的插件,它会帮你找到网站中所存在的可访问性的问题,并且提供解决问题的相关指南,这款插件有针对 Chrome 浏览器和微软 Edge 浏览器的版本。

测试库 NightwatchJS

2019年6月网页设计师前端干货大合集

这是一个能简化端到端测试的 JavaScript 库。NightwatchJS 能够利用标准的 W3C WebDriver API 连接浏览器,并与之交互,并执行测试。它支持众多驱动程序,包括 WebDriver 服务、GeckoDriver,并可以在火狐浏览器、ChromeDriver 和 SafariDriver 上进行测试。

布局工具 Playroom

2019年6月网页设计师前端干货大合集

Playroom 是一款独特的工具。简单地说,它是一个类似布局设计系统和组件库的小工具,但是它还能提供预览,并且模拟各种不同窗口大小的组件。它的便捷性还体现在显示布局元素的粒度变化上。

CSS库 Pylon

2019年6月网页设计师前端干货大合集

PylonCSS 是一款不同于其他 CSS 库的工具,它提供自定义的组件,而不是单纯提供一组类。这让你可以以类似 iOS 的方式,更加具有表现力地包装和实现网站效果。举个例子,我们可以使用 来创建一个水平的元素堆栈,或者使用来创建垂直堆栈。

UI组件合集 Vant

2019年6月网页设计师前端干货大合集

Vant 是一组基于 Vue.js 的构建的移动端UI组件合集,整个合集包含超过 55 款不同的组件,并且数量还在不断的迭代增加中。它支持 TypeScript,SSR(服务器端渲染)和 i18n,这意味着你可以将组件中的内容直接翻译为本地语言。

自动化工具 Robo

2019年6月网页设计师前端干货大合集

(编辑:辽源站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读