摘要: 翻译自:web designer wall你是否厌倦了自己典型的死板的盒式设计?这次来学习下如何打破盒式设计做一点有创造力的事情。在这片文章中我收集了一些精彩的破盒设计。我也提供了一些运用背景图片和CSS的position属性等便捷的CSS技巧示例来说明如何进行具有活力的破盒设计。示例1:Huge IncHuge站点引起我兴趣的地方是它的header设计。请注意如何设计元素破盒的。 示例2:Ja... 阅读全文
posted @ 2009-12-18 21:48 island205 阅读(512) 评论(0) 推荐(1) 编辑
摘要: 翻译自:web designer wall如果你用<div>处理所有的web前端设计,这篇文章正合适你看看。它关注于使用尽量少的<div>标签,如何使用语义化的标签写出干净简洁的Html编码。你有没有遇到过编辑别人的html模板,头疼于其凌乱而无意义的标记?编写干净的语义化的html模板不单单只对你个人呢有好处,对团队也大有裨益,在编辑和调试一个比较大的项目将会更加有效率。... 阅读全文
posted @ 2009-12-18 20:08 island205 阅读(992) 评论(0) 推荐(1) 编辑
摘要: 翻译自:web designer wall自从2007年以来,我每年都做一个该年度最好的css设计网站画廊收集(07集与08集),又到了一年的这个时候了——2009年最棒的CSS设计。我选了50个精美的网站,我发现在他们之中有很多的是拥有优美的serif 字体的简约精美的设计。粗略的写生风格任然很强势,然而,大背景的设计不在像2008年一样如火如荼,取而代之的是纹理背景的流... 阅读全文
posted @ 2009-12-18 16:00 island205 阅读(317) 评论(0) 推荐(1) 编辑
摘要: 翻译自:web designer wall这里说的有用的5个css特性是大家所熟悉的。没有涉及到css3.0的内容,都是css2.0标准里面的。clipmin-heightwhite-spacecursordisplay差不多所有浏览器都支持这些特性,所以千万不要错过这篇文章,你一定会惊奇于他们是如此的有用。1.css clipclip特性裁减一个绝对定位的元素。将元素的position定为abs... 阅读全文
posted @ 2009-12-18 11:19 island205 阅读(378) 评论(4) 推荐(1) 编辑