ice-cream
- 浏览: 329109 次
- 性别:
- 来自: 上海
-
文章列表
作为一个Web开发者，保持对未来Web标准的关注、学习和了解是很重要的。这里是一些CSS3相关的文章和资源，不管你是第一次准备去认识CSS3，还是已经略知皮毛，下面这些资源都将有助你更好的学习和理解CSS3。
英文CSS3资源
CSS3.info
看域名就知道，这是一个专门介绍CSS3的网站。所有你想了解的有关CSS3的信息，都能在这里找到。CSS3.com
又一个专门介绍CSS3的网站，包含各种CSS3参考文章和教程。Introduction to CSS3
W3C官方对CSS3的各种详细介绍。
CSS3中的几个有趣的新技术:圆角、个别圆角、不透明度、阴影和 ...
2009年2月24日，Safari 4.0
beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版
本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。
注:
绿色 / √ 表示目前支持。
橙色/ Δ 表示浏览器部分支持当前CSS选择器。
红色/ Χ 表示浏览器完全不支持。
点击上图查看清晰大图
点击上图查看清晰大图
- 2009-02-26 12:41
- 浏览 1389
- 评论(0)
距 jQuery 1.3 发布没多久，接连发布了两个修正版本，1.3.2 除了修正了一些bug外还做了一些值得注意的改变：
根据文档中的顺序返回元素
例如：
// jQuery 1.3.1 (and older)
$("h1, h2, h3")
=> [ h1, h1, h2, h2, h3, h3 ]
// jQuery 1.3.2
$("h1, h2, h3")
=> [ h1, h2, h3, h3, h1, h2 ]
.live() can now prevent bubbling.
:visible/:hidde ...
- 2009-02-24 10:25
- 浏览 1460
- 评论(0)
jquery之Image Scroller插件
图片滚动插件
- 2009-02-23 21:10
- 浏览 2287
- 评论(0)
产品设计师能做什么？借着keso和白鸦的辩论，问问自己也有作为设计师的你们。
对于设计师的工作方法：
1种选择是了解真需求，发现用户期望，做真正的创新？
1种选择是考察自身的资源能力，看看除了山寨还能如何做赚钱的产品？
我很能理解白鸦对于发现产品之外而从用户根本需要的角度看产品创新为什么那么激动，因为那是产品设计师的梦想。我们这些屁股座在设计师的位置上，其实大部
分时候只能做比山寨好不了多少的产品改进（不好意思说是创新，说创新拔高了），很无聊，觉得这样的设计师的生涯很没品，意兴阑珊。那也没办法，所谓创新思
维一般不受老板待见，而赚钱才受待见。
所以反思一下：
1、创新到底能否创造 ...
- 2009-02-13 09:49
- 浏览 1181
- 评论(0)
在构建功能型表单(一)
中介绍了一些适用于用户进行文本性输入的表单功能。
然而，有时候表单中的内容也会以数字为主。
当处理作为表单内容的数字值时，也可以实现另外几种表单增强功能。
数字表单的典型代表就是购物车。在购物车表单中，应该允许用户更新购买的商品数量，同时，也要为用户提供价格和总金额的数字反馈。
构建功能行表单（二）
1.在操作表单前先为表格应用标准的行条纹效果，美化一下表格的外观
var stripe = function(){
$("#cart tbody tr:visible:even").removeClass("odd& ...
在蓝色理想
上看到一篇用css写的对角线，觉得很有用。
把代码down下来一看，发现原来就是巧妙地运用了border属性。
以前我也曾用border属性写过三角形，http://ice-cream.iteye.com/blog/172777
和对角线的原理基本一样
css代码的精华部分
/*模拟对角线*/
.out{
border-top:40px #d6d3d6 solid;/*上边框宽度等于表格第一行行高*/
width:0px;/*让容器宽度为0*/
height:0px;/*让容器高度为0*/
border-left:80px ...
- 2009-02-09 10:59
- 浏览 2202
- 评论(3)
以前我在博客中发表过这个图片循环效果，是用javascript写的
http://ice-cream.iteye.com/admin/blogs/183237
最近在研究jquery，就用jquery改写了一下，发现代码要简单很多
jquery代码：
$(document).ready(function(){
$("img:not(:first)").hide();
$("span:first").addClass("highlight");
var time = 1;
function changeAuto(){
i ...
demo中点击按钮后div元素的几个不同属性一同变化
<script type="text/javascript">
$(document).ready(function(){
$(".button").toggle(
function(){
$(".content").animate({
width: "90%",
height:"500px"
}, 1500 );
},
function(){
...
- 2009-02-06 15:44
- 浏览 1326
- 评论(0)
方法：
$(document).ready(function(){
$("dd:not(:first)").hide();
$("dt a").click(function(){
$("dd:visible").slideUp("slow");
$(this).parent().next().slideDown("slow");
return false;
});
});
- 2009-02-06 13:41
- 浏览 1576
- 评论(2)
The sexy curls jquery plugin
Sexy Page Curls
是一个开源的jQuery插件，它的创造者为Elliott Kember
。这个插件能够让你的页面卷曲，就像上图中显示的那样，虽然这个插件与技术的相关性不大，但是它能轻易的使页面卷曲，呈现出一个漂亮的页面。
方法：
<link rel="stylesheet" type="text/css" href="turn.css">
<script src="jquery-1.3.min.js" typ ...
- 2009-02-06 12:14
- 浏览 1260
- 评论(1)
我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。
要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则：
1、如果表单里有一个type=”submit”的按钮，回车键生效。
2、如果表单里只有一个type=”text”的input，回车键生效。
3、如果按钮不是用input，而是用button，并且没有加type，IE下默认为type=button，FX默认为type=s ...
- 2009-01-23 11:00
- 浏览 1287
- 评论(1)
在网上down下facebox1.2版的源码,
重新整理了下(原来是不兼容ie6的),
附件中jquery用的是1.3版的,我只写了展示图片的弹出层。
方法：
Images
View '/facebox/stairs.jpg' in the Facebox
The Code
<a href="stairs.jpg" rel="facebox">text</a>
Divs
View the 'info' div in the Facebox
The Code
<a href=&qu ...
- 2009-01-19 14:03
- 浏览 3297
- 评论(2)
lightbox基于jquery1.3版(附件1)
具体用法参见http://warren.mesozen.com/jquery-lightbox/
Part 1 - Setup
jQuery lightbox v0.5 uses the jQuery Library. You will need to include these two Javascript files in your header.
<script type="text/javascript" src="js/jquery-1.3.min.js"></s ...
- 2009-01-16 16:58
- 浏览 2256
- 评论(2)