Vanessa

大前端的点滴生活
WebToolkit 0 篇文章

JSPM 初体验

终于得空,体验一把 JSPMjspmisapackagemanagerfortheSystemJSuniversalmoduleloader,builtontopofthedynamicES6moduleloader1. 安装 npminstalljspm-g2. 创建项目 npminstalljspm--save-devjspminit3. 安装包 jspminstallnpm:lodash-nodejspmi

移动开发技术周报

转自:移动开发技术周报:使用 GenyMotion 加速 Android 开发,iOS7UI 设计技巧以下是本周为大家推荐的移动开发阅读材料。工具:ChromecastandGoogleCastSDKUpdate:2013 年 7 月 24 日,Google 发布了 Chromecast 电视棒,使用者可以把手机画面投射在电视上。Google 近日对 GoogleCastSDK 进行了更新,增强了 Chromecast 设备发现的能力

5 款书签类型的测试工具

2013 年注定了响应式设计流行,它是网站设计的新的方向,从去年开始越来越多的网站开始使用响应式的设计理念,它能够帮助你开发一套界面并且能运行在所有不同分辨率的设备上,包括 PC、平板或者移动手机。今天我们推荐给大家 5 款书签类型的测试工具,你可以方便的添加到你的书签中,并且在测试响应式网站的时候方便的使用。1.ViewportResizer 这个书签号称拥有 158 个国家 3 万多活跃的用户,主要特性:完全自定

12 款很棒的浏览器兼容性测试工具

对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具。SpoonBrowserSandbox 点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在 Safari、Chrome、Firefox 和 Opera 浏览器中是否正常,IE 以前也有的,网站上说应微软的要求去掉了。Su

不容错过的 Window 8 Metro 风格 UI 资源

颠覆了各种圆角,另一种不错的视觉享受,收藏之。下文转自:http://www.w3cfuns.com/article-915-2.html 微软已经正式发布了 windows8 操作系统,Windows 操作系统的风格已经完全改变成了瓷贴状的 MetroUI。对于微软来说这是一个巨大的改变,而且所有微软的平台,包括桌面、平板、移动及网站都使用这个 UI 风格。MetroUI 包含了所有的现代 web 设计的特点:简化、

国外 29 个开发者实用的 Web(CSS,HTML5,JS)工具和应用

确实不错,转自:http://www.uiimg.com/thread-1482-1-1.html 当你需要编辑或改变网站设计时,CSS 起着重要的作用。透过一些 CSS 工具可以让新手开发人员和设计人员轻松地学习这门语言和它的功能。今天,我们为你编制了 29 个有用的 CSS 工具和应用程序。使用下列工具,您将能够以任何顺序进行 CSS 属性的排序,能够将您的 Photoshop 图层转成 CSS 样式,可以创建自己的响应 W

字体排版和色彩主题

发现两个比较好的页面设计工具,分享之。Typetester 许多吸引眼球的设计是因为有一个引人注目的排版。选择一个字体是一个微妙的过程, 因为即使是最微妙的变化也可以在 web 设计中产生很大的视觉效果。Typetester 给设计者一个基于浏览器的工具来比较三种不同的字体并排同时来看看哪个效果最好。用户可以改变字体大小、类型和间距以及文本的颜色良好的措施。Typetester 是 100% 免费使用, 并且不需要安

工具文化

自己平时也是非常喜欢用小工具的,那样即可以省事,不用机械的去重复做一些事情,又可以提高效率。最重要的是当开发出来的小工具被使用来减轻工作量时,那个心情是不能被金钱和时间所替代的。工具对一个团队,一个公司有着非常非常重要的作用:提高效率,保证代码质量,把线上问题危害降至最低,减少人工成本,节约时间。。。在支付宝的日子虽然短暂,但隔三岔五总有一些小工具冒出来。虽然有重复的、功能接近的,有用后更加复杂的,

Node.js 小工具—— CSS 基本语法检查

继 Node.js 小工具之后,基于 csslint 写了个超简单的 CSS 语法校验工具。思路:递归查找目录下的 css 文件,首先去除文件路径以 svn 开头的,然后选择以 css 结尾的文件。将查找到的文件路径保存到变量中。对保存的文件路径依次使用 exec 执行 csslint 命令,由于 exec 只有在异步执行中才可获取执行结果,因此每次执行的结果都进行了读写文件的操作。读取文件中的内容,把原有内容加上执行的结果再写入到文

Node.js 小工具

继 grunt 初识后,发现 B3log 上面用他太过于强大了,在 CSS 方面也没研究出怎么用他来进行压缩。B3log 主要是需要一些压缩,批量替换的版本号的功能。既然自己学习了 Node.js,何不学以致用呢?1. 代码压缩 https://github.com/b3log/b3log-solo-skins/blob/0.5.0/helper/tools/compress.js2. 批量替换 https://githu

grunt 初识

继前天学习了 Node.js 之后,昨天研究了下 grunt。今天用 Node.js 写了两个小工具。太久没有研究新东西了,grunt 学习起来,颇为坎坷。需要在此记录下,以提醒后人不要重蹈我的覆辙 ^^grunt: 用于辅助中型以上的 JavaScript 项目:定义项目描述属性;合并文件;搭建项目模版;校验 JS; 压缩代码;测试;静态服务器;部署等扩展功能。1. 安装 gruntnpminstall-ggrunt2. 新建

为什么我要学习 Node.js

背景:最近在做优化的时候发现很多前端的东西都是用 Node.js 写的。比如:csslint, 最近挖掘的 grunt,less,uglify-js,JSLint。不会 Node.js,就这么用着也还可以,但想基于他们自己写点小东西就有点困难了。前话: longlongago,Node.js 火了,有点想学习他。在那个时候,自己也想学一门非前端语言(虽然读大学的时候学习过 Java,但我不喜欢他,不喜欢他的古板和严

十个好用的 Mind Map 在线工具

最终还是选择了 Comapping,要多梳理下自己的小知识库了。ByYoung | 转自 http://freenuts.com/top-10-free-online-mind-mapping-tools/Asthename,mindmappingmeansthattodrawyourmindorideasasamap,whicharewell-knownforbrainstorm,exploringyou

less 环境搭建

其实只是为了想要达到合并 CSS,弄几个颜色、字体的变量罢了,mergeCSS 感觉有点那个什么的。。。发现 bootstrap 用的工具都很不错,以后可以参考下。recessrecess 是 Twitter 的 JacobThornton 开发的一个工具,目的是处理 CSS,建立在 LESS 的基础上。jshintjshint 类似 jslint,是一个 JavaScript 代码检测工具(也就是 JavaScript 的 lint)

12 个网络监控工具

如果你有一个网站,有可能出现一些问题,利用一些网络监控工具可以帮助你监督这些问题、帮助您采取预防措施。这里我们列举了 12 个组织良好的网络监测工具,供你参考。SplunkSplunk 是一款顶级的日志分析软件,如果你经常用 grep、awk、sed、sort、uniq、tail、head 来分析日志,那么你需要 Splunk。能处理常规的日志格式,比如 apache、squid、系统日志、mail.log 这些。

推荐 10 款非常优秀的 HTML5 开发工具

HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐 10 款优秀的 HTML5 开发工具,帮助你更高效的编写 HTML5 应用。InitializrInitializr 是制作 HTML5 网站最好的入门辅助工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代

Firebug 控制台详解

感觉很有用,下文转自:http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html 作者:阮一峰日期:2011 年 3 月 26 日 Firebug 是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug 入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。==================