跳到主要内容

十二月份十大最佳网页设计工具

Startup with Google screenshot says 'For those who never stop starting'

本月的许多工具都集中在小事上:寻找快捷方式,处理特殊字符,数字化草图以及改善设计人员和开发人员之间的协作。

最重要的是,有一个关于学习React的免费视频系列,React是谷歌创业知识的中心,还有一些其他的东西通常会让你在构建网站时更轻松。让我们开始吧!

01. 来自Glitch的React入门套件

Screenshot says 'React Starter Kit'

通过这个精彩的视频系列了解React

自由

想学习React?这是进入它的好方法。 Glitch是一个应用程序构建社区,包括基于浏览器的代码编辑器和即时托管和部署,因此您可以开始制作应用程序而无需担心任何这些问题。 React入门套件是一个由五部分组成的视频课程,其中包含交互式代码示例,可帮助您从Glitch环境中学习React。

02. 通过Google启动

Startup with Google screenshot says 'For those who never stop starting'

来自Google的创业公司创始人资源中心

自由

如果您正在创业,Google的这一信息和资源中心值得您关注。它将帮助您找到合适的软件工具;为您提供有关雇用人员,领导团队和营销产品的最佳实践的信息;提供成功领导者的鼓舞人心的见解;并将您与社区联系起来,这将有助于推动您前进。

03. Whatruns

Whatruns screenshot says 'Discover what runs a website'

为网站提供动力的每一点技术都是裸露的

自由

Whatruns是一个浏览器扩展,为您提供运行特定网站的所有技术的详细报告。这包括CDN,WordPress主题,JavaScript框架......一切。用它来找出现在流行的东西,不再支持的东西,以及为你最喜欢的网站提供动力的东西。

04. Shortcuts.design

Shortcuts.design screenshot says 'Every shortcut for designers in one place'

为此添加书签,以便您永远不会被卡在快捷方式中

自由

这个非常方便的站点列出了所有常用工具的每个键盘快捷键。它分为几个部分:设计(涵盖Sketch,Photoshop中插画,InVision等),发展(Sublime Text andWordPress的到目前为止,包括GitHub在内的更多内容)和杂项(macOS,Slack和谷歌Chrome即将推出)。虽然还有很多工具需要添加,但已经列出了一些方便的快捷方式。非常值得收藏。

05. Froala设计块

Froala Design Blocks screenshot

使用已建立的设计模式快速将原型拼凑在一起

自由

现在有很多关于看起来相同的网站的讨论,但是有充分的理由使用久经考验的设计模式 - 人们知道如何使用它们,如果你的客户想要证据,那么有大量的用户测试表明它们是有效。考虑到这一点,像Froala Design Blocks这样的资源非常适合快速将网站放在一起。您可以将170多个设计块组合成一个外观精美,响应迅速的站点。它是完全免费的,基于引导

06. CopyChar

Panel of glyphs

另一个用于书签 - 它是抓住特殊字符的最佳位置

自由

将此网站收藏并在需要特殊字符或字形时将其激活 - 只需单击一下即可将其放在剪贴板上。

07.

Flow website screenshot says 'Import Sketch Designs. Make Animations. Export Dev-ready Code'

让设计师导出代码,为开发人员节省一项任务

支付你想要的东西

通过导入Sketch设计然后导出可以移交给开发人员的代码,提供了一种制作动画的方法,创建了Flow以简化设计人员和开发人员之间的协作。它消除了一些错误传达的可能性并简化了切换过程。

08. Mini Dot Grid Bullet Journal

Colourful notebooks

适合专业sketchers的伟大笔记本

9

如果你喜欢在外出时想出想法,你需要一个好的笔记本。 Mini Dot Grid Bullet Journal是专业人士创建的;它有厚页面,所以你可以使用没有太多透视的墨水,它打开平面,因此它使用舒适,并且盖子坚硬和防水。如果您正在寻找更大的东西,当然有各种尺寸。

09. 特雷西

Tracy screenshot

用手机数字化纸质素描

自由

当您将一些线框从笔记本电脑传输到屏幕时,这是一个非常好的方法。使用手机或平板电脑扫描QR码,然后拍摄想要数字化的草图。然后,Tracy将您的线条转换为SVG格式的矢量。

10. Siftery产品替代品

Siftery Product Alternatives screenshot

人们在停止使用您的产品时会改用什么?

自由

Siftery Product Alternatives使用大型数据集来告诉您公司在停止使用时通常切换到的产品。帮助您了解客户切换产品的需求非常有用,如果您正在寻找替代您使用的不符合要求的产品,这可能也很有用。

喜欢这个?阅读这些:



翻译字数超限