Tag Archive for css


Designoogle:网页设计搜索引擎

Posted in Webtools 2008-01-26 CommentsCommentsComments,,,,

Designoogle是一个有关CSS,网页设计等等的搜索引擎。
Designoogle
其使用Google Custom Search进行搭建,汇集了超过100多个不同的网页设计站点。用户能够通过它快速地搜索到关于网页制做的种种信息。

用户也可以联系站长来添加其它相关的网页设计网站来丰富此搜索引擎。

Stylish样式推荐:Gmail Auto Hide Header

Posted in Software 2008-01-07 CommentsCommentsComments,,,

以前曾经强烈推荐过Stylish来定制Firefox下的网站样式,不知道大家都有没有使用。
gmail auto hide
今天发现了一个叫做Gmail Auto Hide Header的样式,它能够自动隐藏Gmail顶部包括搜索栏在内的众多内容,而当鼠标移动到顶部时则会自动出现,极大的扩展了阅读空间。当然,去除广告,Chat栏,邀请栏的Gmail - no ads, no chat box也是必装的哦。
google reader after
另外也分享一下自己现在定制的Google Reader - Super Clean样式,虽然OS X Style很华丽,不过我还是喜欢更简洁一些的。

使用之前须安装Stylish这个插件,同时对于一个站点的多个样式最好自己合并一下。当然如果你认为自己是高手,也可以去参考代码手动修改Firefox个人Profile的userChrome.css。

XRAY:查询网页CSS属性

Posted in Webtools 2007-12-25 CommentsCommentsComments,

XRAY提供了一个在线快速查询网页CSS属性的服务。
xray
只需要把此XRAY链接添加到浏览器收藏夹,在访问任何网页时,点击此链接,便可以激活,然后点击页面的任意部分便会显示出其像素位置,高度,宽度和CSS的边框,Margin, Padding等CSS属性信息。

比较简单的应用,目前还不支持显示颜色,字体等信息,但能量出每个区域的宽度,高度还是很方便的。如果你使用Firefox浏览器,也可以使用更加强大和专业的CSS Viewer插件来查询网页上的CSS属性信息。

CSS Builder:在线CSS编辑器

Posted in Webtools 2007-10-29 CommentsCommentComments,,

前两天刚刚介绍过一款编辑CSS的软件,现在又发现了一个在线版的CSS Builder
css builder
同样可以选择或者自行设置Tag,之后便可以进行设置文字,边框,背景,位置,列表等等样式属性,然后便可以输出此Tag下的CSS代码了。

Simple CSS:CSS编辑软件

Posted in Software 2007-10-26 CommentsCommentsComments,,

Simple CSS是一款简易的CSS编辑软件。
simple css
用户可以通过不同选框来设置Calss, ID和自定义Tag的文字,显示样式,边框,尺寸等等属性,能够输出格式标准的CSS代码,同时支持导入已有的CSS文件。

能够把导入的CSS文件进行自动格式化输出,包括一些空格和换行的自动调整。但是输出的CSS文件代码没有采用缩略形式,而是会包括像maring或者padding的left, right, bottom, top等不同属性定义,建议输出之后采用CSS优化压缩服务进行处理。

Name that Color:颜色名称查询服务

Posted in Webtools 2007-09-11 CommentsCommentComments,

Name that Color提供了一个查询颜色名称的服务。
Name that Color
可以拖拽,输入CSS hex#颜色代码,或者是从下拉选单中选择不同名称来在1500多种颜色之间进行选择,同时支持相应的RGB代码显示。

对于想用英语表达一种颜色时,使用Name that Color还是很方便的。