zoukankan      html  css  js  c++  java
  • 2021.5.18 CSS框架

    一、今日学习内容

       关于CSS最受欢迎的十大框架

    Bootstrap

    Github star 数量 140K。

    GitHub 地址:https://github.com/twbs/bootstrap

    Bootstrap 是最受欢迎的 CSS 框架,被认为是拥有最好的响应性的CSS框架。专为前端开发而设计,有助于构建web设计理念、移动优先项目、网格系统、排版和按钮等。

    Semantic-UI

    Github star 数量 47.8K。

    GitHub 地址:https://github.com/Semantic-Org/Semantic-UI

    Semantic 是一个开发框架,可以使用人性化的 HTML 帮助创建漂亮的响应式布局。Semantic UI 旨在使网站构建过程更加语义化。核心特征是利用自然语言原理使代码更易于阅读,更容易理解。

    Materialize

    Github star 数量 37.5K。

    GitHub 地址:https://github.com/Dogfalo/materialize

    Materialize是一款基于Material Design设计的前端框架,支持自适应,现代感十足。

    Bulma

    Github star 数量 39.6K。

    GitHub 地址:https://github.com/jgthms/bulma

    Bulma 是一个基于 Flexbox 的现代化的 CSS 框架,其响应式、模块化、开源免费,可以轻松用来实现各种简单或者复杂的内容布局,Bulma 最大的特点是轻量、无依赖、简单、易用,所有样式都基于 class,即使不懂 CSS 也可以轻而易举的做出美观的网页。

    更多详细介绍:http://www.sevdot.com/articles/7

    Foundation

    Github star 数量 28.6K。

    GitHub 地址:https://github.com/zurb/foundation-sites

    Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。

    Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。

    Foundation 是一个以移动优先的流行框架。

    Pure

    Github star 数量 20.8K。

    GitHub 地址:https://github.com/pure-css/pure

    雅虎公司出品的一组轻量级、响应式纯css模块,适用于任何Web项目。

    Pure 小得不要不要的,压缩成gzip文件仅为3.7KB*。我们力求每一行代码都精简到极致,以便最大程度压缩CSS大小,更利于移动Web制作。如果您仅使用其中的一部分模块,那CSS真是小到没有朋友了!

    Layui

    Github star 数量 21.5K。

    GitHub 地址:https://github.com/sentsin/layui

    Layui 是一款采用自身模块规范编写的情怀型前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。

    Uikit

    Github star 数量 13.5K。

    UIkit 是 YOOtheme 团队开发的一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。UIKit 提供了全面的 HTML、CSS 及 JS 组件,它们使用简单,容易定制和扩展。

    它基于 LESS 开发,代码结构清晰简单,易于扩展和维护,并且具有体积小、反应灵敏的响应式组件,你可以根据 UIKit 基本的风格样式,轻松地自定义创建出自己喜欢的主题样式。

    Amaze UI

    Github star 数量 13.4K。

    GitHub 地址:https://github.com/amazeui/amazeui

    Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。

    Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。

    相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。

    Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。

    jQuery UI

    Github star 数量 10.8K。

    GitHub 地址:https://github.com/jquery/jquery-ui

    jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。

    jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 jQueryUI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。

    二、遇到的问题

       没有遇到什么问题

    三、明日计划

       明天继续学习css框架

  • 相关阅读:
    Azkaban的使用
    Azkaban安装
    Kafka 启动失败,报错Corrupt index found以及org.apache.kafka.common.protocol.types.SchemaException: Error reading field 'version': java.nio.BufferUnderflowException
    Kafka 消费者设置分区策略及原理
    Kafka利用Java API自定义生产者,消费者,拦截器,分区器等组件
    zookeeper群起总是有那么几个节点起不来的问题解决
    flume 启动agent报No appenders could be found for logger的解决
    Flume 的监控方式
    Flume 自定义 组件
    Source r1 has been removed due to an error during configuration java.lang.IllegalArgumentException: Required parameter bind must exist and may not be null & 端口无法连接
  • 原文地址:https://www.cnblogs.com/wmdww/p/14907291.html
Copyright © 2011-2022 走看看