jQuery LightGallery是一个轻量级的，可定制的，模块化的，响应式的 jQuery 相册插件。它采用 CSS 来实现图像和视频的大小调整。因此，这将是非常灵活的，并且比使用 JavaScript 方法相当快。 Lightgallery 自带几个内置模块，如缩略图，全屏，变焦等，很容易地创建你自己的模块。 马上去试试
Emmet插件是一种简化开发的工具，不难发现在前端开发的过程中，很大一部分的工作内容是 HTML、CSS 代码的编写。尤其是没有编辑器的帮助或者工具的使用时效率会特别低下。所以根据HTML和CSS语言的特点诞生了 Emmet(前身是Zen Coding)，它可以帮助你更快的进行前端开发，实现自动补齐、填充和代码生成等功能，在它的帮助下能极大的提高代码编写的效率，更有效率的进行前端开发。一、安装emmet：packages安装下面方法适用于 sublime t...
首先，我们需要安装Firefox（猛击此处下载）,或者确定你已经安装的版本已经高于3.1;第二步，安装前端开发人员最普及的开发工具 Firebug；第三步，安装CSS Usage 0.3.4.1；第四步，在浏览器中打开我们要优化的页面（本地的页面也可以），点击右下角的firebug小图标，打开firebug工具窗口，我们会看到在工具选项中我们有一个 CSS Usage工具的按钮。 首先我们来分析最上面的三个功能按钮的使用 Scan: 通过字面意思我们就能知道,...
简要教程 lightslider是一款轻量级的响应式jQuery幻灯片插件。lightslider幻灯片插件能够支持移动触摸设备，它可以制作为带缩略图的内容幻灯片，或者制作为无限循环的旋转木马。它的特点还有： 完全响应式设计，自动适配任何设备。 可以单独设置每一个breakpoint。 画廊模式中可以创建带缩略图的幻灯片。 支持移动手机的swipe和触摸拖拽。 可动态添加或删除幻灯片。 文件体积小，主...
返回VS插件总目录 本篇目录 初识Web Essentials 看国外大牛如何评价Web Essentials Web Essentials下载与安装 Web Essentials涉及到了哪些内容 初识Web Essentials Web Essentials Web Essentials给Visual Studio扩展了很多新的功能，对于Web开发者来说，这些功能我们已经等待好多年了。 如果你正在编写CSS, HTML, JavaScript, TypeScript, CoffeeS...
作为一个开发者你不可能没听说过SublimeText。不过你没听说过也没关系，下面让你明白。 SublimeText是一款非常精巧的文本编辑器，适合编写代码、做笔记、写文章。它用户界面十分整洁，功能非同凡响，性能快得出奇。这些非常棒的特性包括任意跳转（Goto Anything）、多重选择（multiple selections）、指令面板（command palette）、免打扰模式（distraction free mode）、分区编辑（split editing）、快速项目切换（instant projec...
简要教程 Drop.js是一款JavaScript和CSS实用下拉弹出层插件。该插件基于Tether.js来定位弹出层，可以制作多种弹出层效果。它的特点还有： 弹出层会在页面尺寸改变和滚动时自动更新位置。 弹出层在页面滚动时使用GPU加速来定位。 弹出层之间可以进行嵌套。 弹出层可以在元素的12个位置上显示。 可以自定义是在点击元素、鼠标滑过元素或元素聚焦时显示弹出层。 查...
foruok原创，如需转载请关注foruok的微信订阅号“程序视界”联系foruok。 在HTML中，可以通过embed或object标签来配置插件。使用embed类似下面这样： 使用object类似下面这样： PPAPI插件实例化时，可以收到在embed或object中配置的参数。所有嵌在标签中的属性（比如id=”myplugin”）、param指定的参数，都会以name-value对的形式传递给PPP_Instance接口的DidCreate方法。该方法原型如下： PP_Bool (*DidCr...
春节假期快结束的时候，终于是找到了些时间来埋一埋去年的坑。经过2.2.0到2.2.6几个版本，终于把新版完成了。 在去年年中的时候，我开发了一款chrome应用，目的是为了方便自己整理自己的书签栏。想法很简单，就是利用零碎的时间去review自己的书签栏，没有用的就可以删除掉了。毕竟，单独拿出时间去整理书签栏，是个很累人的活，把这个活分散成零碎的时间去完成，倒也惬意。 这个想法其实是四年前的，只不过一直没去做罢了。每...
切图工具 切图插件 这里的插件都是ps的插件，比较小巧，易于安装和适用，并且很灵活 cutterman 是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出，以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则，纯点击操作，方便、快捷，易于上手 点击下载 css...
? OrgChart 是一个基于纯DOM与CSS3的组织结构图插件 示例代码： // sample of core source codevar datascource = { name: Lao Lao, title: general manager, relationship: ‘001’, children: [ { name: Bo Miao, title: department manager, relationship: ‘110’ }, { name: Su Miao, title: department manager, relationship: ‘111’, children: [ { name: Tie Hua, title: senior e...
Package Control 在 Sublime Text 上大家都用 Package Control 来管理安装插件，所以它是我们要安装的第一个插件，安装方法见这里。关于 Package Control 的使用方法这里不再赘述。 JSHint Linter 是帮助你检查代码问题的一类工具，帮你发现潜在的错误或不好的代码习惯。JSHint 是检查 JavaScript 代码的好工具，支持很多编辑器和 IDE 。 Sublime 上要使用 JSHint 可以安装：SublimeLinter-JSHint 插件。注意安...
原文 引自 http://www.tuicool.com/articles/aeye6rY less大家都知道是什么了，现在比较流行的编译器就是koala nodejs来解决。koala就不多说了 好用也简单 只是换项目之后配置一下就行，今天我就讲下用 Nodejs 怎么来编译，我下面说的是针对 webstorm配合。 1，下载nodejs，并且安装，配置下环境变量。 安装成功结果 2，安装less 在cmd中输入 npm install less -g less安装...
Stylish 是什么？ 开门见山，Stylish 的作用是，它可以把百度首页变成这样： 它还能把知乎「拍扁」，让微博网页版变得简洁无比，让 Feedly 用上 Material Design…… 这个神奇的 Stylish 实际上是一个浏览器插件，适用于 Chrome ， Firefox ， Opera 以及 Safari 浏览器（点击浏览器名称即可下载）。 Stylish 通过替换网页本身的 CSS 来达到的「美化」的目的。 什么是 CSS？CSS 的中文全称是 层叠样式表 ，...
上一篇博客讲解了webpack环境的基本，这一篇讲解一些更深入的内容和开发技巧。基本环境搭建就不展开讲了 一、插件篇 1. 自动补全css3前缀 autoprefixer 官方是这样说的： Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website ，也就是说它是一个自动检测兼容性给各个浏览器加个内核前缀的插件。 举个栗子：最新的弹性盒模型flux实际代码： :full...