• 向Web开发人员推荐12款优秀的 Twitter Bootstrap 组件和工具
    时间:2012-09-12   作者:梦想天空   出处:cnblogs.com/lhb25

    Bootstrap 是基于 HTML,CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的开发文档,Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。

     

      Bootstrap 的口号是 Designed for everyone, everywhere.(适用于任何场景,适用于每一个人),主要有以下特色:支持所有主流浏览器、12列栅格布局、响应式设计、样式化的文档以及常用的定制的 jQuery 插件等等。Bootstrap 已经足够强大,能够实现各种形式的 Web 界面。为了能够充分利用 Bootstrap 的强大功能,下面向打击推荐12款各种各样工具和资源来配合 Bootstrap 使用。

     

    jQuery UI Bootstrap

    这个 jQuery UI 主题,对于 jQuery 的使用者来说是个非常好的资源,能够把 Bootstrap 的清爽界面组件引入到 jQuery UI 中。

     

    jQuery UI Bootstrap

     

    Bootstrap Image Gallery

    Bootstrap Image Gallery 是 Bootstrap 模态对话框的一个扩展,用于实现相册浏览功能,支持按键导航,幻灯片展示以及全屏浏览。

     

    Twitter Bootstrap Image Gallery

     

    jQuery Mobile Bootstrap Theme

    和 jQuery UI 主题类似,这是一个基于 Twitter Bootstrap 的 jQuery Mobile 主题,让你的移动应用用上 Bootstrap界面。

     

    jQuery Mobile Bootstrap Theme

      

    Colorpicker and Datepicker for Bootstrap

    Twitter Bootstrap 有非常多的内置 jQuery 插件,但是没有颜色选择器和日期选择器,这个插件是个非常好的补充。

     

    Colorpicker + Datepicker for Twitter Bootstrap

     

    StyleBootstrap.info

    Twitter Bootstrap 提供了定义好的几种界面风格,如果你想有更多更个性化的配色的话,这个工具可以帮上你的大忙。

     

    StyleBootstrap.info

     

    Beautiful Buttons for Bootstrappers

    清爽漂亮的按钮是 Twitter Bootstrap 最吸引人的特色之一,这个在线的按钮设计工具可以帮助你制作更多风格的按钮样式。

     

    Twitter Bootstrap Button Designer

     

    Bootswatch

    Twitter Bootstrap 的默认主题已经非常漂亮了,但是如果你想有一个与众不同的外观,那么这个主题选择工具可以帮助到你。

     

    Bootswatch

     

    Fbootsrapp

    相当于 Twitter Bootstrap的一个 Facebook 主题,包含表单、按钮、表格、导航等等 Facebook 风格的界面组件。

     

    Twitter Bootstrap for Facebook

     

    Bootstrap Fireworks

    对于使用 Fireworks 进行界面设计朋友,Bootstrap Fireworks 非常有用,它提供了一组矢量图形。

     

    Twitter Bootstrap for Fireworks

     

    Django Bootstrap Toolkit

    这个一个把 Django 和 Twitter Bootstrap 集合起来使用的工具包,相信 Django 的粉丝们会喜欢。

     

    Django for Twitter Bootstrap

     

    Bootstrap PSD

    这个设计套件包含 Twitter Bootstrap 所有的基本组件的PSD 源文件,包括字体、按钮、网格和导航等等。

     

     

    BootstrapWP

    如果你的 WordPress 博客也想换上 Twitter Bootstrap 界面的话,这个 WordPress 主题就是你需要的。

     

    BootstrapWP

     

    下面列出了更多基于 Twitter Bootstrap 的 WordPress 主题:

    网友留言/评论

    我要留言/评论

    相关文章

    国外网站设计欣赏:20佳优秀的网页排版设计:网站设计欣赏系列今天给大家带来的是20佳优秀的网页排版设计作品。Typography 是一门字体排布,字体设计和符号调整的技艺。字体的排布涉及:字型、磅重、行长、行距的选择,字母间距的调整以及字偶间距的调整,还会对传统的字体作创意性、特殊化的美化与修饰。下面收集的这些网站作品都是精心挑选的优秀国外网站,在页面排版设计方面值得学习借鉴。
    30个创意出色的非常实用的jquery框架插件-(视觉大背景,瀑布流效果):jQuery是在网页设计师和开发者最近的热门话题之一。人们使用它的广泛范围从个人博客到企业网站,目前流行的视觉大背景滚动效果,瀑布流图片阴影效果,图片缩放,动态标签复制,html5音频播放,视频播放等等这些新兴技术,都是运用jquery的插件效果实现的,如果你想在你的网站中运用这样的效果,今天这篇文章就给大家介绍30个实用和出色的jquery插件,在你一下个项目当中尝试他们
    30个非常精美的 iOS App 网站设计案例:我们经常能看到 iOS App 会有一个相应的网站,这个网站中会包含这款 App 的详细介绍以及激励用户去下载使用的相关信息。今天这篇文章收集了30个非常精美的 iOS App 网站设计案例,如果你也要做一个这样的网站,相信下面这些优秀案例会带给您灵感。
    App开发者迅速优化、实现盈利的8个工具:马无夜草不肥,人无横财不富,应用开发者如果想快速盈利,必须采取非常手段。如果你是一个技术人员,你肯定会发现推广应用比开发应用更难,因此我们总结出以下8个工具来帮你迅速优化应用、实现应用盈利。
    7 套效果震撼的 CSS3 按钮:通常,我们可以用精美的背景图片和CSS代码制作出非常漂亮的按钮,但在某些特殊的页面上,或者你需要让按钮更有动感从而让你的用户眼前一亮,那么就试试CSS3技术吧!CSS3新增的很多属性能让按钮具有你意想不到的效果,包括动画、3D、阴影等等。下面就向大家推荐几套相当震撼的CSS3按钮组合,希望能给各位读者带来一定帮助。
    优秀网页设计:带给你灵感的23个联系页面设计:在设计网站的时候,我们需要考虑到各个方面,从页眉到脚,从着陆页(landing page)到关于页(about us page),还有联系页面(contact page)都要考虑。联系页面是网站重要的组成部分之一,访客通过联系表单和网站所有者取得联系,反馈信息。新颖的网页表单设计能吸引用户的注意力,让更多的用户填写反馈信息。
    40个免费的天气图标素材:在网页设计和界面设计中经常的要运用到大量的图标。这些图标的设计和创意可以控制着用户的使用习惯,直接影响着产品用户体验的好坏。我们都知道苹果之所以如此被人们追捧,图标的设计创意也是其中的一个因素。即使现在主流移动屏幕都是4.0了也没有影响到它的热销。好的图标设计除了美观外更重要的是可以直观的知道其所包含的意思。现在很多互联网公司都会高薪聘请UI设计师,这一点就可以看出各企业对于界面设计的重视度。今天我们分享出了40个关于天气的免费图标素材。你可以下载使用,从中得到更高的设计灵感和创意启示。
    iPad和iPhone App界面设计的30个案例:我们之前曾对iOS Icon的设计艺术进行了剖析,也分享了10个苹果原生icon背后的有趣故事。今天我们来欣赏iPad和iPhone App界面设计的30个案例,也许很多东西值得我们借鉴。
    45个HTML5网站设计实例:网页设计师和前端架构师都清楚的认识到HTML5对于现在网页设计中的重要趋势。通过今年各大浏览器的升级效果来看,更多的标准在趋向于新的技术。我们不会再去让HTML5和Flash去比较。现在移动端的普及已经让局面越来越明显起来。相信在未来HTML5将有更快更强的发展趋势。今天我们分享出了45个通过运用HTML5来设计编写的网站,你可以从中看到新的技术和设计创意灵感。
    22 个免费的图表、流程图工具推荐:饼图、柱状图、线图和许多其他的图形是非常重要的用来表示数据和沟通的信息,并可展示两个实体之间的关系。而这些图形如果用在 Web 上则有助于吸引访客的注意力,并有效地解释相关数据。 在这里我们推荐一些很棒的工具,你可以通过点击创建非常直观的设计流程图和图表。