收集免费的HTML/CSS/JS UI工具包

标签: 程序代码 CSS html UI WEB | 发表时间:2013-02-06 22:11 | 作者:jackchen
出处:http://www.jackchen.cn/blog


随着HTML5和CSS3以及网页设计布局的全面翻新创新改革。让很多网页设计者和界面设计师都知道一个道理。就是去掌握一套对应的工具包。这不仅仅是未来提高工作的效率,还能更好的去处理网页整体视觉效果。界面也可以做得更有交互性。优秀的工具包可以让您的工作事半功倍是肯定。重要的是可以让流程更加清晰快速的呈现出来。所以对于很多好的网站(比如Facebook,twitter,YaHOO等)你看第一眼就能知道他们所属的风格指向。而界面的设计就更明显了(比如苹果的界面)。今天我们搜集了一些免费的HTML/CSS/JS/UI工具包。这些工具包可以帮助你更好的去掌握和高效的完成你心中的风格定义。赶快来捣鼓捣鼓吧!

InK – 界面工具包

InK是一个快速发展的Web界面,非常易于使用和扩展UI工具包。使用HTML,CSS和JavaScript的组合,它提供了现代建筑布局的解决方案,显示常用的界面元素,并实现互动功能。

墨 – 界面工具包→

Metro UI的CSS

Metro UI的是创建一个界面类似Windows 8的Metro UI的一组样式。

Metro UI的CSS→

Futurico UI HTML

 

Futurico UI HTML→

古比框架UI工具包

 

古比框架UI工具包→

BootMetro – Windows 8的MetroUI风格

 

BootMetro→

jQuery jKit – 基于jQuery UI工具包

的jQuery的jKit是一个轻量级的跨平台的,基于jQuery UI组件的工具包,一个巨大的选择。这也许是不适合新手,但如果你是一个CSS和JS忍者,那么这是给你的UI套件, 包括组件:一切!

jQuery Kit→

CSS3 UI

CSS3 UI→

规模较小的UI套件

PSD / HTML Web UI元素的套件

PSD / HTML的Web UI元素包→

光UI工具包

轻UI工具包→

CSS3 UI工具包

CSS3 UI工具包→

椰UI CSS

椰子UI CSS→

狮子CSS UI工具包

狮子CSS UI工具包→

视网膜UI设置

视网膜UI设置→

CSS的Windows 8条地铁按钮

CSS的Windows 8条地铁按钮→


Via


猜您也喜欢:

250+资源来帮助你成为一个CSS专家

25个最常见的和让人头疼的一些CSS代码

40个基本CSS的技术模板资源和下载

30+免费优秀的HTML5+CSS3模板
来自无觅网络的相关文章:

O 讓Adobe來告訴你CSS3跟HTML5有多酷 (@mydesy)

[工具]15種CSS與HTML語法產生器 (@mydesy)

17款漂亮的 HTML5 网站模板免费下载 (@artfans)

當設計師遭遇HTML5 (@mydesy)
无觅

相关 [免费 html css] 推荐:

分享45款高质量的免费(X)HTML/CSS模板

- Mikel - 博客园-首页原创精华区
  当你需要在短时间内设计出一个网站的时候,网站模板就非常有用了. 这也就是为什么这些设计模板已成为设计领域的最新趋势的原因. 在这篇文章中,收集了各式各样的网站模板,您可以免费下载使用,希望这些设计模板不仅带给您灵感,也让您回到创作轨迹. Coffee Maker ( 演示 | 下载 ). BusinessTemplate ( 演示 | 下载 ).

收集免费的HTML/CSS/JS UI工具包

- - Jackchen Design 1984
随着HTML5和CSS3以及网页设计布局的全面翻新创新改革. 让很多网页设计者和界面设计师都知道一个道理. 这不仅仅是未来提高工作的效率,还能更好的去处理网页整体视觉效果. 优秀的工具包可以让您的工作事半功倍是肯定. 重要的是可以让流程更加清晰快速的呈现出来. 所以对于很多好的网站(比如Facebook,twitter,YaHOO等)你看第一眼就能知道他们所属的风格指向.

20免费的响应网页 HTML & CSS 模板

- - 苏打苏塔
响应设计(Responsive design)是今年流行的一种设计趋势,随着移动设备越来越多的被人们接受与应用,网页的设计也要注意在小屏幕下的展现方式与用户体验,于此而生的就是响应网页设计. 在这一次的分享中,和大家分享一些免费的响应 网页设计模板,你可以从这些免费的资源中,学习到如何制作响应屏幕大小(或者是说浏览器大小)的WEB设计.

HTML+CSS小结 - jessies

- - 博客园_首页
   结构   HTML        .    样式   CSS      .    行为   JavaScript(交互行为).    .    网页标题.    标题.

解耦 HTML、CSS和JavaScript

- - ITeye资讯频道
当前在互联网上,任何一个稍微复杂的网站或者应用程序都会包含许多HTML、CSS和JavaScript. 随着互联网运用的发展以及我们对它的依赖性日益增加,设定一个关于组织和维护你的前端代码的计划是绝对需要的. 当今的一些大型互联网公司,由于越来越多的人会接触到日益增加的前端代码,它们会试图去坚持代码的模块化.

在线调试并共享HTML,CSS,JS

- Albert - [米随随] s5s5
如题,以后同人讲代码时可以用到. 2004年04月9日 -- MSN中文专业站 (0). 2006年06月5日 -- 读“疲倦的博客们”有感 (9). 2005年07月20日 -- 基于web2.0的网站创意 (33).

[html/css/js]搜索建议提示

- - CSDN博客推荐文章
// 根据id获取dom元素. // 将label绑定到input上作为输入提示. // 获取输入焦点时,隐藏提示标签. // 失去输入焦点时,判断输入框的是否有值,有则显示提示标签. // 窗口加载完dom结构时. .

HTML 5 & CSS 3的新交互特性

- chacoo - 所有文章 - UCD大社区
本文标题的这副图片,是用Phosotshop制作的. 但是,在搜索引擎中你却无法搜索到它,搜索引擎还没有强大到能够识别图片里面的文字. 并且由于图片的体积不算太小,可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新. 那么,有没有一种新的方法可以避免这些缺点呢. 有的,HTML5和CSS3就可以满足你的需求.

HTML&CSS构建网站链接

- - 技术改变世界 创新驱动中国 - 《程序员》官网
文/Jon Duckett. 链接是网络的主要特色,因为链接允许你从一个网页跳转到另一个网页—实现了人们在网上浏览和冲浪的想法. 一般情况下,你会遇到下面几种链接:. 从一个网站指向另一个网站的链接. 从一个网页指向网站内部另一个网页的链接. 从网页的一个位置指向同一网页内另一个位置的链接. 启动你的电子邮件程序并为其添加收件人的链接.

优秀的 HTML 和 CSS 代码规范

- - SHTION官方网站
HTML 和 CSS 代码规范究竟是怎么样的. 做网站时, HTML 和 CSS 代码有什么要求. HTML 和 CSS 代码的写法是否影响网站的SEO. 写好  HTML 和 CSS 代码需要注意些什么. 一般大型WEB站点开发设计人员,要求使用者具有一定的 HTML、CSS基础知识,对原代码具有较强的控制能力.