31 st

March,2010 | CSS

选择适合你的CSS框架

我们在Web开发的时候,如果正确的选择了适合你的CSS框架就能快速改进并且节省你的开发时间,因为它提供了一个强大的方式灵活并高效得样式化我们的网站以及应用程序。

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

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

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

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

Blueprint CSS

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

20 th

March,2010 | CSS

关于网页的字体排版

Tags: , ,

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

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

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操作系统的默认字体,这个字体比较均衡,显示中英文混排很不错,是经久耐看的一款字体。TahomaMatthew 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属性里的’宋体’是多余的,可以省去。
14 th

March,2010 | Mylife

今天是圆周率节哦~~

今天3月14日,单身的我白色情人节就不过了,来过圆周率节吧~
Interesting? … Continue Reading… »

11 th

March,2010 | Web

11款值得推荐的FireFox开发插件

现在Firefox已经成为一款非常流行的浏览器,特别是对于Web设计师而言。它不仅能呈现完全标准的页面,而且基于Firefox丰富的Web开发辅助插件更能让设计师的工作变得更加有效率。这里向大家推荐几款本人使用过的一些Web开发插件,而它们都是现在设计师相当流行使用的。

Firebug

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

Interesting? … Continue Reading… »

04 th

March,2010 | IT Technology

Avast! Antivirus Pro 5.0 一年授权KEY

产自捷克的全球最受欢迎的免费杀毒程序Avast!发布了全新加强版的免费杀毒软件。Avast 5不仅改进了用户界面,而且全新的行为护盾功能可以启发式检测安全威胁。专业版里包含虚拟化沙箱来防护远程和本地的执行脚本.而专业版与免费版的主要区别在于此,因此又叫“全功能杀毒软件”。“沙盒”技术与主动防御技术的原理截然不同:主动防御技术是发现程序有可疑行为时立即拦截并终止运行;而“沙盒”技术则是发现可疑行为后让程序继续运行,当发现的确是病毒时才会终止。

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

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