2018年2月的10个最佳新网页设计工具

null

它仍然在今年年初,所以毫无疑问你渴望学习一些新东西网页设计技巧让你进入2018年。我们在本月的新课程中有各种学习资源网页设计工具,以及使更容易做难事的工具,例如过渡到CSS Grid,或构建渐进式Web应用程序。除了有颜色工具,备忘单和许多让生活更轻松的小事。

01. JavaScript对象资源管理器

An enjoyable interface for exploring JavaScript objects

一个用于探索JavaScript对象的愉快界面

Sarah Drasner使用此工具来找到您需要的对象方法,而不是通过文档挖掘。使用下拉菜单来解释您的情况和您想要的内容,如果您想深入研究,您可以获得所需内容的简明解释以及文档链接。

02. 针线

Workbox takes a lot of the hard work out of building progressive web apps

Workbox在构建渐进式Web应用程序时需要付出很多努力

Google提供的这组JavaScript库和Node模块可帮助您轻松添加离线支持,从而构建更好的渐进式Web应用程序。

03. Kap 2.0

Simple screen capture utility that generates great quality results

简单的屏幕捕获实用程序,可生成高质量的结

Kap是MacOS的开源GIF和屏幕录制应用程序。它非常适合捕获GIF,MP4,WebM和APNG文件,并且可以轻松导出到Giphy,Imgur,S3或剪贴板。最新版本具有一些有用的新功能,包括修剪,插件,全屏捕获和窗口捕获。

04. 颜料

Great for building logos

非常适合构建徽标

如果您正在创建具有两种主要颜色的东西,并且想要看到一种颜色与另一种颜色脱颖而出,那么这种颜色调色板工具是一个不错的选择。您可以调整颜色的强度以及光照以获得不同的选项范围,每个颜色对都附带两个额外的相关调色板。

05. 双色调

Make any image duotone

制作任何图像双色调

Duotone是ShapeFactory中的另一个,它可以帮助您将图像转换为双色调。选择任意两种颜色并拖动滑块以获得实时结果。

06. 学习CSS网格

Get going with Grid in just four hours

在短短四个小时内开始使用Grid

在Mozilla的赞助下,Wes Bos免费创建了这个视频系列,可以让您在短短四个小时内熟练掌握CSS Grid。该课程包含25个视频和一系列入门文件和练习,教您如何使用新的网页布局系统。

07. 盆地

Get forms up and running easily

快速获取表单并运行

通过使用Basin来节省编写表单后端的麻烦。它易于设置并具有许多有用的功能,可用于处理提交数据和跟踪转换,包括垃圾邮件过滤,自动回复,CSV导出以及表单用户附加文件的工具。

08. CSS网格

CSS Gridish generates useful resources for your team that smooth the transition to Grid

CSS Gridish为您的团队生成有用的资源,以平滑过渡到Grid

IBM的这个工具旨在通过创建几个有用的资源来平滑过渡,让团队更快地利用CSS Grid的强大功能。查看这个帖子了解它能为您做些什么。

09. Scrimba

Interact with screencast code

与截屏视频代码交互

Scrimba是一种使用交互式截屏教学和学习代码的工具,使用户能够使用他们正在学习的代码。如果您有想要分享的东西,这也是一个很好的平台,也非常适合学习新技能。

10. CSS备忘单

Click through to get further information from the Mozilla Developer Network

单击以从Mozilla开发人员网络获取更多信息

您选择的CSS备忘单将归结为个人品味。但是请允许我们为Adam Marsden提供这个问题:它的布局很好,并提供了有关Mozilla开发者网络的更多细节的链接。

相关文章:



翻译字数超限