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

一年中的黑暗月份是一个很好的机会,可以在春天带来分散你注意力的机会之前蹲下并建立你的知识。为此,本月的工具主要集中在学习资源上。如果您尚未进入渐进式网络应用程序,那么有两本来自优秀作家的书籍可以让您了解最新信息并向您展示可以实现的目标。

还有一个性能检查表,其中包含了解加速站点所需的所有资源,一些设计案例研究,显示在一些大型站点上的工作情况,以及一项巨大的调查,探讨设计如何影响数千个组织的业务绩效。

+$While you're here, you might also want to take a look at our guides to the最佳网站建设者最佳网络托管服务+$of 2019.

01. 最佳的2018年UX设计案例研究

UX design case studies

深入介绍实际UX设计方案

这个来自案例研究俱乐部的综合报告提供了一些去年最有趣的网页设计案例研究的精彩学习。每个场景都有其独特的挑战和限制,这些深度探讨的文章探讨了一些业界顶级设计师如何处理他们的特定项目。您将了解重新设计纽约时报主页,Chrome的新外观,Mailchimp仪表板以及更多内容的过程。

02. 速度

Velocity

一个现成的设计系统,以帮助您开始

构建自己的设计系统是一项令人生畏的任务,因此使用这样的东西作为入门框架可以让生活变得更加轻松。 Velocity是一个UI套件和设计系统,适用于虚构的自动驾驶汽车公司,可与InVision Studio,Sketch和Photoshop配合使用。它包含30个常用应用程序功能的屏幕,如登录,设置,地图,聊天等,它们有小,中,大两种尺寸,因此您可以看到组件在不同设备上的工作方式。有超过70个组件和300多个UI元素,您可以混合搭配来构建您的应用程序。

03. FBT

FBT javascript

JavaScript的国际化框架

如果您的网站或应用需要使用不同的语言,FBT可以提供帮助。它是一个JavaScript国际化框架,可以在动态应用程序中促进语法正确的翻译文本。它被Facebook使用,你可以找到更多有用的工具和项目Facebook开源,Facebook的开发者社区。您将找到与人工智能,数据基础设施,安全性等相关的各种有用工具。

04. 静态现场锅炉

Static Site Boilerplate

静态站点的有序工作流程

这个伟大的样板文件提供了一个用于创建静态站点的有序工作流程,并且具有内置的开发服务器 - 无需在计算机上安装一个 - 因此您可以轻松地启动和运行。您的代码会自动隐藏,连接和缩小,您可以在没有供应商前缀的情况下使用Sass或更少,并自动优化图像。还有其他各种有用的功能可以让生活更轻松,而且总体来说它是一个方便的工具,可以在不重新发明轮子的情况下进行静态站点。

05. 前端性能检查表2019

Front-end performance checklist 2019

全面整理Web性能最佳实践的资源和建议

在过去的几年里,Smashing Magazine一直在保持这个庞大的网络性能资源,它已经在2019年进行了新的更新,并提供了尽可能快地建立网站的最佳建议。它涵盖了从改变组织文化到优先处理性能,处理技术挑战以及保持所需功能所需的权衡,同时减少加载时间。今天的网络比以往任何时候都更慢,更笨拙,因为页面很重,优化不佳。让它变得更好!

另请阅读:5种加速网站和应用程序的方法

06. 学习JavaScript

Learn JavaScript

学习JavaScript基础知识的互动课程

Google开发人员专家和Microsoft最有价值专家Jad Joubran创建了这个在线交互式JavaScript课程,适合具有任何编程语言基础知识的初学者。您通过基于实际项目的一系列挑战来学习JavaScript基础知识,以确保您的学习实用且与现代应用程序相关。前40个课程和挑战是免费的。

07. 新设计前沿

The New Design Frontier

来自数千家公司的数据,涉及设计和业务成果之间的关系

如果您需要一些硬数据来说服您组织的领导者设计变革能力,那么InVision对设计实践对业务绩效的影响的行业调查将有所帮助。它拥有2,200个组织的数据,涵盖了来自世界各地的24个行业。有来自小企业,大型企业,非营利组织甚至政府的信息,每个人都报告了设计如何重塑其产品和实践。

数据解释了不同公司在多大程度上受益于设计在业务中的更大整合(它变化很大),并且有分析旨在理解为什么某些公司的努力比其他公司更有效,因此您可以学习如何以对您的底线影响最大的方式使用设计。

08. Pixel Mob

Pixel Mob

来自各种来源的免费图像

Pixel Mob是一个聚合器,可以从多个来源获取高质量的免版税图像,包括Unsplash,...和Pexels。它提供了大量图片,并提供相关搜索字词,可帮助您找到所需内容。如果您发现自己打开多个标签并比较来自不同服务的结果,它肯定会节省您的时间。

09. Jason Grigsby的渐进式网络应用程序

Progressive Web Apps book

了解使用Progressive Web Apps的优势

渐进式Web应用程序(PWA)的外观和行为与本机应用程序类似,但您不需要处理应用程序商店,因为它们是基于Web的。您的应用程序可供所有设备使用,并且您不受专有平台的限制,因此使用它们的理由很充分 - 但它们带来了一系列不同的挑战。在本书中,Jason Grigsby解释了如何为组织中的PWA提供案例,如何扩大受众群体以及如何为用户创造最大价值。

10. 渐进式Web应用程序:移动Web的未来

progressive web apps

一本免费的电子书,有一些很好的案例研究

这是Progressive Web Apps的另一个很好的资源 - 这次它是一个免费的电子书,是微软,谷歌和Awwwards合作的结果。您将了解为什么PWA很重要,如何建立PWA以及如何评估结果。有用的是,本书探讨了兰蔻,Trivago,宝马和Pinterest的一些有趣的案例研究,因此您可以看到一些真实的结果,并从他们的成功中学习。它也是您可以用来为组织中的PWA创建案例的有用数据。

阅读更多:



翻译字数超限