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

使用CLI(命令行界面),我们可以简化和自动化Web开发工作流程 。 这就是为什么在本期文章中,我们包括了许多很棒的CLI,可以将它们安装在本地计算机上或在服务器上运行某些东西。

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

Google推出的新编码器, 可以将图像压缩到比初始大小最多缩小35%的水平 ,同时保持质量。 鉴于类似的开源编码器(例如JPEGOptim和jpegtran)的平均上限仅为20%,这是一个很大的突破。 我可以看到,CMS平台将集成Guetzli来优化JPEG文件,将有许多应用程序和插件。

格兹利

顾名思义,Developer Roadmap是成为Web Developer的旅程信息图 。 共有三门课程:前端,后端和DevOps。 这些路线图就像一张地图。 对于了解我们目前所处的位置,我们可能错过的内容以及下一步的去向是一个很好的参考。

开发者路线图

SmashingMagazine最近采取了大胆的举措,放弃了WordPress,并尝试使用名为Netlify CMS的新CMS尝试全新的方法。 它是一个基于React.js的新CMS,可以与任何静态站点生成器(如Jekyll,Hugo和 MiddleMan) 集成

Netlify CMS

这是一个检查您的SSL配置网站 。 BadSSL是一种方便的工具,可通过您网站上安装的SSL进行调试和错误。

错误的SSL

Alix是一个Chrome扩展程序,可让您审核网站的可访问性 。 安装并启用后,该插件将在页面上构成警告或错误的许多元素上添加一个覆盖框。

阿力克斯

AR.js是JavaScript库,与其他库不同 。 该库使我们能够使用Web技术创建增强现实,并且令人惊讶地在手机上运行得非常快

AR.js

这是Unsplash的一个React组件,用于创建可爱的折线图,通常用于显示趋势 。 该组件是可配置的; 您可以设置线条粗细,颜色,渐变和曲线平滑度。 您只需使用GUI即可方便地生成组件代码

React趋势

一个macOS应用程序,可从您的桌面直接监视您的Github活动 ,Gteee在状态栏上添加了一个新项目,其中显示了星标,关注者和通知的数量。 此外,您还可以查看存储库以及当月和每周的趋势存储库上的推送和提交图表 。 简而言之,它是台式机上的Github。

吉蒂

Goops是一个方便的CLI,它将分析您的项目目录并确定要添加到.gitignore的目录和文件。 可以通过NPM安装CLI。 安装完成后,输入goops并完成。

oop

DebugCSS是CSS插入实用程序,可让您分析和验证浏览器上CSS输出 。 它的工作原理与Alix非常相似,当您加载debugCSS样式表或使用小书签时 ,它会突出显示页面上构成错误或警告的元素

调试CSS

EagleJS是一个JavaScript库,用于创建类似于RevealJS的 演示文稿 。 EagleJS在某些方面有所不同。 它使用JavaScript MVC框架Vue.js构建,并使用Pug 作为模板系统来构建幻灯片

鹰JS

一个JavaScript库,用于使用Bootstrap组件构建弹出指南 。 通常会为新用户显示弹出指南,以指导他们浏览应用程序界面,新功能并显示提示。 如果您的站点也是使用Bootstrap构建的,则它是一个理想的库

引导之旅

Brick是一个JavaScript库,旨在构建Web应用程序UI 。 在捆绑的组件中,您会找到一些常见的组件,例如Calendar,Menu和Form。它还带有一个“ storage-indexeddb”组件,可让您使用IndexedDB在客户端存储数据

砖

OctoTree是一个很好的实用程序,它可以在IDE或代码编辑器中使用Tree结构浏览Github上的源代码和文件。 它是Chrome,Safari,Firefox和Opera的附加组件,可在其官方附加存储库中使用。 Octotree支持私有和企业Github存储库。

八叉树

Chrome的另一个有用的Github扩展。 安装后,即使您当前不在Github页面上,也将能够收到通知。 一个很棒的插件,如果您想与您的存储库保持联系。

Github通知

Deployer是用于部署PHP站点的工具。 它可以与许多流行的框架和平台一起使用,包括WordPress,Drupal,Magento,Laravel和CodeIgniter。 使用此工具,您可以编写自己的配方,这是在部署期间运行的一条命令。 它具有回滚功能,使您可以在出现故障的情况下返回到以前的版本。

部署者

一个无需执行运行时即可扫描PHP文件以查找错误的CLI。 这意味着您不需要完整PHP环境即可调试项目中PHP文件。

斯坦

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

NGINX样板

Bubbly是一个很棒的命令行,您可以将其安装在服务器上,以使用Let's Encrypt生成,管理和续订证书。 现在,使用SSL加密变得非常容易。

泡状

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值