转自 http://webteam.tencent.com/?p=1503
翻译自 Russ Weakley 的Line Height
IxEdit是一款基于jQuery的,专门面向Web程序员和设计师量身定制的可视化交互设计工具.
官方网站:http://www.ixedit.com/
虽然目前IxEdit还处于beta阶段,但功能已经非常强大了.
IxEdit的界面:
Continue reading
IE6是个”神奇”的浏览器,其原因想必做前端的同行们都深有体会,:)作为我个人而言,最反感的就是IE6不支持除A以外的hover伪类,再一个就是它不支持png图片的alpha透明度.当然此类问题已有众多的解决方案,这里只是总结下自己常用的IE6下实现png半透明的方法以及适用环境.
1.使用滤镜,适用于单一png背景图片的快速部署;弊端:消耗资源比较多,方法比较繁琐.
提示：你可以先修改部分代码再运行。
2.使用JS(pngfix.js),适用于插入png图片的部署;弊端:pngfix.js会影响到CSS的布局,如demo中img设置了margin,但在浏览时却无效,而且资源消耗较大.
Continue reading
过去我们分享过很多天才和大方的设计师制作的大量图标，这些图标对我们在前端设计和开发中起到了很大的作用。现在我们整理一批2009年出现的最好的图标给大家，这些都是值得收藏的，合理的使用它们会大大的提高你的工作效率和设计效果。
阴影效果是在设计中比较常见的,它可以增强页面的立体感,给用户带来更高的视觉体验,常规的制作方式是用图片来完成,而这里就介绍几种CSS方法来实现阴影效果.
简单的图片阴影
先来看看效果:
提示：你可以先修改部分代码再运行。
原理:代码很简单,主要是用到了相对定位:position:relative;并通过top:-5px; left:-5px;使图片产生向左以及向上的位移,使原来被遮挡住的box-shadow得以显现,再加上灰色的背景background:#f4f4f4;最终形成阴影效果:)
Continue reading
