CSS3 Please!

CSS3 Please!是我师傅推荐给我的，是一个CSS3规则生成器。它允许你在线调正CSS属性，同时右侧的一个大大的CSS3,please圆角框内即展示了当前你所处的样式状态，即时预览，非常方便。接着，你就可以拷贝样式到自己的文件里了。

CSS3 Selectors Test

这是一个选择器的测试，它能自动运行一堆CSS选择器进行测试，以检查你的浏览器是否兼容这些样式。它将以绿色表示兼容的样式。你能点击查看每个CSS选择器的检测结果，它将以一个简单的样例来呈现。

CSS3 Transforms

你能在CSS3 Transforms里通过左侧的按钮来设置一堆不同的属性，比如位置，旋转，渐变程度等等。设置好之后就能迅速产生相应的代码。

CSS3 Gradient Generator

一款在线生成CSS渐变的工具。无论设计师还是开发者都能通过这个工具来生产相对CSS渐变代码。

CSS3 Button Maker

这个工具提供了很多按钮以及颜色选择器来帮你制作CSS3按钮。生成之后你能获取相应的CSS代码来用在自己的网站上。

今天，是我的生日，其实每次生日心情都稍微有点复杂，因为过完生日就意味着自己又大了一岁，又向成熟迈进了一步。不过，这更是一个人心灵的完善，随着年龄的增长，现在过生日早已经没有了儿时的那种喜悦。其实每一个人都在乎所有的表面形式，经历过这么多次生日，我也一直希望能跟朋友在一起过生日而不是现在一个人。入职之后，各种事情纷至沓来，虽然不算是很繁重，但是却在无形之中给我增加了种种压力，似乎到了现在，我更应该承担起我现在该有的一种责任。其实，有时候一个人品味孤单，享受寂寞也是一种洒脱……

CSSDesk – Dynamic CSS Sandbox

CSS desk是最新开发的一款工具，它对于测试你的CSS和HTML将会非常有帮助。

The HTML5 test – How well does your browser support HTML5?

这个网站可以测试你当前的浏览器能对于HTML的支持及运行情况并给出评分。它通过测试一些HTML5的新特性来给出相应的分数。某些情况下，测试可能会超出正常的标准。

iPad Peek

可以让你查看你的网站在iPad下的显示情况哦！点击上面的黑边框，可以进行大小缩放，相当直观！

Elastic WordPress Theme Editor

一款为WordPress设计的虚拟主题编辑器，能给你的主题开发带来不少方便！

方法一

在PE系统或者是XP系统下：

1. 解压系统镜像文件至硬盘逻辑分区某个文件夹，如D盘的win7目录下,或者也可选择你的移动硬盘上的某个分区
2. 将C盘格式化，建议选NTFS格式
3. 把D:\win7目录下的bootmgr和boot目录拷贝到c盘根目录下,并在C盘根目录下建个sources文件夹
4. 把D:\win7\sources下的boot.win复制到C盘的sources文件夹
5. 运行cmd，然后输入c:\boot\bootsect.exe/nt60 c: 如果提示successful就表示成功了
6. 重启计算机后，将自动引导进入安装界面，选择安装语言等
7. 出现“开始安装界面，不要点击“现在安装”，选择点左下角“修复计算机”进入之后，选择最后一项”命令提示符”，即进入DOS窗口
8. 输入“D:\win7\sources\setup.exe”，就开始安装了。注意！这里是sources目录下的setup文件，不要直接选择win7根目录下的setup，否则安装会失败
9. 选择安装语言、格式化C盘即可

方法二

1. 快速格式化U盘。
2. 使用虚拟光驱软件加载win7光盘镜像。
3. 打开命令行，路径切换至虚拟光驱的boot目录下。
4. 运行命令 bootsect /nt60 G: （G:是U盘的盘符）
5. 拷贝win7镜像内所有文件到优盘。
6. 重启电脑，BISO下设置为U盘引导启动，引导优盘，接着进入安装界面，与光盘安装方法相同。

那我们该怎样选择适合自己的框架呢？

首先，你要确保你所要用的框架已经建立了并有了能准确描述细节方面的文档。这一步对于你下一步的实施以及使用你准备好的框架，都是至关重要的。然后，你就应该分析你所选择的框架能够解决怎样的问题。不过，当你碰上几个你自认为是最适合这个项目的框架的时候，你应该明智的对它们进行筛选并仔细衡量是否真正符合你的需求。

同样，你可以大胆的去请教其他开发人员或是同事，哪个框架更加合适，为什么选择这个框架。这样可以帮助你在其他有经验者的基础上获取更多有价值的见解。另外一点，要提的就是，你在这次框架选择的过程中扮演怎样的角色.是主要人物？或只是一个乐于帮忙的普通成员而已？它是否能给你带来价值？每个问题都会帮助你决定是否使用所选的框架。

下面让我们看看同时适合开发人员和设计人员的8个最好的框架

Blueprint CSS

Blueprint CSS 框架使用了栅格化系统来预先构建了字体样式并包含多款插件，内建表单样式等等。同时，你还会发现Blueprint具有良好的文档，Wiki,以及活跃的社区组，以及一些使用Blutprint框架的网站例子。

Elements CSS Framework

总体上来说，Elements 框架使编写CSS代码变得更加简单而又高效。它是能使你的文件安排的有条理 收集当前类这个功能，将使你的开发过程变得更加友好，而且它能给外链自动增加各种icon图标，这样用户就能快速找到并定位到它们。

Content with Style

Content with Style也是一款能帮助你通过一些不可思议的设计和排版元素来设计并构造你的网站的CSS框架。它有6种不同的布局供你选择，包括垂直导航，两个内容栏，两栏式的水平导航及一个内容栏。总之，Content with Style是一种高效的方式来排序你网站的内容并且能顾及到头部、主题部分、及子部分。

Emastic

一款轻量级的CSS框架，它使用了px,em,或是%为单位来标志页面的宽度，而且它同样是基于弹性布局的。Emastic为你的字体排版预先定义了多种样式。主要一点，它的栅格化是由5到75em大小的区块组成。默认的尺寸大小也能随时改变，而且框架的设计选项也是基于栅格设计的。

960 Grid System

960 Grid System是一款非常强大的CSS框架，它能帮助我们迅速开发网站的原型。它是基于12-16栏布局的并且布局模板同样支持Illustrator, Photoshop, Expression Design, Fireworks 等工具。而且，你能用纸笔构造出最适合你自己的一款模板。

Yui Grids

基本的Yui Grids CSS 提供了四种预先定义的页面宽度，六种模板，而且这些都可以再细分成两栏、三栏或者四栏。仅4kb的文件却整合了超过1000中的页面布局样式。支持流式宽度，简单的用户定制化，灵活的模板栏等多种特性。

YAML

YAML（Yet Another Multicolumn Layout)另一款适合创建新式和灵活布局的Xhtml/CSS框架。使用它能编写通用性极强的结构，而且用户的可访问性也很强。YAML专注于Web标准及可访问性，包含了众多扩展的轻量级框架核心，完整的多语言文档，强健灵活的布局思想。

SenCSs

SenCSs(Sensible Standards CSS baseline，发音“sense”).它为你CSS重复的部分提供了合理的样式，这样你就能更加关注于自己网站的样式。SenCSs不像其他CSS框架那样，它不包含各种杂乱的布局样式或是预定义的栅格系统，那SenCSs能刚什么呢？baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms 等等都是SenCSs所能办到的。

我们知道，品牌也不仅仅是依靠一个美丽的logo,但是创建一个令人难忘的又有影响力的关于自己公司的，并且能有效的传递你的信息的logo将是一条漫长之路。

通过以下文章中的这些教程，你将领略到这些logo的创作过程，并且你可以通过Illustrator或是Photoshop创建自己的logo.当然，设计过程一开始，你得拥有纸和笔，但这些教程将从你一坐到电脑面前开始，就会提供给你所有需要的工具。

Vivid Ways的设计过程及其思路

创建一个折纸式的logo

使用Illustrator来创建一个有趣的3D效果的logo

Abduzeedo公司2010的logo设计

Umbrella公司的logo

Logo设计过程教程

索爱的logo

Sikbox设计过程

创建标志性logo

一步步教你设计logo

通过Photoshop创建一个平滑的3D盒子

怎样用Photoshop来设计Firefox的logo

一步步教你设计logo

Day 30：设计一个logo

复古式圆形logo设计

构造完美的logo

用Illustrator设计牛排馆的logo

设计一个logo——从设想到实现

创造一个极酷的logo

创造一个很酷的凌乱背景式的音乐logo

创建一个复古的logo

创建一个复古的logo

用photoshop重构果冻式logo

Illustrator构造的Zee logo

奥巴马logo教程

设计Google Chrome Logo

怎样制作一个Wordpress logo

制作金属质感的变形金刚logo

用Illustrator制作Rockstar的logo极其样式

Photoshop制作ATI logo的教程

页面的字体排版其实是比较棘手的一件事情，本人刚开始在设计页面的时候，对于字体属性的选择一直定不下来，不过在经过了几次设计之后，也稍微做了些总结，现分析如下：

这是我对于比较正规的页面考虑采用的样式

font: 12px/1.5 Tahoma, Times New Roman,Helvetica,sans-serif;

1. 字体大小采用px为单位, 而不采用em. 因为em的可用性提升其实是很有限的，加上现在主流浏览器都支持“全页面缩放（Full Page Zoom）”功能了，所以基本可以不用考虑用em来实现了。
2. 行高采用1.5, 也就是18px. 我觉得这是比较符合大家视觉的，相对于12px字体，这个行高看起来非常舒服。
3. 字体样式默认采用Tahoma. Tahoma是英文Windows操作系统的默认字体，这个字体比较均衡，显示中英文混排很不错，是经久耐看的一款字体。Tahoma是Matthew Carter为微软公司设计的一款字体，从Mac OS X 10.5开始，默认也捆绑了这款字体。但在Mac OS X 10.4及其之前的系统中，没有Tahoma字体。
4. 而我将Times New Roman排在第二位，其实这款字体也是非常的耐看的，而且我觉得大家应该可以留意到，在我们用office word开始，这款字体就已经成为默认的英文字体了，可见其经典程度。所以我将其用来作为自己博客的logo字体。还有一款要推荐的字体就是看起来比Times New Roman更经典的系统默认字体,那就是Helvetica,这是一款已经超过50年历史的字体，在设计界的地位似乎无人能敌,大家可以参考这篇文章。已经其实我非常想将Helvetica放在首位的，不过，考虑到非Mac系统的Helvetica字体都是rip版，以及Windows的市场占有率，因此只能委屈Helvetica, 放在第三位了。
   放在最后的sans-serif是针对强悍的Linux DIY族。Linux默认只有kernel, 字体完全由用户自定义，针对这部分用户，sans-serif可能能派上用场。
5. 最后，无论在XP还是Vista、Win7下，不指定网页的中文字体时，默认就是宋体或是微软雅黑。因此font-family属性里的’宋体’是多余的，可以省去。

今天3月14日，单身的我白色情人节就不过了，来过圆周率节吧～

圆周率节诞生于2009年，美国众议院正式通过将每年的3月14号设定为“圆周率日”（Pi day），很多人都会以各种方式庆祝这个节日，而准确的说，应该是在下午1点59分来庆祝这个节日，以象征圆周率的六位近似值3.14159。而如果你是习惯用24小时计时的，可以选择在凌晨1点59分，或者是下午3点9分（即15点9分）.

总之，最爽的就是，今天能吃到各种各样的Pie～～

Firebug

Firebug能够调试所有网站语言,如Html,Css以及javascript调试等功能，而且它能在各种浏览器下都能使用包括（IE,Firefox,Opera, Safari等）。除此之外，还有一些很强大的功能，如html,css,dom的察看与调试，网站整体分析等等。总之，对于开发者来说它就相当一把瑞士军刀啊。

FireRainbow

为Firebug设计的一款Javascript高亮工具，支持firebug1.3以上的版本。

Pixel Perfect

一款Firebug的扩展工具，它能让开发者或是设计师直接覆盖某一元素在开发的页面上。

FireShot

FireShot能创建网页的整体或是可见部分的截图。不同与其他插件，这个插件它提供哦你过了一系列能让用户更加方面的插入文本注释或者是图片注释的编辑和标注工具。这些对于网页设计师或者是测试者来说可是非常有用的。

Coral IE Tab

一个能让你的网页通过IE核心显示的工具，而且可以迅速切换回Firefox下。

Measure It

一个非常方便而又小巧的工具，你能使用它来测试页面上任何地方的高和宽。我觉得以后再也没必要使用任何图形编辑工具来获取某个图形区域的高和宽了。

ColorZilla

一款非常cool的颜色获取工具。同时你还可以通过它来快速调节颜色并粘贴到其他应用程序里面。而且它还可以缩放页面。

Web Developer

同样也是一款非常强大的工具，你可以通过它来禁用JS,CSS图片等等来模仿出不同情况下的页面加载情况。而且你还能获取cookies,禁用缓存等等一些开发时所要用的功能。

YSlow

来自Yahoo的一款插件，它能帮助我们分析网站的加载速度，同时为你提供一些推荐的用户参数优化方法。

HTML Validator

HTML的检验工具，它能查找并且标志出HTML页面上的错误。它主要以Tidy为基础，而Tidy最初是W3C为了验证HTML代码开发的一个工具。

Add-in-one Sidebar

全方位多功能侧边栏，包括了书签、插件、历史等等，其方便性不言而喻啊。

以前用的avast4.8版内存占用有点大，而且开的进程数也很多，不过对于5.0的内存占用情况令人相当满意，除了打开软件界面使UI进程略有增加之外，防护模块的占用率甚至还有所下降。而且从CPU资源来看，也基本保持在了50%上下，一般来说这样的表现对系统使用应该不会造成太大影响了。

而且，这次Google 选中新版avast! 5.0为欧洲版Google Pack的捆绑杀毒软件，看来新版的avast！性能确实不俗。
专业版官方下载：http://files.avast.com/iavs5x/setup_av_pro_cns.exe
附一年授权文件:下载