响应式web css框架集合

来源:互联网 发布:网络大电影上帝玩笑 编辑:程序博客网 时间:2024/05/22 09:38
  • 响应式框架 Groundwork

    GroundworkCSS 是一个基于 Sass 预处理器的开源项目 ,主要用于快速构建响应式 Web 应用程序。拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。 Groundwork 还提供多种 UI 组件,如导航、按钮、图标、表单、Tabs、对话框、工具提示等等...
    1

    最近更新: GroundworkCSS —— 基于 Sass 的响应式框架 发布于 3个月前

  • Web 的 UI 框架 Foundation

    Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。

    2

    最近更新: Foundation 4 发布,响应式 Web 框架 发布于 2个月前

  • Web 的 UI 框架 Skeleton

    Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。


  • 响应式HTML5/CSS3的框架 ResponsiveAeon

    ResponsiveAeon 是一个HTML5/CSS3的框架,可以非常快速的创建响应的布局。它有一个网格系统是基于总1104px宽度12列,提供了3个非常容易理解的基本类供使用。该框架使使用@mediaqueries的,支持任何尺寸的设备。除了网格系统,也有排版,列表,表格,按钮和...

    分享一个CSS3的网格系统架构 - ResponsiveAeon

  • CSS 网格框架 Gumby

    Gumby 是一个响应式的以及 960 像素宽度的 CSS 网格框架,支持 PC、平板和手机屏幕显示。类似 Twitter 的 Bootstrap,它包括一个Web UI工具包,有好看按钮,表格,导航+标签和一个很小的JavaScript文件...
    3

  • 流体网格 CSS 框架 Responsive GS

    Responsive GS 是一个流体网格 CSS 框架,用于快速开发响应式的 Web 网站。 Responsive GS 提供三种风格:12、16 和 24 列,使用 media queries 支持所有标准设备。

    4

  • 响应式 CSS 框架 Amazium

    Amazium 是一个基于 960 Grid System 的响应式 CSS 框架,使用 960px 宽度,以适应大多数 1024*768 分辨率的屏幕。Amazium 使用 4 个主要的 media queries 来调整所适应的分辨率大小。...


  • 响应式的 CSS 框架 MQFramework

    MQFramework 是一个响应式的 CSS 框架,利用 @media 属性来适应不同的浏览器和尺寸,基于 12 column grid 构建。


  • Golden Grid System

    Golden grid system是为增强网页兼容性设计的折叠式grid。具有四个特征:列、跨页、底线、script。

  • Kickstrap

    Kickstrap 是 Twitter Bootstrap 的一个变种。Kickstrap 由 HTML, JavaScript, LESS 和一些 CSS 语法组合而成。5

  • 响应式框架 Centurion

    Centurion 是一个基于 SASS 和 CSS3 构建的响应式 Web 框架。

    6

    Less Framework

      Less 框架是一个用于设计自适应网站的 CSS 网格系统,它包含 4 个布局和 3 套预设布局,这些都以一个单一网格为基础。Less 框架的目标是更高效地创建多布局网站,并在布局之间保持一致。

    The 1140 CSS Grid

      1140网格可以完美适应 1280 分辨率显示器。在较小的显示器上,它可以根据浏览器的宽度变成流体形式,并自适应浏览窗口。

    Fluid Baseline Grid

      Fluid Baseline 网格系统是一个 HTML5 & CSS3 开发工具包,为网站快速设计提供了坚实的基础。

    HTML5 Boilerplate

      HTML5 Boilerplate 基于 HTML/CSS/JS 模板,可以帮助开发者使用 HTML5 技术快速开发稳健、功能齐全的网站。你可以把它当作自己的新项目模板,在此基础上建立自己的项目。

      该模板包含了帮助开发 HTML5 站点和应用程序的组件和一些优秀的最佳实践,只需开发者最少的前期工作,就能为项目提供一个非常稳固的基础。另外,该模板是高度可定制,可轻松删除不需要的一些特性。

      320 and Up

      320 and Up 使用一个小型屏幕样式表,以防止移动设备加载桌面资源。其中样式表中包含了一些颜色、排版布局等设置属性。

原创粉丝点击