提供给开发者的 20 款最棒的 jQuery Bootstrap 插件

作者:暗夜星辰 发布于:2014-6-21 11:16 Saturday 分类:HTML & CSS

Twitter Bootstrap 是最流行的前端框架之一,作为开发者用作建立有效和有用的Web应用的手段,它可被看作是网络发展的中坚力量。它功能很丰富:使用12列响应网格,众多组件,JavaScript插件,排版,表格控件,甚至可以基于网页来定制自己的Bootstrap 。

阅读全文>>

标签: Bootstrap Twitter Jquery 工具

评论(0) 引用(0) 浏览(11367)

强制网页适配手机屏幕

作者:暗夜星辰 发布于:2014-1-9 15:57 Thursday 分类:HTML & CSS

<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">


第一个meta标签表示:


强制让文档与设备的宽度保持1:1;

文档最大的宽度比列是1.0(initial-scal...

阅读全文>>

标签: 手机适配

评论(0) 引用(0) 浏览(19706)

JS对话框框架artdialog及lhgdialog

作者:暗夜星辰 发布于:2012-9-29 9:25 Saturday 分类:HTML & CSS


artDialog是一个基于javascript编写的对话框组件,精致的界面与易用的接口是它的优势

自适应内容
artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。
完善的接口
它的接口完善,可以轻易与外部程序配合使用。如异步写入消息、控制...

阅读全文>>

标签: Javascript JS框架

评论(3) 引用(0) 浏览(27042)

修改emlog相册 瀑布流效果

作者:暗夜星辰 发布于:2012-7-17 14:54 Tuesday 分类:HTML & CSS

一直都在忍受 EM相册的恶劣样式

不得不说EM相册本身木有什么问题一直都很好用

支持批量上传也很贴心

但是 这个显示样式实在是太丑了

 

目前已经完稿

演示请转至 Demo

修改流程晚些放出

主要使用了Jquery的 Wookmark 插件

 

阅读全文>>

标签: Jquery 瀑布流

评论(9) 引用(0) 浏览(52530)

Lazy Load Plugin for jQuery

作者:暗夜星辰 发布于:2012-7-14 16:29 Saturday 分类:HTML & CSS

lazy load 就是 懒惰加载,简称懒加载。要告诉它,我需要你啦,它才跑出来。

这个插件,就是浏览器还没有浏览到的图片,都不加载;等滚动条下拉,下面的页面显示了,原来下面页面包含的图片才会被触发加载。

已经有些站用这样的技术了。

星辰一直不致力于前端研究,正好晃荡到这个插件的站点。

http://www.appelsiini.net/projects/lazyload

就不翻译了。简单的用用。

图片源给个1*1像素的空图,真正的图片路径放到data-original属性里。

底部加载jquery和插件js还有简单的插件函数调用。

阅读全文>>

标签: 前端 Javascript Jquery 懒加载

评论(4) 引用(0) 浏览(35237)

要不要使用 Bootstrap 框架

作者:暗夜星辰 发布于:2012-3-22 8:15 Thursday 分类:HTML & CSS

Bootstrap 是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

首先,人们发现 Bootstrap 框架超棒,于是开始使用,然后非常的恼火。所以我想说明下 Bootstrap 的优缺点以及为什么我决定继续使用它。

优点

  • 应用视觉效果一致性. 这个其实是很很...

阅读全文>>

标签: Bootstrap

评论(8) 引用(0) 浏览(44606)

Bootstrap, from Twitter

作者:暗夜星辰 发布于:2012-3-21 13:20 Wednesday 分类:HTML & CSS

点击查看原图

什么是Bootstrap, from Twitter

 

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark OttoJacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成,与CSS框架Blueprint存在很多相似之处。Bootst...

阅读全文>>

标签: Bootstrap Twitter 前端

评论(32) 引用(0) 浏览(126819)

©2012-2014 woodbunny.com 木头♥兔子的小屋 sitemap