阿wing_Wing –极简CSS框架Web设计师想要

最新推荐文章于 2024-07-22 14:15:06 发布

cune1359

最新推荐文章于 2024-07-22 14:15:06 发布

阅读量259

点赞数

文章标签： java css vue html html5 ViewUI

前端生态系统充满了为改善您的开发过程而制作的开源框架 。通常，每个人都希望与这些框架有所不同。有些人追求美观，而另一些人则要求速度或可用性 。

Wing是一个更新的框架，是极简主义者的最好的朋友。它带有默认的网格设置 ， 自定义元素和总计5 KB的组件 。

关于Wing最好的部分也许是默认元素的自动样式化 。如果仅将Wing CSS样式表放入项目中，您将立即注意到更改。

默认的文本，链接和页面元素会根据Wing的设计自动调整形状 。您还可以添加自己的额外类，以向页面添加更多美感。

机翼附带使用12列结构的960px网格系统 。这是一个非常简单的设置，对于当今的宽屏观众来说，通常认为960px网格太小了。但是，如果您喜欢小型网站，这是一个绝佳的选择。

<div class="row">
  <div class="col">1</div>
  <div class="col">2</div>
  <div class="col">3</div>
</div>

您可以从Unpkg CDN中包括Wing的完整副本 。他们使文件保持最新版本，因此您无需更改文件名。只要将此URL添加到标题中 ，您就可以完全访问当前的Wing框架。

或者，您可以通过npm下载该软件包，或直接从GitHub提取源代码的副本。

我将Wing与Normalize.css进行了比较，后者是一个更小CSS框架，更像是reset库 。 Wing实际上带有默认样式，而Normalize.css只是将元素重置为在所有浏览器中都相同。

两者的优点在于，您可以完全控制 编辑，重新设置样式和重新格式化页面的格式，但是您认为合适。

翻译自: https://www.hongkiat.com/blog/minimalist-css-framework-wing/

关注