Web设计人员和开发人员的新鲜资源(2017年3月)

这就是为什么在此部分中,我们包括了很多很棒的CLI,可以将它们安装在本地计算机上或在服务器上运行某些东西。

使用CLI(命令行界面),我们可以简化和自动化Web开发工作流程

让我们检查一下。

最重要的是,我们还包括一些PHP工具,浏览器插件和JavaScript库

我可以看到,CMS平台将集成Guetzli来优化JPEG文件,将有许多应用程序和插件。

鉴于类似的开源编码器(例如JPEGOptim和jpegtran)的平均上限仅为20%,这是一个很大的突破。

Google推出的新型编码器, 可以将图像压缩到比原始大小最多缩小35%的水平 ,同时保持质量。

Web设计人员和开发人员的新鲜资源(2017年3月)

对于了解我们目前所处的位置,我们可能错过的内容以及下一步的去向是一个很好的参考。

这些路线图就像一张地图。

共有三门课程:前端,后端和DevOps。

顾名思义,Developer Roadmap是成为Web Developer的旅程信息图

Web设计人员和开发人员的新鲜资源(2017年3月)

它是基于React.js构建的新CMS,可以与任何静态站点生成器(如Jekyll,Hugo和 MiddleMan) 集成

SmashingMagazine最近采取了大胆的举措,放弃了WordPress,并尝试使用名为Netlify CMS的新CMS尝试全新的方法。

Web设计人员和开发人员的新鲜资源(2017年3月)

BadSSL是一种方便的工具,可以通过您站点上安装的SSL进行调试和错误。

这是一个检查您的SSL配置网站

Web设计人员和开发人员的新鲜资源(2017年3月)

安装并启用后,该插件将在页面上构成警告或错误的许多元素上添加一个覆盖框。

Alix是一个Chrome扩展程序,可让您审核网站的可访问性

Web设计人员和开发人员的新鲜资源(2017年3月)

该库使我们能够使用Web技术创建增强现实,并且令人惊讶地在手机上运行得非常快

AR.js是JavaScript库,与其他库不同

Web设计人员和开发人员的新鲜资源(2017年3月)

您可以简单地使用GUI 方便地生成组件代码

您可以设置线条粗细,颜色,渐变和曲线平滑度。

该组件是可配置的;

这是Unsplash的一个反应组件,用于创建可爱的折线图,通常用于显示趋势

Web设计人员和开发人员的新鲜资源(2017年3月)

简而言之,它是台式机上的Github。

此外,您还可以查看存储库以及当月和每周的趋势存储库上的推送和提交图表

一个macOS应用程序,可从您的桌面直接监视您的Github活动 ,Gitee在状态栏中添加了一个新项目,其中显示了星标,关注者和通知的数量。

Web设计人员和开发人员的新鲜资源(2017年3月)

安装完成后,输入goops并完成。

可以通过NPM安装CLI。

Goops是一个方便的CLI,它将分析您的项目目录并确定要添加到.gitignore的目录和文件。

Web设计人员和开发人员的新鲜资源(2017年3月)

它的工作原理与Alix非常相似,当您加载debugCSS样式表或使用小书签时 ,它会突出显示页面上构成错误或警告的元素

DebugCSS是CSS插入实用程序,可让您分析和验证浏览器上CSS输出

Web设计人员和开发人员的新鲜资源(2017年3月)

它使用JavaScript MVC框架Vue.js构建,并使用Pug 作为模板系统来构建幻灯片

EagleJS在某些方面有所不同。

EagleJS是一个JavaScript库,用于创建类似于RevealJS的 演示文稿

Web设计人员和开发人员的新鲜资源(2017年3月)

如果您的站点也是使用Bootstrap构建的,则它是一个理想的库

通常会为新用户显示弹出指南,以指导他们浏览应用程序界面,新功能并显示提示。

一个JavaScript库,用于使用Bootstrap组件构建弹出指南

Web设计人员和开发人员的新鲜资源(2017年3月)

在捆绑的组件中,您会发现一些常见的组件,例如Calendar,Menu和Form。它还带有一个“ storage-indexeddb”组件,可让您使用IndexedDB在客户端存储数据

Brick是一个JavaScript库,旨在构建Web应用程序UI

Web设计人员和开发人员的新鲜资源(2017年3月)

Octotree支持私有和企业Github存储库。

它是Chrome,Safari,Firefox和Opera的附加组件,可在其官方附加存储库中使用。

OctoTree是一个不错的实用程序,它允许在IDE或代码编辑器中使用Tree结构浏览Github上的源代码和文件。

Web设计人员和开发人员的新鲜资源(2017年3月)

一个很棒的插件,如果您想与您的存储库保持联系。

安装后,即使您当前不在Github页面上,也将能够收到通知。

Chrome的另一个有用的Github扩展。

Web设计人员和开发人员的新鲜资源(2017年3月)

它具有回滚功能,使您可以在出现故障时返回到以前的版本。

使用此工具,您可以编写自己的配方,这是在部署期间运行的一条命令。

它可以与许多流行的框架和平台一起使用,包括WordPress,Drupal,Magento,Laravel和CodeIgniter。

Deployer是用于部署PHP站点的工具。

Web设计人员和开发人员的新鲜资源(2017年3月)

这意味着您不需要完整的PHP环境即可调试项目中的PHP文件。

一个无需执行运行时即可扫描PHP文件以查找错误的CLI。

Web设计人员和开发人员的新鲜资源(2017年3月)

Nginx常见配置的集合,其中包括后端缓存,连接和请求速率限制,以及一些其他最佳实践,它们可以提高您的网站的速度并针对流量高峰进行调整。

Web设计人员和开发人员的新鲜资源(2017年3月)

现在,使用SSL进行复制变得非常容易。

Bubbly是一个很棒的命令行,您可以将其安装在服务器上,以使用Let's Encrypt生成,管理和续订证书。

Web设计人员和开发人员的新鲜资源(2017年3月)

翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-03-2017/