日系

漂亮的loading页面

漂亮的loading页面,用 SVG 画,非常漂亮,适合用在 Web APP 中.demo[repo owner=”codrops” name=”PageLoadingEffects”]

Haroopad 最好用的markdown编辑器

Haroopad 最好用的markdown编辑器跨平台,代码高亮,Vim 键绑定,多列模式,行号,折叠, Github Flaverd Markdown 等功能.

tabIndent.js让你在Textarea中也能用Tab键

很多程序员都会习惯性的在Textarea中按Tab键进行缩进,结果是——焦点移动到下一个控件去了。tabIndent.js就是一个专门用来解决这个问题的小巧脚本,只需要在页面中引用它,并调用tabIndent.renderAll();即可处理class为tabindent的Textarea。[repo owner=”julianlam” name=”tabIndent.js”]

Web 热图库 Heatmap.js

Heatmap.js用来生成基于用户自定义数据上的web 热图,内嵌html5 画布元素。可根据以下数据来源绘制热图:静态数据鼠标移动鼠标点击支持浏览器:Firefox 3.6+, Chrome 10, Safari 5, Opera 11 and IE 9+.[repo owner=”pa7” name=”heatmap.js”]

jquery图片等比例缩小插件

胡天硕的点点滴滴 提醒文章的缩略图,会把原图缩略之后就给变形,比例失调了,使用max-height max-widthde 的属性,在IE下面失效,现在改用jquery插件的方式了,去除了原来的图片延时加载,与等比例缩小插件有冲突.使用也是简单的,加载js文件。http://x.libdd.com/farm1/6424fa/f55203fd/loadimage.js调用: //图片等比例缩放 $(".post-thumbnail img").LoadImage({ scaling : true, width : 170, height : 130, loadpic:"http://x.libdd.com/farm1/6424fa/c106a7b5/default.jpg" });首页可以看到效果,放一张哥们的“萌像”(他自己说的,我看就是呆)。

简体中文专业版project2013

试用过project2013预览版,感觉不错,找到了一个RTM版,放出来给大家。MD5 :CA4C139DEEE2F6492DB18A08F1F6D326SHA1 :23C961F1690502D2B02733827C90E18649027A82CRC32 :197FFE5A下载地址:http://kuai.xunlei.com/d/SHXTTJSBWDMZ

cool左手鼠标指针

右手用的多了,有时感觉不舒服,就换左手试试.鼠标指针都是朝左的,用左手看着真不舒服,用这个,左手专用鼠标指针. 下载: 百度网盘

bootstrap的axure原型设计组件

分享了几篇bootstrap的文章,再来分享一个bootstrap的axure原型设计组件。axure是一个原型设计工具,可以有多优秀的组件可以使用,这里推荐下bootstrap组件,目前bootstrap的组件还不是很多,不过,也占据了大部分可以使用的。中午我抽空就用axure做了一个,采用的是bootstrap组件,算是我博客主题升级前的一些准备吧!demo地址:http://dapeng.me/demo/201207/axure-bootstrap/dapeng.me.htmlbootstrap组件下载地址:http://l3.yunpan.cn/lk/08f2nhl0ve

Twitter Bootstrap 中文帮助文档/中文手册/中文教程

程序猿们都是些机械手,让制造东西很容易,如果需要把东西艺术一下,很太难为程序猿们了!Twitter Bootstrap在很大的程度上面解放了程序猿对页面的制作,前提就是web使用Twitter Bootstrap来制作的。Twitter Bootstrap很推荐每个程序员都来掌握一下,其中难度也没多少,如果说有难度,也就是一点点的E文吧!不过现在这点难度也解决了,已经有朋友将Twitter Bootstrap翻译成中文了,感谢这位朋友啊!Bootstrap 是基于 HTML,CSS,JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的使用帮助文档,热心的 @TV来客开发者 翻译成了中文,讨厌英文的朋友有福了。   Bootstrap 的口号是 Designed for everyone, everywhere.(适用于任何场景,适用于每一个人),主要有以下特色:适应各种技术水平  Bootstrap适应不同技术水平的从业者,无论是设计师还是程序员,大牛还是菜鸟。既能用来开发简单的小东西,也能构造复杂的应用。跨设备,跨浏览器  最初设想中的Bootstrap只支持现代浏览器,不过新版本已经能支持所有主流浏览器(甚至包括IE7)。从Bootstrap 2开始,提供对平板和智能手机的支持。12列栅格布局  栅格系统不是万能的,不过在应用的核心层有一个稳定和灵活的栅格系统确实可以让开发变得更简单。可以选用内置的栅格或是自己手写。响应式设计  从Bootstrap 2开始,提供完整的响应式特性。所有的组件都能根据分辨率和设备灵活缩放,从而提供一致性的用户体验。样式化的文档  与其他前端工具箱不同,Bootstrap优先设计了一个样式化的使用指南,不仅用来介绍特性,更用以展示最佳实践,应用以及代码实例。不断完善的库  尽管只有10kb(gzip压缩后),Bootstrap却仍是最完备的前端工具箱之一,提供了几十个全功能的随时可用的组件。定制的jQuery插件  一个出色的组件设计岂能没有易用易扩展的人机界面?Bootstrap为此提供了定制的jQuery内置插件。用LESS构建  当传统的枯燥CSS写法止步不前时,LESS横空出世了。LESS中使用变量,嵌套,操作,混合编码,让CSS编写更快更灵活。   Twitter Bootstrap 中文帮助文档:http://wrongwaycn.github.com/bootstrap/docs/index.html原文网址:http://www.cnblogs.com/lhb25/archive/2012/07/26/bootstrap-documentation.html

15分钟学会git

github发布了一个git学习的教程,号称15分钟学会git使用。git很入门的一个教程!教程采用动态步骤的学习,很不错的主意!想学习git的朋友们,试试了!学习网址:http://try.github.com

1 2 4