spectre vs_Spectre.css –基于Flexbox的轻量级响应式CSS框架

如果您想进入flexbox布局，那么现在是开始的最佳时间。 现代浏览器终于接受了flexbox属性 ，越来越多的开发人员开始采取行动。

但是，当可以在可重用代码之上构建时，为什么要从头开始？ 如果您不熟悉Flexbox，Spectre.css是可以开始使用的最佳框架之一。

这个免费的开放源代码框架预先构建了具有功能的网格系统和常见的flexbox属性 。 它依靠Gulp从任何计算机上即时编译和运行CSS。

它还使用LESS代替Sass，这可以为所有LESS用户提供幽灵般的选择。

npm的一个下载提供了您所需的一切： CSS图标，mixins，变量 ，以及您期望从典型CSS框架获得的几乎所有其他内容。

所有代码都是完全语义的，并且支持所有HTML文本元素 ，甚至是更新的元素 ，例如<time> 。 文本样式还支持带有中文，日文和韩文等语言的东亚字体 。

您可以在“元素”页面上找到大量示例 ，其中列出了文本，按钮，表格，图标和Web表单（以及其他内容）的设计示例 。

Spectre还附带了大量的组件 ，可以节省从头开始编写代码所花费的时间。 动态功能 （如弹出窗口和下拉菜单 ）非常容易添加到任何布局中，只需几行代码。

这个框架仍然很新 ，并且一直在变化。 在撰写本文时，Spectre处于v0.2中，并且具有许多可以尝试的实验功能 。

但是，主要组件，页面元素和网格都可以正常工作，并且可以用于现场生产站点 。 Spectre是在具有Flexbox网格的Less上运行的最佳CSS框架之一。

要了解更多信息并开始使用，请访问涵盖安装和设置的文档页面 。

您也可以直接从GitHub下载代码的副本，其中还有一小部分用于说明文档。 而且，如果您想分享您的想法，可以在官方帐户@spectrecss上发布鸣叫。

翻译自: https://www.hongkiat.com/blog/flexbox-based-responsive-framework-spectre/