Skeleton

Skeleton is a simple, responsive boilerplate to kickstart any responsive project.

Check out http://getskeleton.com for documentation and details.

Getting started

There are a couple ways to download Skeleton:

  • Download the zip
  • Clone the repo: git clone https://github.com/dhg/Skeleton.git (Note: this is under active development, so if you're looking for stable and safe, use the zipped download)

What's in the download?

The download includes Skeleton's CSS, Normalize CSS as a reset, a sample favicon, and an index.html as a starting point.

Skeleton/
├── index.html
├── css/
│   ├── normalize.min.css
│   └── skeleton.css
└── images/
    └── favicon.ico

Why it's awesome

Skeleton is lightweight and simple. It styles only raw HTML elements (with a few exceptions) and provides a responsive grid. Nothing more.

  • Around 400 lines of CSS unminified and with comments
  • It's a starting point, not a UI framework
  • No compiling or installing...just vanilla CSS

Browser support

  • Chrome latest
  • Firefox latest
  • Opera latest
  • Safari latest
  • IE latest

The above list is non-exhaustive. Skeleton works perfectly with almost all older versions of the browsers above, though IE certainly has large degradation prior to IE9.

License

All parts of Skeleton are free to use and abuse under the open-source MIT license.

Extensions

The following are extensions to Skeleton built by the community. They are not officially supported, but all have been tested and are compatible with v2.0 (exact release noted):

  • Skeleton on LESS: Skeleton built with LESS for easier replacement of grid, color, and media queries. (Last update was to match v2.0.1)
  • Skeleton on Sass: Skeleton built with Sass for easier replacement of grid, color, and media queries. (Last update was to match v2.0.1)

Have an extension you want to see here? Just shoot an email to hi@getskeleton.com with your extension!

Colophon

Skeleton was built using Sublime Text 3 and designed with Sketch. The typeface Raleway was created by Matt McInerney and Pablo Impallari. Code highlighting by Google's Prettify library. Icons in the header of the documentation are all derivative work of icons from The Noun Project. Feather by Zach VanDeHey, Pen (with cap) by Ed Harrison, Pen (with clicker) by Matthew Hall, and Watch by Julien Deveaux.

Acknowledgement

Skeleton was created by Dave Gamache for a better web.



Skeleton

骷髅是一个简单的,反应灵敏的样板,用于启动任何响应性项目。

查看 http://getskeleton.com 以获取文档和详细信息。

入门指南

有几种方法可以下载Skeleton:

下载了什么?

下载包括Skeleton的CSS,将CSS标准化为重置,示例favicon和index.html作为起点。

Skeleton/
├── index.html
├── css/
│   ├── normalize.min.css
│   └── skeleton.css
└── images/
    └── favicon.ico

为什么它真棒

骷髅轻巧简单。它只会生成原始HTML元素(除了一些例外),并提供响应式网格。没有更多。

  • 大约400行的CSS未定义,并附有评论
  • 这是一个起点,而不是UI框架
  • 没有编译或安装…只是vanilla CSS

浏览器支持

  • Chrome最新版
  • Firefox最新版
  • Opera最新版
  • Safari最新版
  • IE最新

上面的列表是非穷尽的。骷髅与上述几乎所有旧版本的浏览器完美配合,尽管IE在IE9之前肯定有很大的降级。

许可证

骷髅的所有部分可以在开放源代码麻省理工学院许可证下免费使用和滥用。

扩展名

以下是社区构建的Skeleton的扩展。它们没有得到官方的支持,但都已经过测试,并且与v2.0(确切的发行版)兼容:

  • LESS上的骨骼:使用LESS构建的骨架更容易替换网格,颜色和媒体查询。 (最后更新为v2.0.1)
  • Sasson on Sass :使用Sass构建的骨架更容易更换网格,颜色和媒体查询。 (最后更新为v2.0.1)
你想在这里看到一个扩展名?只需向您的扩展程序发送 hi@getskeleton.com 的电子邮件!

Colophon

骨架是使用升华文本3 构建的,并使用。字体 Raleway Matt McInerney < / a>和 Pablo Impallari 。 Google Prettify库的代码突出显示。文档标题中的图标都是名词项目图标的衍生作品。 羽毛 by Zach VanDeHey,笔埃德·哈里森(Ed Harrison)的(带有点击者)由Matthew Hall和观看由Julien Deveaux。

确认

骷髅由 Dave Gamache 创建,以获得更好的网络。




相关问题推荐