26 th

August,2010 | CSS

6款极具实用性的CSS工具

Tags: , ,

目前，随着CSS3的日益流行，开始有越来越多的网站使用CSS3了。可是，目前市面上并不是所有的浏览器都能很好的支持CSS3属性,可能需要对不同的浏览器编写相应的属性或者说是编写hack之类的。如果你也是一个刚开始学习CSS3的新手，就跟我一样，都想让自己提升得更快，那么在此推荐几款CSS3的工具，希望能对你有所帮助。这也是本人最近在网上以及在工作中所接触到的一些。

CSS3 Please!

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

CSS3 Selectors Test

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

17 th

April,2010 | Web

推荐4款最新的Web开发工具

Tags: , , , , ,

随着CSS3新特性的展现，HTML5也开始展露头角。最近，听说WordPress将要把自己的版本提升到了3.0了。于此同时，iPad如约而至高调上市,上市没几天就卖了30多万台，乔布斯还是那么的强悍！搞的自己心里也痒痒的，什么时候也能拥有一台iPad啊！
针对这一系列的新鲜事，在这里向大家推荐几款开发工具，相信对大家会有所帮助！

CSSDesk – Dynamic CSS Sandbox

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

31 st

March,2010 | CSS

怎样选择正确的CSS框架

Tags: , , , ,

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

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

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

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

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

Blueprint CSS

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

11 th

March,2010 | Web

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

Tags: , , ,

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

Firebug

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

Interesting? … Continue Reading… »

22 nd

May,2008 | JavaScript

解决多个window.onload引起的冲突

Tags: , , ,

我们在网页中可能要插入多个JS，可是如果在两个JS的代码中都使用了 window.onload,可能会出现两个JS不兼容的现象。可能就显示其中一个JS，而另一个就被忽略了，也就是同一个网页中不能出现两个 window.onload。这次本人在编写网页的时候就遇到了这个问题，因为如果只用一个JS就显得有点单调，如果重新编写JS代码又感觉太麻烦。这时我们就要用window.attachEvent和window.addEventListener来解决问题了。 Interesting? … Continue Reading… »

02 nd

February,2008 | JavaScript

SWFObject ——让你页面上的Flash显示更完美

Tags: , , , ,

最近看到了好几个Flash网站，head代码里都加载了一个 swfobject.js，这个JS究竟有什么作用呢？眼下正在做一个Web页面，说不定刚好可以派上用场。于是，好奇的搜索了一下。原来这是老外开发的，用于在HTML中方面插入Adobe Flash媒体资源（*.swf文件）的独立、敏捷的JavaScript模块，该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。目前最新的版本是1.5，这里可以下载最新版的SWFObject:

http://blog.deconcept.com/swfobject/swfobject_source.js

Interesting? … Continue Reading… »