Tagged

插件

A collection of 8 posts

sublime text 2

一些必不可少的Sublime Text 2插件

中文原文:一些必不可少的sublime text 2插件 整理自:Essential Sublime Text 2 Plugins and Extensions 请尊重版权,转载请注明来源,多谢! Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱,当然也包括我,在看到小飞的介绍后,我就一直在用了。本文推荐一些好用的插件和扩展。 Sublime Text 2基本上是共享软件,免费版和收费版基本无区别,只是偶尔会弹框让你去购买,这个基本不影响使用。如果你不了解它,也可以看下小众软件的这篇详细介绍。 安装Sublime Text 2插件的方法: 1.直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。 2.使用Package

Firefox

点亮网页——一个很有用的Firefox和IE插件

支付宝UED的鸽子同学制作了一个Firefox插件,它可以用来快速实时编辑网页代码,快速基于Firefox制作Demo页面,方便的编辑修改CSS Sprite,以及配合Fiddler调试页面,是一个很不错的前端开发助手。 Firefox版本 该插件基于Firebug,所以安装前请确保已经安装Firebug。 一些主要特性; 即时编辑——即改即现,把Firefox打造成超强网页编辑器; 与Fiddler一起使用,快速调试线上网页,HTML代码快速生成; 刷新CSS,DOM不刷新; 禁用单个CSS样式; CSS Sprites位置快速设定; 保持Session不过期; 导出任意节点为PNG图片; 现在就安装(从火狐官方下载1.6版) 下载1.7版本低安装 via ued.alipay.com 推荐查看作者的博客,里面有几篇介绍该插件的文章。你也可以查看Alipay的UED的介绍。 IE版 非常不错的是,该插件同时也提供了一个IE版本,安装很方便就是下载文件:http://nihaoku.cn/Linr/LinrIEGallery.reg 下载下来后运行reg文件,右键菜单就会出现“点亮网页”选项,

firebug

Firefox插件推荐:CSS Usage

css usage是一个基于firebug的firefox扩展,可以用来查看页面中的CSS的使用情况,可以清楚的查看css文件中所有的规则在你的网站中的真实的使用情况。可以查看一个网站中多个页面中的css使用情况——这个很好,可以看到CSS的在网站中的全局使用情况。 预览: 下载地址:https://addons.mozilla.org/en-US/firefox/addon/10704 主页地址:http://spaghetticoder.org/cssusage/ 用法: 打开你想要扫描的网站的页面,打开Firebug,切换到CSS Usage标签,然后点击”scan”按钮。 如果是用了大量ajax或者dhtml的网站中,打开尽可能多的隐藏的div/窗口/tab,以使CSS Usage爬取尽可能多的内容。 然后访问你的网站的其它页面。 每访问一个新的页面,请按一次”scan”按钮。当然,也可以选择autoScan按钮,这样就不用每次按Scan按钮了。 扫描的结果中,绿色的规则表示当前页面中有用到,黑色表示其它页面中用到,红色表示没有被扫描到(至少在当前页面),灰色是伪类(

jquery

15个最佳jQuery幻灯插件和教程

原文:[15个最佳jQuery幻灯插件和教程](http://www.qianduan.net/15-jquery-content-sliders.html) 译自:[ 15 Best Examples of Free jQuery Content Sliders ](http://visionwidget.com/inspiration/web/295-jquery-content-sliders.html) 版权所有,转载请注明出处,多谢!! - - - - - - 在网站前端中使用jQuery库已经变得越来越流行,前端开发人员发布或撰写的相关的插件和教程也与日俱增。 幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很流行的。你是否也对在自己的网站上实现类似的效果感兴趣?那就看一下本文列出的jQuery插件吧! 1. jFlow 官方网站 | 演示 一个漂亮而整洁的图片幻灯,被nettut推荐,

Lightbox

10个最佳Mootools Lightbox效果脚本收集

原文:[10个最佳Mootools Lightbox效果脚本收集](http://www.qianduan.net/top-10-mootools-lightbox-plugins.html) 译自:[Rounding Up the Top 10 Mootools Lightbox Scripts](http://line25.com/articles/rounding-up-the-top-10-mootools-lightbox-scripts) 版权所有,转载请注明出处,多谢!!! - - - - - - 大家都很喜欢Lightbox弹框效果,这种效果在很多地方都很有用。而原始的Lightbox脚本已经被无数次的克隆到了所有的流行Javascript库中。上周我们看了[10个最佳jQuery Lightbox效果插件收集](http://www.qianduan.net/top-10-jquery-lightbox-scripts.html),现在,让我们看看Mootools框架下的10个最佳的Lightbox效果插件收集。 Smoothbox 支持媒体: Images, Inline

jquery

10个最佳jQuery Lightbox效果插件收集

原文:[10个最佳jQuery Lightbox效果插件收集](http://www.qianduan.net/top-10-jquery-lightbox-scripts.html) 译自:[Rounding Up the Top 10 jQuery Lightbox Scripts](http://line25.com/articles/rounding-up-the-top-10-jquery-lightbox-scripts) 版权所有,转载请注明出处,多谢! - - - - - - 大家都很喜欢Lightbox弹框效果,这种效果在很多地方都很有用。而原始的Lightbox脚本已经被无数次的克隆到了所有的流行Javascript库中。本文特别收集了10个最佳的Lightbox效果插件,所以收藏本文吧,不定什么时候你就用到了…… jQuery Lightbox Plugin 支持的媒体类型: Images 演示 下载 Fancybox 支持的媒体类型: Images, Inline HTML,

IE

msfast——IE下的网站性能检测工具

MySpace 前不久分享了他们的一个名为MySpace’s Performance Tracker的开源项目,这是一个用来捕获和检查网页中可能出现的障碍Internet Explorer插件。 这个插件有以下几个特性: 测量你的页面的CPU占有率和内存占用; 回顾页面渲染时的屏幕截图; 回顾页面生命周期中每个关键点的HTML渲染; 查看页面在不同的连接速度中,渲染(页面显示)估计需要的时间; 根据已经经过证实的一些“最佳实践”规则(这些规则类似YSlow和PageSpeed)验证页面内容。 回顾页面加载是下载的资源(图片/js/css等),以及这些资源所花费的时间 浏览器支持:IE6+。 项目源码:http://code.google.com/p/msfast/ 注意:改工具目前尚处于pre-alpha 状态,只是刚刚可以用,还会有很大的改进,而从pre-alpha到alpha、到beta、到RC…会是一个很漫长的过程,但是神飞认为,这是目前对前端开发人员来说,是IE平台下最好的工具之一。所以,这个插件值得等待,希望MySpace的开发人员不会让我们失望。

jquery

10个jquery动画菜单:插件和教程

jquery是一个非常容易使用,同时也是扩展性很好的一个javascript框架。使用jquery可以非常容易的实现一些页面的ajax效果。本文收集一批使用jquery实现很酷的动画效果菜单的插件和教程。 插件 LavaLamp 相信很多人都见过这个很酷的菜单插件,也有很多网站成功的应用了这个插件。 插件主页 jquery Kwicks 插件 如果你多Mootools有些了解,或许会注意到Mootools上一版主页的一个滑动菜单效果(现在已经看不到了)。这个插件就是来自于这个效果,很酷,也很容易定制。使用这个插件不仅仅可以制作非常个性的菜单,制作某些步骤演示也非常合适——比如购物流程的演示。插件主页 查看演示 | 下载 仿Mac的停靠菜单插件 这是个仿苹果机的停靠菜单的一个jQuery插件,支持水平和竖直两种。查看插件页面。 查看演示 | 下载 jquery滑动菜单 一个和LavaLamp很像的菜单,而且脚本只有不到1kb(lavalamp也是这么小),也比较容易使用。该菜单的原理是,通过在当前ul元素的下面(或者说”后面”更合适些?)添加一个额外的div,用position定位该div。然后用jquery和插件来控制这个div的大小和位置,并实现动画效果。 查看演示 | 下载 教程 CSS Sprites2 – 使用jquery制作动画菜单