Focus-Fe

Modernizr 官网：http://modernizr.com/js类库，主要用来检测浏览器对html5|css3支持的类型动态的在html标签上增加一堆class     页面引入js文件后，我的ff18.0.1下：           而且会创建一个全局的Modernizr对象：          扩展阅读：    http...

     收录一个在线作图的工具： http://www.processon.com/

      一个工具：fileszie http://filesizejs.com/https://github.com/avoidwork/filesize.jsgrunt的imagemin就是用的它 

    chrome在mac下如何开启跨域： open -a /Applications/Google\ Chrome\ Canary.app --args --disable-web-security open -a /Applications/Google\ Chrome.app --args --disable-web-security    扩展阅读： ...

    Jekyll是什么？ 博客形式的静态站点生成机器http://jekyllcn.com/docs/home/

    Travis CI： 在线的，分布式的持续集成服务构建及测试github托管的代码开源的采用yaml格式   http://zh.wikipedia.org/zh-cn/Travis_CI    http://www.cnblogs.com/whitewolf/archive/2013/04/14/3019838.html    http...

    介绍一个embed responsive：  http://embedresponsively.com/ 

    收录一个html2json的工具： https://github.com/welefen/html2json

    本文收录一个mobile detect： http://mobiledetect.net/

    GNU: Gnu's Not Unix   类UNIX的操作系统目标在于创建一个完全兼容于UNIX的自由软件环境http://zh.wikipedia.org/zh-cn/GNUhttp://www.baike.com/wiki/GNU ...

    在网上看到的：    http://www.xorbin.com/tools/password-generator    除了密码生成器，里面还有其他功能    扩展阅读：    http://tomeko.net/online_tools/...

    本文介绍一个处理zip:     http://stuk.github.io/jszip/

   Mou  The missing Markdown editor for web developers官网：http://mouapp.com/

    bower的命令： --save   到json的dependencies--save-dev  到json的devDependencies 

   本文收录一个css3 keyframes动画生成工具：    http://cssanimate.com/

     underscore.string： http://epeli.github.io/underscore.string/

    github的gist gist是github的一个服务粘贴工具粘贴的文本会被放到一个git repo里面    http://www.infoq.com/cn/news/2008/07/gist-versioning-for-pasting

工具地址：http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/ 工具功能：可以做出书签，在某一个页面使用，输出不同分辨率下的显示效果...

  Weinre        ---------- Web Inspector Remote，一个远程调试工具，方便在桌面浏览器里面调试iphone、ipad等移动设备上的Safari。      如何使用？ 下载weinrecmd进入weinre目录，运行：java -jar weinre.jar --httpPort 1070 --boundHos...

 PhoneGap     ----------  基于html，css和js的，创建移动跨平台移动应用程序的快速开发平台。能利用iPhone，Android，Palm，Symbian，WP7，Bada和Blackberry智能手机的核心功能：地理定位、加速器、联系人、声音、震动等 免费的。需要特点平台提供的附加软件2011年7月29发布1.0版本唯一一个支持7个平...

 JSI简单、无侵入的脚本管理框架按需装载管理依赖执行环境的隔离，避免名称冲突     官方地址：http://www.xidea.org/project/jsi/     ITEYE的讨论区域：http://jsi.group.iteye.com/group/wiki/...

  Opera Mobile Emulator   ------------------------  可以方便在PC端浏览器移动页面仔移动终端的执行效果。   

  本文简单介绍一下turn.js这个东东！ 主要做书本杂志翻页效果的支持触摸屏设备    官网：     http://www.turnjs.com/     答疑问题库：     https://github.com/blasten/turn.js/issues      支持浏览器： safari 5Chrome16+...

前言：  双屏开发的fe们，其实都有这样的期望，右边编辑器编码完毕，左侧浏览器即时更新？ 正文：  [F5] ----------- 支持所有编辑器和浏览器的网页开发免刷工具   官网地址：http://www.getf5.com/ ...

本文简单介绍一下WebStorm！  WebStorm是jetbrains公司的一款js开发工具与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的js部分扩展阅读：http://baike.baidu.com/view/5443872.htmhttp://www.book.36ria.com/webstorm/index...

    本文收录一个IDE:     PhpStorm： http://baike.baidu.com/view/8910091.htm

    detect flash相关的：   https://github.com/sofish/hasFlashPlayer.js  https://github.com/tchakabam/FlashDetect

    本文收录两个图片字段生成器： http://placehold.it/http://dummyimage.com/

    记录几个uglify的配置参数： uglify: { options : { beautify: true, mangle: false }} mangle — pass false to skip mangling names....

    Browser-Sync： http://www.alloyteam.com/2014/02/browser-sync-responsive-web-development-and-debugging-tool/https://github.com/shakyshane/grunt-browser-synchttp://www.browsersync.io/...

    介绍一个工具： autosavehttps://github.com/NV/chrome-devtools-autosave

   本文收录一个工具：    屏幕切割：     command + d 垂直分割     command + shift + d 水平分割     清屏：      command + r      全屏切换：     command + enter    http://www.iterm2.com/#/secti...

    记录一些图片转64的工具：    http://image2base64.wemakesites.net/

    查看字体：     http://cssfontstack.com/

     本文简单记录关于html压缩相关的问题：     其实很多的活动页面一般都会为了几K去压缩一下，但是压缩的时候必须考虑一下： pre里面的空格不能删除IE条件注释，是否有可能被删除是否已经开了gzip有用空格来撑大左右间距的可能会造成样式有差异      建议：       压缩之后多测试一下~       扩展阅读：...

Uglifyjs           其实是为node.js准备的，需要在node.js环境才能使用，当然也有一些在线版本的服务。      如何安装： npm install uglify-js -g       注释 ：  @note by yaochun 11-27    目前已经有UglifyJS2了，但是直接用新的去压缩以前的代码会有很...

     Smushit.com是一款在线工具，不依赖PS等图像软件。使用图片格式的特性，用无损图片优化工具挤掉图片中多余的字节，但不改变图片的视觉或者质量。使用之后会有一份优化的报告，告诉你图片优化了多少字节，并提供一个zip格式的下载文件。      Smushit是YUI团队制作的一款基于YUI在线图片优化工具。  网站地址：http://www.smushit.com/...

“既有爱又给力的长度标注神器！”   -------------- MarkMan 一些新特性： 增加坐标、颜色、文字标记优化界面设计和交互方式加入全局放大镜（快捷键同PS）。。。。。。。           扩展阅读： 1、http://www.getmarkman.com...

Zoomit是一款免费的软件，据说来自Sysinternals公司，后来被微软收购，它体积不大，只有200K，绿色免安装。 它很适合演示，提供三大功能： 屏幕放大屏幕标注定时提醒说了那么多了，上下载地址：http://technet.microsoft.com/en-us/sysinternals/bb897434最后从西风瘦马的博客强了一张快捷键的...

JsDoc Toolkit 是一款辅助工具，按照它的约定在Javascipt代码中添加对于的注释，会自动生成API文档。 用法：    JsDoc Toolkit是用Java编写的，所以运行的时候需要Java环境。    1、先去官网下载最新的压缩包（点击这里），解压之后进入jsdoc-toolkit目录（即jsrun.jar所在的目录），然后运行下面的命令：  ...