Web设计人员和开发人员的新鲜资源(2016年6月)
还包括阅读材料,最佳实践的参考资料和指南,您应该将它们检出,添加书签,并可能需要阅读一天。
本期文章具有一些CLI(这是我们关于为什么应该学习命令行的文章 ),一些既有趣又工作的桌面应用程序以及几个CSS和JavaScript库。
我们正在扩展中版的列表。
有关更多新鲜资源, 请单击此处 。
我不会破坏列表的其余部分,所以请您离开。
点击获取更多资源
查找我们推荐资源的全部集合以及可用的最佳Web设计和开发工具。
目前,超过300万个网站都在使用它。
说到这一点,“让我们加密”是通过提供免费的SSL证书使网络更安全的共同努力。
它提供了一组命令行,支持多种服务器配置,例如Apache , NGINX和Plesk。
CertBot提供了一种更方便的方法来从Let's Encrypt部署证书。
它是摩纳哥(Monaco),门洛(Menlo)和信使(Courier)等经典单型的新鲜替代品。
Mononoki可作为可安装的桌面字体( .ttf
)和Web字体( .eot
和.woff
)提供。
Mononoki是一种专门用于显示代码的字体。
它轻巧,响应Swift,并可进行配置以满足您的需求。
BideoJS是一个JavaScript库,可让您以更少的障碍做到这一点。
在首页上显示整页自动播放视频似乎是一种上升的趋势。
这样的资源丰富的信息可以帮助您做出明智的决定,以决定要在项目中采用哪种CSS方法,工具和框架。
CSS Purge是CSS的参考,文章和统计信息的集合。
也可以将其集成到基于节点的桌面或Web应用程序中。
您可以设置电子邮件“主题”,电子邮件标题和“号召性用语”按钮。
提供了一些选项,使您可以自定义电子邮件的几乎每个区域。
Mailgen是一个Node模块,用于生成美观,简单的响应HTML电子邮件。
想想Deco,例如XCode或Visual Studio,您可以在其中使用拖放,滑块和颜色选择器通过用户友好的UI来构建应用程序。
Deco是使用Facebook倡议React Native来构建移动应用程序的IDE。
它提供了报告和解决方案。
DRY原理是一种可用于扫描网站以实现IE8兼容性的工具。
Internet Explorer 8(IE8)是一种老式浏览器,不支持现代Web技术,例如CSS3动画,变换,过渡和大多数没有polyfill的 HTML5元素。
在也进来两种颜色,黑暗和光明。
它在OS X,Windows和Linux中可用。
它建立在Node.js和Electron的基础之上,这使其可以成为跨平台应用程序。
Caprine是非官方的Facebook Messenger桌面应用程序。
与Bootstrap,Foundation等类似,Photon带有许多组件,可让您在应用程序中构建常用的UI元素,例如按钮,工具栏和侧边栏。
Photon Kit是使用Electron启动新应用程序的框架。
对于那些不习惯通过终端和命令行工作的人来说,这是一个很好的选择。
Yeoman App是一个桌面应用程序,可从Yeoman生成项目样板,框架和脚手架。
SQLectron可用于OS X,Windows和Linux。
它支持MySQL,PostgreSQL和Microsoft SQL Server。
SQLectron是一个SQL桌面客户端,使您可以更方便地查看和执行多个SQL操作。
例如,您可以编写@include first(3)
以选择前三个子元素,并编写@include between(2, 4)
以选择第二至第四个子元素。
mixins是声明性的。
FamilySCSS是mixins的集合,它使使用:nth-child
选择元素更加直观。
它使设置WordPress服务器变得轻而易举。
EasyEngine是命令行的集合,可让您使用诸如Redis,Caching插件和PageSpeed之类的工具和模块来配置WordPress。
Phinx Docs是一份丰富的参考资料,可帮助您入门。
它带有类和命令行,使您几乎可以运行任何数据库操作,例如编写,下载和上载。
Phinx是用于数据库管理和迁移的PHP模块。
除了按钮,列表和表单之外,RichCSS还带有自己的CLI,您可以使用它来启动一个新的Rich项目,例如Bower ,Git和NPM。
该框架以pro-DRY的方式整洁地组织了文件夹,目录和类,从而使其可重用。
RichCSS是提供健全结构CSS框架。
Frend可以替代jQuery UI。
该集合当前包括手风琴,对话框模态,Offcanvas,工具提示,选项卡,在下一发行版中还会添加更多。
Frend是常见Web组件的集合。
这是使用Flexbox构建响应式网格布局的综合框架。
PHP正确方法是学习PHP最佳实践的广泛参考。
PHP是一种易于学习的编程语言,但是您也很容易在代码上出错,最终可能会损害您的网站安全性和性能。
您可以浏览并通过键盘分配星星。
星级的设计考虑了可访问性。
Starability是一个CSS库,用于建立带有精美动画反馈的星级评分系统。
正确完成后,“暂停”可以使动画更具吸引力-以下是一些示例 。
WaitAnimate是一个方便的Web工具,用于在单个CSS动画@keyframe
计算“暂停”时间。
翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-06-2016/