摘要：
在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高，这可能是版面的限制和用户通常只转播或者评论一个短句有关。但是当你输入超过一行文字的时候，文本框的高度就自动撑高了，大大改善了体验，这样用户就可以看到全部的文字。不用再去拖动文本框的滚动条。如图：新浪微博：@feiwen8772(我的新浪微博，顺便做个广告，^_^)腾讯微博：@feiwen8772(我的腾讯微博，顺便做个广告，^_^)这些在平时的项目中挺实用的，所以抽空封装了一个文本框根据输入内容自适应高度的插件-autoTextarea：01(function($){02$. 阅读全文
摘要：
转自http://ucdchina.com/snap/10289前段时间，突然想去看看奥巴马的网站是怎么设计的，于是Google到了Change.gov。刹那间眼前一亮---简洁大气，充满了成熟之美。一直想写篇赏析来学习下Magicwan的设计，一直拖到今天(懒惰的人啊)一.Background深蓝色背景，给人踏实，稳重，具有可靠信赖感。二.Head1.在logo和辅助图形之间，没有使用100%的直线而是一条柔和的渐变线。即没有破坏head的统一感，又起到了区分logo和图形的作用。2.背景没有使用纯白色而是抹了一些浅浅的灰色，不仅起到了图像化的效果，而且颇具韵味。或许灵感来自白宫建筑群的颜色 阅读全文
摘要：
前段时间专门研究了一下腾讯微博的Tip，很有意思！tip中的小箭头是用“◆”（encode为：◆）字符模拟的。以前也写过类似的实现方案《用css的border属性实现三角》。用“◆”字符模拟小三角有一个有点就是：比如tip有border时，也可以用两个绝对定位的“◆”字符模拟。如图：注意：最好根据您的实际情况设置“◆”的字体，我这里用了宋体，有棱有角真好！demo页面：http://www.css88.com/demo/tipbox/转载请注明转自《Tip中小三角的实现》 阅读全文
摘要：
最近在做一个项目，需要知道一个网页是否适合手机浏览，想了点方案。1.域名: 二、三级域名中包含有m 3g wap mobile 的算是。当然像 mobile也有坑爹的 比如像mobile.qq.com，mobile.yahoo.com2.网页的DTD: XHTML MP 或 wap<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><!DOCTYPE wml PUBLI 阅读全文
摘要：
.box-shadow{filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for ie6,7,8*/background-color: #eee;-moz-box-shadow:2px 2px 5px #969696;/*firefox*/-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/box-shadow:2px 2px 5px #969696;/*opera或ie9*/} 阅读全文
摘要：
IE6下使用DXImageTransform.Microsoft.AlphaImageLoader滤镜（用于PNG32 Alpha透明）后链接(包括一些点击事件)不能点击的BUG。解决办法：在需要有点击动作的层级下面制作另外层级A，层级A制作滤镜效果；把所有内容放在层级B中，层级B背景透明，无背景色。注，层级B高于层级A。绝对定位到相同位置。-------------------------------------------------------------------------------------------------------------------------------- 阅读全文
摘要：
Swiffy可以把Flash文件转换成HTML5标准。有了这个工具，你只需上传.swf文件，然后就可以将其转化为HTML5标准，显示效果和Flash一样（文件格式为JSON）。点此链接亲自体验 阅读全文
摘要：
从事互联网前端开发工作已经有一段时间了，遇到过不少的问题，也解决过不少的问题，但是始终没有坚持下来把工作中的技术问题总结下来，在这里占用一块儿地儿发展一下总结工作。 阅读全文