超棒的前端开发界面套件 - InK


今天介绍一款帮助你开发界面元素的JS套件InK。 InK是一个能够帮助你快速开发web界面的界面套件,使用简单并且可扩展。使用了HTML/CSS/Javascript技术来设置布...


       今天介绍一款帮助你开发界面元素的JS套件InK。
       InK是一个能够帮助你快速开发web界面的界面套件,使用简单并且可扩展。使用了HTML/CSS/Javascript技术来设置布局,展示常用的界面元素,并且实现互动的特性,所有这些都是以内容为中心的,并且对于用户,开发人员和设计师来说都非常友好。
       基于如下开源项目:
  • FontAwesome (under cc-by-3.0) 
  • Ubuntu Font (under Ubuntu Font License) 
  • HTML5 shiv (under MIT License) 
  • respond.js (under MIT License) 
  • normalize.css (under normalize's license agreement)

       如何使用?
  • 下载最新的build
  • 如果使用本地的服务请打开my-page.html,否则如果想使用InK的服务请打开my-page-cdn.html
  • 检查模板,并且删除你不需要的服务或者内容
  • 确保header包含了ink.css,ink-ie.css和ink.js
  • 添加你自己的CSS或者其它脚本
  • 回来查看相关文档

       是不是非常简单?
       Ink拥有非常棒的界面元素例如,流动网格,印刷排版,菜单,图标,导航,分页,表格,表单,提醒,警告,按钮等等,这个套件不依赖于其它第三方的 javascript类库,不过使用自己的javascript类库libsapo.js,拥有很多组件,比如,图片画廊,弹出层,日期选择,排序,树形 视图,tabs等等。
       文档非常全,并拥有代码和例子,相信如果使用起来会非常方便,CSS支持LESS,可以方便的自定义。
       网站地址:http://ink.sapo.pt/
标签: css前端开发

更多 css 相关资讯

纯 CSS3 实现的 Web 小游戏

纯 CSS3 实现的 Web 小游戏

CSS3是CSS的升级版本,加入了很多新的特性,如圆角、边框、文字阴影、盒阴影、媒体查询、多栏布局、RGBA和透明度等特性,因此可以实现很多非常漂亮的效果,这是CSS2比不了的

一个跨浏览器的响应式设计辅助工具类库 - CSS Browser Selector +

一个跨浏览器的响应式设计辅助工具类库 - CSS Browser Selector +

如果你曾经开发过响应式的网站或者应用的话,肯定会遇到过书写指定浏览器或者操作系统CSS的情况。 今天介绍的这个工具CSS Browser Selector +就是一个帮助你

Sencha谈论HTML5和CSS进程

Sencha谈论HTML5和CSS进程

Sencha开源项目的官方博客中,其主编Michael Mullany发表了一篇关于HTML5和CSS3标准制定过程及现状的文章,且表明了自从引进某种技术之后所取得的进展。“HTML5收到大

一款帮助你生成非常有趣的扇形扑克牌风格特效的jQuery插件-Baraja ...

一款帮助你生成非常有趣的扇形扑克牌风格特效的jQuery插件-Baraja ...

Baraja是一款帮助你以特效风格展示页面元素的jQuery插件,使用它可以我们可以制作出一组类似桌面纸牌牌的演示效果。为了达到不同的旋转效果和展开方式,你可以通过使用

简单几步,让你的网站兼容IE10(2)

简单几步,让你的网站兼容IE10(2)

解决CSS 兼容性问题   如果你经常使用CSS3 实现一些炫酷的效果,比如使用transition 实现让一个div 慢慢变宽的动效,你一定会为了兼容各个高级浏览器而这样写你的CSS 代码

Metro/Modern UI CSS/HTML 框架

Metro/Modern UI CSS/HTML 框架

为前端开发人准备的几个Metro Modern UI CSS/HTML框架,可以帮助您开发Win8风格的Web应用。 Metro-Bootstrap Metro-Bootstrap基于Twitter Bootstrap

分享2个帮助你自动刷新CSS文件的工具

分享2个帮助你自动刷新CSS文件的工具

大家在页面设计过程中时常需要修改CSS文件,而每次修改后都需要刷新页面才能够看到效果,是不是感觉有点麻烦?今天这里我们介绍2个不错的工具能够帮助你在修改CSS文件后自

Yahoo! 前端开发库:YUI 3.7.0 正式版发布

Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。Y

George Fox谈Adobe开发者社区与HTML5内容建设

George Fox谈Adobe开发者社区与HTML5内容建设

前不久,本文作者有幸接触Adobe开发者社区总编George Fox,对其进行了简短的采访,George主要谈到了Adobe开发者社区的内容动态,并针对HTML5内容建设以及Adobe在HTML5上所作

热点争议:Web设计师需要编程知识吗?

热点争议:Web设计师需要编程知识吗?

Web设计师是否应该学习编写代码是个充满争议的问题。通常,在完成了一件网页设计后他们把创建网页代码的繁重工作都留给了程序员们。这种现象不只出现在网络开发行业,在

更多 前端开发 相关资讯

Metro/Modern UI CSS/HTML 框架

Metro/Modern UI CSS/HTML 框架

为前端开发人准备的几个Metro Modern UI CSS/HTML框架,可以帮助您开发Win8风格的Web应用。 Metro-Bootstrap Metro-Bootstrap基于Twitter Bootstrap

HTML5趋势下的百度前端开发

HTML5趋势下的百度前端开发

“2G不给力哇,百度文库都这么慢?” ……,“人品大爆发?一下变的如此神速。”。   这两句话皆出自一位百度文库的手机端用户,只是,曾经的牢骚变成了如今的称赞。百度

Yahoo! 前端开发库:YUI 3.7.0 正式版发布

Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。Y

George Fox谈Adobe开发者社区与HTML5内容建设

George Fox谈Adobe开发者社区与HTML5内容建设

前不久,本文作者有幸接触Adobe开发者社区总编George Fox,对其进行了简短的采访,George主要谈到了Adobe开发者社区的内容动态,并针对HTML5内容建设以及Adobe在HTML5上所作

采访和书评:精通HTML5和CSS3设计模式

每个应用程序都是独一无二的——但构成应用程序的组件却不尽如此。工具箱和程序库能够捆绑高层GUI元素和概念,但它们也因此造成了对程序库的依赖。 一本名叫《精通HTML5和CSS

Visual Studio 11增强HTML5和JS的支持

Mads Kristensen 在 TechDays 2012 海牙站上发表了一场很有趣的演讲,演讲内容是关于在 Visual Studio 11 和 ASP.NET 4.5 中所有的新功能和新选项。   然而,当我们浏览这