跳到主要内容

2018年7月的10个精彩网页设计工具

这个月的最佳综述网页设计工具Roundup包括一个CSS预处理器,它将样式范围限定为组件,以及一个将申请人放在首位的工作板。您还将找到一些很好的学习资源和许多其他有趣的东西,使生活作为网页设计师或开发人员变得更加容易。让我们开始吧!

01. 诚实的工作

On this jobs site, salary and hiring info are mandatory

在这个工作现场,工资和招聘信息是强制性的

无论您是招聘还是申请结束,招聘流程通常都是令人沮丧和艰巨的。为了让事情变得更轻松,两位技术招聘顾问创建了Honest Work,这是一个比其他人更好的工作板。

他们的理由是有道理的:目前就业板是建立在以雇主为中心的特征上的,因为他们是付费广告的人。但是如果你建立一个专注于申请人需求的网站,你会吸引更多的人,这当然是雇主最想要的。

诚实工作要求雇主包括有关薪水和面试流程的信息,这使申请人的工作更加透明。它还具有更集中,更准确的求职过滤器以及一系列其他功能,使每个人的事情变得更简单。

02. Jen Simmons的实验布局实验室

Learn cool layout effects and techniques with Jen Simmons

使用Jen Simmons学习很酷的布局效果和技巧

Flexbox的CSS网格让我们有能力摆脱枯燥的框架,制作我们自己令人兴奋的布局,这有望在网络上迎来创造力的新时代。如果你想获得灵感并找到可能的东西,这是一个很好的起点。 Jen Simmons一直都是破坏网页布局的神话一段时间以来,她的实验布局实验室展示了她最令人印象深刻的一些作品。

使用更新的网络技术,我们可以垂直或以一定角度运行文本,并使其适合图像;我们可以使用适当的艺术指导,并根据我们的内容定制我们的布局。简而言之,我们更像是在印刷出版物中使用平面设计。是时候再次对网络感到兴奋。

03. VS Code能做到吗?!

Handy tips and tricks for Visual Code Studio 

Visual Code Studio的方便提示和技巧

如果您是Visual Code Studio用户,则此站点适合您。有人注意到了这一点代码编辑器有很多鲜为人知但非常强大的功能,没有引起太多关注,所以他们收集了一系列很棒的技巧,这些技巧将改变你与这个软件的工作关系。

您是否知道使用Version Lense插件可以轻松查看哪些npm软件包已过期?或者VS Code可以将您的JavaScript重构为ES6?快速浏览主页以获取一些宝石。

04. Vue Native

Build native mobile apps with JavaScript

使用JavaScript构建本机移动应用程序

Vue Native是一个使用JavaScript构建跨平台本机移动应用程序的框架。它编译为React Native并为您提供Vue生态系统的所有优势。它的创建者表示,他们希望将Vue的模板,样式和状态管理支持带入应用程序构建过程。看一眼这篇博文了解更多。

05. 有线元素

Create sketchy mockups, wireframes or final interfaces with this tool

使用此工具创建粗略的模型,线框或最终界面

这些带有手绘外观的粗略UI元素很有趣;你可以用它们线框,模型,甚至最终网站,如果这是你想要的外观。您可能希望每个都是静态文件,但不是这样;它们作为Web组件实现,并且特别为您重新绘制。这意味着没有两个实现完全相同 - 就像真实的一样。试试主页上的例子;那不是图像,它有效!

06. 服务工作者食谱

Browse the list of recipes to find out how to do useful things with service workers

浏览食谱列表,了解如何与服务人员一起做有用的事情

服务工作者提供了获得各种有用功能的优雅方法,Mozilla的这个站点是现代网站上使用的服务工作者实际示例的集合。有一个'食谱'列表,演示了如何使用Service Workers完成各种任务,如果你有什么要添加,他们欢迎任何开发人员的贡献。所有代码都可以在GitHub上找到。

07. 风格化

Heal the problems that come with global CSS styles

治愈全局CSS样式带来的问题

Stylable是一个开源CSS预处理器,它扩展了CSS,以便将样式限定为组件,以防止它们泄漏或与应用程序中的其他样式冲突。在构建时,Stylable CSS被转换为可在任何浏览器中运行的普通CSS,使其成为全局样式带来的问题的简洁解决方案。如果你不确定它是否适合你,布鲁斯劳森已经创造了一个乐在其中的歌解释好处。

08. Interneting很难

An enormous collection of good web development tutorials

大量优秀的Web开发教程

无论您是想从头开始自学Web开发,还是要磨练自己响应式网页设计通过学习一些较新的技术来提高技能或提高你的技能,这个庞大的免费教程库将帮助你。前面的章节假设您是一个完全的初学者,但如果您想了解像Flexbox这样的东西,您可以在稍后阶段进入。它以简洁的风格编写,包含大量清晰的图表和代码示例,以帮助理解。

09. React App Manager

Jump straight into React without any terminal or npm tinkering

直接跳到React,没有任何终端或npm修补

RAM使您无需进行大量设置或处理命令行即可创建和运行React应用程序。它背后的想法是,npm和终端是初学者进入的障碍,所以这提供了一种直接潜入React而没有那些令人生畏的元素的方法。它目前处于测试阶段,尚未在Linux或Windows上进行过测试,但如果这个概念有吸引力,我们会说它是一个旋风。

10. 会话设计

Learn how to build great conversational interfaces

了解如何构建出色的会话界面

Erika Hall是Mule Design的一半,拥有数十年的设计师和技术专家经验。她的最新着作着眼于使用对话界面来创建以人为本的系统,吸引观众。霍尔解释了如何创造一种能够吸引用户的个性,如何为他们选择合适的语言以及如何成为一名更有能力的作家。

阅读更多:



翻译字数超限