搜索

用Jquery玩玩Font

0709

Ashung给我看他的08年写的一个”web font v 0.3“的页面,偶也用jquery小玩了一下,嘿嘿,在线演示

web font

继续阅读»

Multiple Borders with Simple CSS

0707

不用多层div嵌套,不用图片,我们只要用简单的CSS就能实现多层边框的效果,其方法是通过:after 和 :before 伪类。效果如下图。

multi-border-with-simple-css

继续阅读»

Email客户端支持CSS概述

0701

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

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

继续阅读»

Red – 雷德怒潮

0629

The film, Red, turns good and evil inside out. Everyone loves Avery. He is a dog-lover, war veteran, fisherman, beer drinker, and widower living in a typical small American town. He has a kind, sincere face, weathered by life and soulful eyes that belie a secret tragedy. Three teenaged boys accost him while he’s peacefully fishing at his favorite spot. When Danny, the main bad boy, shoots his beloved dog, Red, in cold blood and for no apparent reason, it’s repulsive. Even more so, when Avery tracks down the boy’s rich father, he denies it and uses his influence to stop Avery from getting any sort of justice.

red-movie

继续阅读»

Hack for Webkit: Filter for Chrome and Safari

0628

To target only webkit, which includes Google and Safari, encompass all the CSS that you want to use just to target Webkit in the following @media block:


@media screen and (-webkit-min-device-pixel-ratio:0) {
     .myClass { background-color: #FF0000; }
     #myId {color: #0000FF;}
     p, a, li {text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);}
}

继续阅读»

JS:Math.ceil(),Math.floor()与Math.round()

0620

JavaScript: The Definitive Guide, 4th Edition中对Math.ceil(),Math.floor()与Math.round()三个函数的定义。


document.writeln("Math.ceil(4.8992303)输出结果:"+Math.ceil(4.8992303)+"<br/>");
document.writeln("Math.floor(4.8992303)输出结果:"+Math.floor(4.8992303)+"<br/>");
document.writeln("Math.round(4.8992303)输出结果:"+Math.round(4.8992303)+"<br/><br/>");
document.writeln("Math.ceil(4.29993354)输出结果:"+Math.ceil(4.29993354)+"<br/>");
document.writeln("Math.floor(4.29993354)输出结果:"+Math.floor(4.29993354)+"<br/>");
document.writeln("Math.round(4.29993354)输出结果:"+Math.round(4.29993354));

继续阅读»

JS:Array的pop,push,unshift,shift

0619

js的array:pop,push,shift,unshift

pop()

定义

该方法将删除数组的最后一个元素,并把数组长度减1,并且返回它删除的元素的值。如果数组已经为空,则pop()不改变数组,并返回undefined。

语法

arrayObject.pop()

继续阅读»

用户体验,设计上的小细节

0617

卓越亚马逊的首页轮换图片,每刷新一次,都是随机不同的顺序显示,这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题,这点对于电子商务等时效性不是很讲究的网站来说尤其重要。

joyo

继续阅读»

CSS3 Raindrop

0608

This pure CSS3 raindrop is simply gorgeous. It uses a number of gradients as well as other tricks for a stunning image-less result.

raindrop

继续阅读»

让IE支持HTML5标签

0530

在John Resig的“HTML5 Shiv”和Remy Sharp的“HTML5 enabling script”,均是用脚本创建新的HTML5标签的dom元素。

因此我们可以引用这样的脚本:

  1. (function(){
  2. if(!/*@cc_on!@*/0) return;
  3. var html5 = “abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video”.split(‘,’),
  4. })();

继续阅读»