使用语义UI更快地构建响应式网站

有很多不错的选择可供选择,但是最近引起我注意的一个是Semantic UI

诸如Bootstrap之类的前端框架仍然风靡一时。

但是,最新版本的2.2 附带了许多附加功能,并证明了语义技术将长期存在。

当然,这个图书馆已经存在了一段时间,可以追溯到几年前。

有了数十个CSS变量简单的响应类易于设置的布局 ,您就可以轻松使用语义UI。

这些类非常明智,这使您HTML易于在远处阅读。

简单的类名和网格结构确实给这个被称为“语义”的框架赋予了含义。

它甚至附带了对动态页面元素(例如轮播和下拉选择菜单)的jQuery支持

其中包括HTML5元素以及其他功能,例如评分自定义标签

阳光下的每个HTML元素都是经过定制的,并具有语义UI的全部功能

使用语义UI更快地构建响应式网站

您不仅可以获得大量的预先设计的样式和动态元素,而且还可以自己在Semantic的代码之上构建样式。

但是,语义的最佳部分也许是主题设置

另外,语义UI带有九个默认主题

整个库共有3,000多个主题变量,您可以在Sass中或通过扩展自己的样式表进行更改。

  1. 语义默认
  2. 胖乎乎的
  3. 提高
  4. 经典
  5. Google资料
  6. 亚马孙
  7. 引导程序
  8. 的GitHub
  9. 推特

这些只是冰山一角,它们的作用更像是设计您自己的主题的起点

使用语义UI更快地构建响应式网站

它是完全免费和开源的, 在线文档非常丰富

如果要从头开始构建新的着陆页或自定义网站,请认真考虑使用语义UI。

您可以浏览布局样式以及所有主要元素和自定义主题的指南

而且,您可以直接从GitHub下载源代码副本 ,其中还包括针对初学者指南


翻译自: https://www.hongkiat.com/blog/semantic-ui-framework/