C++博客-RTY 实践出真知-随笔分类-JavaScripthttp://www.cppblog.com/lauer3912/category/16446.html没有理由不学习zh-cnSat, 08 Oct 2011 17:11:12 GMTSat, 08 Oct 2011 17:11:12 GMT60Google推出JavaScript测试工具Google JS Testhttp://www.cppblog.com/lauer3912/archive/2011/10/08/157824.htmlRTYRTYSat, 08 Oct 2011 14:04:00 GMThttp://www.cppblog.com/lauer3912/archive/2011/10/08/157824.htmlhttp://www.cppblog.com/lauer3912/comments/157824.htmlhttp://www.cppblog.com/lauer3912/archive/2011/10/08/157824.html#Feedback0http://www.cppblog.com/lauer3912/comments/commentRss/157824.htmlhttp://www.cppblog.com/lauer3912/services/trackbacks/157824.html

Google JS Test是一个运行于V8 JavaScript引擎下的JavaScript单元测试框架，其在Google内部负责对Chrome的快速JS执行速度进行测试，现在Google以开源工程开放给大家使用。

AD：

Google JS Test是一个运行于V8 JavaScript引擎下的JavaScript单元测试框架，其在Google内部负责对Chrome的快速JS执行速度进行测试，现在Google以开源工程开放给大家使用。

Google JS Test主要特性：

◆ 超快的启动速度和执行时间，不需要在浏览器里运行

◆ 清爽而具有可读性的输出内容

◆ 也有一个可选的基于浏览器的测试器，可在JS修改的时候刷新

◆ 其样式和语义跟Google Test for C++类似

◆ 内置的Mocking框架只需要最简单的样板代码(比如no $tearDown or $verifyAll 请求)，其样式和语义基于Google C++ Mocking Framework

◆ 匹配系统允许表达式测试，并可直观的阅读输出的错误提示，内置了很多匹配器，用户也可自行添加

原文：http://www.guao.hk/posts/google-js-test.html



RTY 2011-10-08 22:04 发表评论
]]>分享60个来自Picons.me的全格式社交图标库http://www.cppblog.com/lauer3912/archive/2011/09/25/156742.htmlRTYRTYSun, 25 Sep 2011 01:37:00 GMThttp://www.cppblog.com/lauer3912/archive/2011/09/25/156742.htmlhttp://www.cppblog.com/lauer3912/comments/156742.htmlhttp://www.cppblog.com/lauer3912/archive/2011/09/25/156742.html#Feedback0http://www.cppblog.com/lauer3912/comments/commentRss/156742.htmlhttp://www.cppblog.com/lauer3912/services/trackbacks/156742.htmlhttp://www.gbin1.com/tools/design/60socialiconsinallpopularformatsbypiconsme/

图标设计公司Picons.me免费提供了一套60枚的图标库，这套图标支持所有的流行社交网络，并且支持多种格式：AI，EPS，PDF

同时有PSD和CSH格式以及不同大小的PNG格式（从16*16到512*512）。

最后提示，GBin1为了不让用户出现困惑，Picons.me的授权不包括这套社交图标。

下载地址




RTY 2011-09-25 09:37 发表评论
]]>分享35个高品质的PSD版本UI网页设计http://www.cppblog.com/lauer3912/archive/2011/09/25/156740.htmlRTYRTYSun, 25 Sep 2011 01:31:00 GMThttp://www.cppblog.com/lauer3912/archive/2011/09/25/156740.htmlhttp://www.cppblog.com/lauer3912/comments/156740.htmlhttp://www.cppblog.com/lauer3912/archive/2011/09/25/156740.html#Feedback0http://www.cppblog.com/lauer3912/comments/commentRss/156740.htmlhttp://www.cppblog.com/lauer3912/services/trackbacks/156740.html阅读全文

RTY 2011-09-25 09:31 发表评论
]]>6种编写HTML和CSS的最有效的方法http://www.cppblog.com/lauer3912/archive/2011/05/25/147121.htmlRTYRTYWed, 25 May 2011 13:25:00 GMThttp://www.cppblog.com/lauer3912/archive/2011/05/25/147121.htmlhttp://www.cppblog.com/lauer3912/comments/147121.htmlhttp://www.cppblog.com/lauer3912/archive/2011/05/25/147121.html#Feedback0http://www.cppblog.com/lauer3912/comments/commentRss/147121.htmlhttp://www.cppblog.com/lauer3912/services/trackbacks/147121.html

感谢HTML5和CSS3，以及JavaScript，前端开发者有了大大的用武之地。大家都在用很多的工具和技术来武装自己，以加快前段的开发。

本文分享了6中最有效的方法，希望能提供你的效率，为你节约时间。

1. Dynamic CSS（动态 CSS）

如果你想加速你的CSS代码编写，那么你需要学习并掌握动态CSS。大部分的动态CSS增加了nested riles, variables, mixins, selector inheritance功能，这里提高代码的利用率。

2. HTML snippets（HTML 片段）

使用代码片段是个编写HTML代码的一个很快的方法。推荐Zen Coding 和HAML。 首先，它会让你提速很快，其次，可以规避一些人为错误，因为所有的代码都是被测试和正确生成的。

3. CSS reset（CSS 重设）

CSS reset的优势是避免了浏览器的不兼容。推荐：Eric Meyer's CSS reset 和YUI.

4. CSS Grid layout（网格布局）

不少的开发者，都没有使用CSS 网格布局。网格布局的理念来自于传统的印刷出版，在web上，网格布局在杂志类型模板/网站中非常重要。该方法已经被大量的开发者证明是提升产品设计速度的有效途径。

CSS 网格布局具有很好的跨平台支持等特性，下面再介绍一些相关的资源：

5. HTML/CSS 编辑器

你需要一个好的代码编辑器，除了notepad之外，还有很多，它们各具特色。比如coda的ftp引擎十分的稳定。当然，你也可以登录开源中国社区检索更多的开源代码编辑器。

6. 其他在线工具

下面的一些工具，还是可以帮助你省下那么一点的时间的。

如果你刚刚学习HTML和CSS，那么还是建议扎扎实实地来手写代码。如果你已经有了坚实的基础，那么就尝试上述的方法吧。

Enjoy coding :)

原文：http://www.queness.com/post/8004/6-most-effective-methods-to-code-html-and-css

本站文章除注明转载外，均为本站原创或编译
欢迎任何形式的转载，但请务必注明出处，尊重他人劳动共创开源社区
转载请注明：文章转载自：开源中国社区 [http://www.oschina.net]
本文标题：6种编写HTML和CSS的最有效的方法
本文地址：http://www.oschina.net/news/18266/6-methods-to-code-html-css

收藏此资讯


RTY 2011-05-25 21:25 发表评论
]]>15款很棒的 JavaScript 开发工具http://www.cppblog.com/lauer3912/archive/2011/05/17/146587.htmlRTYRTYTue, 17 May 2011 10:59:00 GMThttp://www.cppblog.com/lauer3912/archive/2011/05/17/146587.htmlhttp://www.cppblog.com/lauer3912/comments/146587.htmlhttp://www.cppblog.com/lauer3912/archive/2011/05/17/146587.html#Feedback0http://www.cppblog.com/lauer3912/comments/commentRss/146587.htmlhttp://www.cppblog.com/lauer3912/services/trackbacks/146587.html15款很棒的 JavaScript 开发工具

ugmbbc发布于 2011-05-17 14:18:36|3743 次阅读 字体：大 小 打印预览 分享至新浪微博 转贴到开心网 分享到校内人人网 添加到Google书签

网络软件

感谢山边小溪的投递
在开发中，借助得力的工具可以事半功倍。今天，这篇文章向大家分享最新收集的15款非常有用的 JavaScript 开发工具。
TestSwarm: Continious & Distributed JS Testing

TestSwarm是Mozilla实验室推出的一个开源项目，它旨在为开发者提供在多个浏览器版本上快速轻松测试自己JavaScript代码的方法。
Javascript-212 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Minimee
在网络上，速度是很重要的，Minimee能帮助你将CSS和JavaScript文件进行自动压缩和打包。
Javascript-169 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Doctor JS
Doctor JS 是一款帮你分析 JavaScript 代码的工具，测试你的代码在多态、原型、异常和回调方面写得怎么样。
Javascript-174 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Remy Sharp’s JSConsole
一个在线的 JavaScript 控制台工具，对于测试、调试和演示非常有用。
Javascript-269 in Useful JavaScript and jQuery Tools, Libraries, Plugins

JavaScript Library Boilerplate
JavaScript Library Boilerplate 帮助你随时随地创建自己的 JavaScript 库。
Javascript-260 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jsdoc-toolkit
JsDoc Toolkit 是一款辅助工具，你只需要根据约定在 JavaScript 代码中添加相应的注释，它就可以根据这些注释来自动生成API文档。
Js-010 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Jasmine: BDD for your JavaScript
Jasmine 是一个有名的javascript单元测试框架，它是独立的“行为驱动开发”框架。
Js-011 in Useful JavaScript and jQuery Tools, Libraries, Plugins

ObfuscateJS: JavaScript compressor
一款 JavaScript 混淆工具，去除空白和注释，重命名变量等。
Javascript-282 in Useful JavaScript and jQuery Tools, Libraries, Plugins

PEG.js
PEG.js 是一个JavaScript的表达式语法解析器，它使您能够轻松地建立复杂的数据或计算机程序语言的快速分析器。
Javascript-228 in Useful JavaScript and jQuery Tools, Libraries, Plugins

JSONView
JSONView 是一款帮助你在浏览器中查看JSON文档的Firefox插件。
Js-014 in Useful JavaScript and jQuery Tools, Libraries, Plugins

JSonduit
JSonduit 是一个将网页内容转换为 JSON 格式订阅器的工具。
Javascript-182 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jsplumb
jsPlumb 为开发者提供了可视化链接元素到页面的方法，可以结合jQuery、MooTools 和 YUI3使用。
Javascript-193 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Helma
Helma 是一个用来开发快速、稳定的Web应用程序的开源框架，它使用JavaScript 来作为服务端脚本环境，从而可以省略编译周期。
Js-015 in Useful JavaScript and jQuery Tools, Libraries, Plugins

HTML + JSON Report
一款将 JSON 数据转换为可读性更高的HTML格式内容的在线工具。
Javascript-300 in Useful JavaScript and jQuery Tools, Libraries, Plugins

JSON Editor
这个编辑器可以帮助你方便的编辑 JSON 字符串。
Javascript-222 in Useful JavaScript and jQuery Tools, Libraries, Plugins
你可能还喜欢

  • 推荐40个优秀的免费CSS工具
  • 分享18个常用的网站性能测试工具
  • 推荐25个提高网站可用性和转化率的工具
  • JavaScript初学者应注意的七个细节
  • 你可能不知道的10个JavaScript小技巧

    • （编译来源：梦想天空  原文来自：Useful JavaScript and jQuery Tools, Libraries, Plugins）

     

    0


    RTY 2011-05-17 18:59 发表评论
    ]]>    20+ Useful jQuery Content Slider Scripts and Tutorialshttp://www.cppblog.com/lauer3912/archive/2011/05/17/146585.htmlRTYRTYTue, 17 May 2011 10:52:00 GMThttp://www.cppblog.com/lauer3912/archive/2011/05/17/146585.htmlhttp://www.cppblog.com/lauer3912/comments/146585.htmlhttp://www.cppblog.com/lauer3912/archive/2011/05/17/146585.html#Feedback0http://www.cppblog.com/lauer3912/comments/commentRss/146585.htmlhttp://www.cppblog.com/lauer3912/services/trackbacks/146585.html20+ Useful jQuery Content Slider Scripts and Tutorials
    Posted by: Adrian, In: Coding, Tutorials, On: May 16, 2011 | 2 Comments

    Maybe you’ve seen some businesses with beautifully designed websites that also have a slider which displays their available products and services; and since then you’ve been asking yourself how it’s done? If you still haven’t found out, then lend me an ear, because here’s the answer. It’s done with jQuery.

    So what is jQuery? As you probably know, there’s JavaScript – a scripting language, but Query is just a branch. jQuery is used to make easier the effects and interaction with the development code and works just like JavaScript. Released in January 2006, it gains popularity pretty quickly as it’s a nice technology that helps making the websites over the internet more interactive and fun. Also it takes less code than with JavaScript to create effects like drop down menus, animations, drag and drop elements and form validation.

    So, as it is easy and simple to use, needs less coding and creates interesting and beautiful effects, why not try making a slider with your recent products to put on your website? Here are 20+ of the most useful jQuery content slider scripts and tutorials. Hope to have inspired at least some of you and soon we will see more sites that are interactive and client oriented, saving space and showcasing their offer into nicely designed sliders.

    Rotating Image Slider with jQuery

    Parallax Slider with jQuery

    Compact News Previewer with jQuery

    Awkward Showcase – A jQuery Plugin

    WOW Slider

    Automatic Image Slider w/ CSS & jQuery

    Making a Mosaic Slideshow With jQuery & CSS

    How to Make Auto-Advancing Slideshows

    Coding a Rotating Image Slideshow w/ CSS3 and jQuery

    Create Beautiful jQuery slider tutorial

    CU3ER Image Slider

    jQueryGlobe – jQuery Plugin

    Nivo Slider

    Piecemaker XML Gallery

    Slide Deck

    Slides

    Slider Gallery with jQuery

    Estro – jQuery Ken Burns & swipe effect slider

    FSS – Full Screen Sliding Website Plugin

    li JQuery Slider/Image Rotator

    Point of ViUU


    Source: http://designmodo.com/jquery-slider-scripts-tutorials/#ixzz1Mbcxa2V7


    RTY 2011-05-17 18:52 发表评论
    ]]>