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

还包括阅读材料,最佳实践的参考资料和指南,您应该将它们检出,添加书签,并可能需要阅读一天。

本期文章具有一些CLI(这是我们关于为什么应该学习命令行的文章 ),一些既有趣又工作的桌面应用程序以及几个CSS和JavaScript库。

我们正在扩展中版的列表。

有关更多新鲜资源, 请单击此处

我不会破坏列表的其余部分,所以请您离开。

目前,超过300万个网站都在使用它。

说到这一点,“让我们加密”是通过提供免费的SSL证书使网络更安全的共同努力。

它提供了一组命令行,支持多种服务器配置,例如ApacheNGINX和Plesk。

CertBot提供了一种更方便的方法来从Let's Encrypt部署证书。

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

它是摩纳哥(Monaco),门洛(Menlo)和信使(Courier)等经典单型的新鲜替代品。

Mononoki可作为可安装的桌面字体( .ttf )和Web字体( .eot.woff )提供。

Mononoki是一种专门用于显示代码的字体。

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

它轻巧,响应Swift,并可进行配置以满足您的需求。

BideoJS是一个JavaScript库,可让您以更少的障碍做到这一点。

在首页上显示整页自动播放视频似乎是一种上升的趋势。

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

这样的资源丰富的信息可以帮助您做出明智的决定,以决定要在项目中采用哪种CSS方法,工具和框架。

CSS PurgeCSS的参考,文章和统计信息的集合。

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

也可以将其集成到基于节点的桌面或Web应用程序中。

您可以设置电子邮件“主题”,电子邮件标题和“号召性用语”按钮。

提供了一些选项,使您可以自定义电子邮件的几乎每个区域。

Mailgen是一个Node模块,用于生成美观,简单的响应HTML电子邮件。

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

想想Deco,例如XCode或Visual Studio,您可以在其中使用拖放,滑块和颜色选择器通过用户友好的UI来构建应用程序。

Deco是使用Facebook倡议React Native来构建移动应用程序的IDE。

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

它提供了报告和解决方案。

DRY原理是一种可用于扫描网站以实现IE8兼容性的工具。

Internet Explorer 8(IE8)是一种老式浏览器,不支持现代Web技术,例如CSS3动画,变换,过渡和大多数没有polyfill的 HTML5元素。

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

在也进来两种颜色,黑暗和光明。

它在OS X,Windows和Linux中可用。

它建立在Node.js和Electron的基础之上,这使其可以成为跨平台应用程序。

Caprine是非官方的Facebook Messenger桌面应用程序。

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

与Bootstrap,Foundation等类似,Photon带有许多组件,可让您在应用程序中构建常用的UI元素,例如按钮,工具栏和侧边栏。

Photon Kit是使用Electron启动新应用程序的框架。

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

对于那些不习惯通过终端和命令行工作的人来说,这是一个很好的选择。

Yeoman App是一个桌面应用程序,可从Yeoman生成项目样板,框架和脚手架。

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

SQLectron可用于OS X,Windows和Linux。

它支持MySQL,PostgreSQL和Microsoft SQL Server。

SQLectron是一个SQL桌面客户端,使您可以更方便地查看和执行多个SQL操作。

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

例如,您可以编写@include first(3)以选择前三个子元素,并编写@include between(2, 4)以选择第二至第四个子元素。

mixins是声明性的。

FamilySCSS是mixins的集合,它使使用:nth-child选择元素更加直观。

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

它使设置WordPress服务器变得轻而易举。

EasyEngine是命令行的集合,可让您使用诸如Redis,Caching插件和PageSpeed之类的工具和模块来配置WordPress。

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

Phinx Docs是一份丰富的参考资料,可帮助您入门。

它带有类和命令行,使您几乎可以运行任何数据库操作,例如编写,下载和上载。

Phinx是用于数据库管理和迁移的PHP模块。

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

除了按钮,列表和表单之外,RichCSS还带有自己的CLI,您可以使用它来启动一个新的Rich项目,例如Bower ,Git和NPM。

该框架以pro-DRY的方式整洁地组织了文件夹,目录和类,从而使其可重用。

RichCSS是提供健全结构CSS框架。

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

Frend可以替代jQuery UI。

该集合当前包括手风琴,对话框模态,Offcanvas,工具提示,选项卡,在下一发行版中还会添加更多。

Frend是常见Web组件的集合。

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

这是使用Flexbox构建响应式网格布局的综合框架。

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

PHP正确方法是学习PHP最佳实践的广泛参考。

PHP是一种易于学习的编程语言,但是您也很容易在代码上出错,最终可能会损害您的网站安全性和性能。

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

您可以浏览并通过键盘分配星星。

星级的设计考虑了可访问性。

Starability是一个CSS库,用于建立带有精美动画反馈的星级评分系统。

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

正确完成后,“暂停”可以使动画更具吸引力-以下是一些示例

WaitAnimate是一个方便的Web工具,用于在单个CSS动画@keyframe计算“暂停”时间。

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

翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-06-2016/