随笔分类 - Web Toolkit
摘要：感觉很有用，下文转自：http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html
作者： 阮一峰 日期： 2011年3月26日 Firebug是网页开发的利器，能够极大地提升工作效率。 但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。
===================================
Firebug控制台详解
作者：阮一峰 控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过...
阅读全文
摘要：在 2011-03-02 下定决心使用 Chrome，并安装了一系列插件准备长期备战，谁知就在 03-22 日 Firefox 4 终于发布了，并且获得了不错的好评。纠结了2天，终于再次换回 Firefox。并且安装了如下插件，其余的都卸载了， very good。非常的好用。Addons Manager: 插件，皮肤，扩展管理。个人比较喜欢到官网上直接去淘。Awesome screenshot: 网页截图，可以进行简单的标识。非常的好用，强力推荐。DownThemAll: 下载管理。一直都用它，习惯了，速度也不错。Firebug: 开发人员都知道，不是开放人员的话，也用不上 ^^Goo...
阅读全文
摘要：自娱自乐版： 1.原型设计 通过和搭档的交流，在脑海中，你便可以知道你需要做什么，你们的需求大概是什么，需要几个页面。这时，你便可以找张纸，找支笔开始框架、轮廓、布局的勾勒。这对自娱自乐是非常有效的，因为你的原型设计不需要经过众多人的评审，不需要提供给客户，不需要具体的表现出每一个链接的跳转，每一个按钮的结果。这一切只需在你原型的空白处加以简单的注释。 到这里，貌似原型已经设计完毕。 No，接下来的一步非常重要。自娱自乐的时候，约束、文档会比较欠缺，这可能会导致你所表达的想法并非和我理解的一致。这时，交流和确认就是必须的了。它不仅可以再次确认你们的共...
阅读全文
摘要：Chrome 从发布到至今，虽见证了它的辉煌和优势，偶尔也小用一下，可是一直舍不得放下习以为常的 Firefox。
直至不久前看到《15个对Web设计和开发有用的Chrome插件》，以及越来越不能忍受 Firefox 的启动速度。 于是就在昨天安装了选择性的安装了一系列开放和日常所需的 Chrome 插件：
1. Chrome SEO：显示当前网站与搜索引擎优化相关的信息，包括反向链接，Alexa排名、Google PageRank排名等流量值数，在社会化书签网站中的热门程度，对 key 的建议等等。
2. Webpage Screenshot：网页截图。可截取整个页面或可见区域，截取后可进.
阅读全文
摘要：想要制作一些很酷的头部效果并且不使用图片文件嘛？可以尝试一下 CSS3 里面的 @font-face。
代码如下： @font-face { font-family: qianduanNet; src: url("SketchRockwell.ttf");
} .fontFace{ font-family: qianduanNet; font-size: 3.2em; letter-spacing: 1px; text-align: center;
} 但这需要你去下载字体，相对而言 Google Font Directory 就方便太多了。只可惜目前不支持中文。
不过简单
阅读全文
摘要：Last week we kicked off our “Best of 2010″ series by showing you the best free WordPress themes released in the past year. This week the focus is on fonts. There were a ton of remarkable free fonts put out in 2010, so it was very difficult picking our favorites. Nevertheless, we did it and here t...
阅读全文
摘要：firefox 插件
CSS 验证器
提供到W3C CSS验证器的易用链接，你可以通过右键的上下文菜单或者工具菜单来进行访问。
Firebug
Firebug是 一个功能齐全的调试器和编辑器，使用它你可以开发 单页面的HTML，javascript ，CSS，DOM等等。你也可以使用其插件来实时监控 JavaScript，CSS和XML，找到其中可能出现的错误，并学会如何修正它们。作为每个设计 师工具仓库中的重要一员，Firebug越来越通用， 甚至开始有了自己的插件（如SitePoint的CodeBurner参考工具）。
HTML验证器
基于Tidy和OpenSP，HTML Validato
阅读全文
摘要：作者 Dionysios G. Synodinos 译者 侯伯薇 发布于 2010年5月21日 下午9时38分 Akshell是一种云服务，它使用服务端的JavaScript和在线的IDE帮助开发者进行快速应用程序开发。 它还提供云托管，所以部署是即时的。 它的创建者将其描述为“web应用网络”。Akshell的核心会使用Google V8 JavaScript引擎来执行应用程序，它会将JavaScript代码编译成本地代码以提高性能。 为...
阅读全文
摘要：Google是支持开源运动的最大公司之一，它们现在总共发布有超过500个的开源项目（大部分都是利用它们的API来完成），本文将列举一些有趣的开源项目，其中很可能有不少你不知道的哦。 文本文件处理： Google CRUSH (Custom Reporting Utilities for SHell) CRUSH是为命令行或shell scripts处理特定文字数据而制作的一系列工具，这里有指南。 C++库和源代码： Google Breakpad 一个开源的多平台崩溃报告系统。 Google GFlags Gflags是一个命令行标记的处理库，它可以替代“getopt()”...
阅读全文
摘要：BasicOnebit Icon Set 2Hand Pointer IconsWP WooThemes Ultimate Icon SetLed Icon SetMinIconsGrunge Peeling StickersOnebitWeb InjectionWatercolor Icon PackFinanceFlavour ExtendedSocial Media IconsMust Have IconsSocial Icons Hand DrawnWeby IconsQuartz原文：2009年最佳免费图标大收集 译自：The Best Free Icon Sets of 2009
阅读全文
摘要：灵感类2.Web design library 1.Deviantart Deviantart是互联网站最大的艺术展示站点之一。你可以在这里找到好灵感。 WebDesign Library是一个提供设计研究平台的资源站点，覆盖了大量的理论知识和实战方面的信息。3. Stylevault Stylevault.net 是一个设计展示站点，设计师可以在上面展示才华的同时其他人也可从中获益。4. Behance Behance 是找灵感的好去处，因为他们的设计更加专业。5. The design inspiration The Design Inspiration 是一群整日寻求...
阅读全文
摘要：原文:14 CSS Tools to Save you Time译文：17个可以节省你时间的CSS工具作者：Brett/ 翻译：Chada作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。优化/格式化类1、CSSTidy- CSS Tidy是一个开源的CSS分析和优化工具；2、CleanCSS- CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。Chada曾经介绍过这个在线工具，在这里。3、CSS Optimizer- CS
阅读全文
