搜索

CSS Reddit Alien

1008

CSS很有趣。今天我用纯CSS和文本做一个Reddit alien 的 logo。它实际是一个链接,当你鼠标划上去时,会有所改变。我不是第一个用这种方式画图的人,Roman Cortes画的CSS Homer是最好的CSS ASCII 艺术例子之一。

用文本和CSS画图的好处是它是可扩展的。如果你在你的浏览器改变字的大小,alien也随着变大变小。因为文字是矢量图形——这意味着CSS ASCII艺术是矢量艺术的一种格式。这也意味着不管你画多大,文件的大小一直都是不变的。如果你需要放一个大的Reddit alien在你的网站,图片的话大于8kb。你将更会(从文件大小方面考虑)选择用CSS版本。

OO_()()OOOO/-oOOOOOOOO()()

继续阅读»

windows media player播放器把div给遮住的问题

0124

通常,我们碰到flash把div给遮住的问题。想到的解决方案都是:

IE:

	<param name="wmode" value="opaque">

Firefox:

	<embed src="/xx.swf" quality="high" wmode="transparent"></embed>

继续阅读»

Remove spaces between inline-block elements

1110

今天下午三思问我,关于inline-block元素之间的缝隙怎么去除,怎么做到inline一样?

犁地哥

其实对于这个问题的解决方法就是删除换行

删除空格

继续阅读»

[译]更简单的CSS Grid

1014

上周我谈到960 Grid System is Getting Old.出人意料地收到很多评论。好像大家用960gs是因为“黄金比例”——所有值都是偶数。我是一位设计师,不是一个网格科学家。为什么要为了适应960gs而限制你的布局?网格应该是在设计中帮你忙,而不是限制你的创造力。之前我提到的978 grid,不仅只为了增加页面宽度,而且是放宽了列间距,这样用户阅读起来更舒服。今天,我将继续上篇,对我最初提出一些观点做更进一步的阐述。(原文中的ellaborate应改为elaborate [vi. 详尽说明;变得复杂 | vt. 详细制定;详尽阐述;详细描述])

960.gs的问题

1.窄小的间距

我做了一个Photoshop效果图,来展示20px的间距在960gs是什么样的。对于现代的设计来说,这间距有点太窄小了。

960gs

继续阅读»

Email客户端支持CSS概述

0701

原文: http://www.campaignmonitor.com/css/

由于电子邮件客户数量一直呈增长的趋势,我们需要了解不同的电子邮件客户端对CSS的支持状况。这里是针对市场上10个最流行的电子邮件客户端对CSS支持做了一份概述指南。

继续阅读»

你一定要知道的9种Web CSS工具

0504

CSS Sprite Generator

CSS Sprite Generator

CSS Sprite is extremely useful to reduce the amounts of HTTP requests, however, creating them can be pretty painful process. Check this online generator, if you have images ready, this tools can generate the CSS sprite and also the CSS code on the fly.

继续阅读»

CSS Prepare

0329

Mark Norman Francis作为一个专业的网页开发者,开发了CSS Prepare,这个项目:优化CSS。

如果你够细心,你会发现自己的CSS代码中,很多是可再重新组合的。例如:
div { margin: 0; }
li { margin: 0; }
div { padding: 0; }

继续阅读»