CSS3:Transition属性详解

分类:HTML5、CSS3 发表时间:2011年04月20日

因博客服务器瘫痪,上周的所有数据丢失。该文为恢复后补发。

暂时不做HTML5读书笔记的更新,下一篇再继续。临时性地插入CSS3新属性的详细介绍,以便可以和HTML5的知识结合起来合理应用,这样达到两者配合。

Transition属性主要是用来对某个CSS属性的变化过程进行控制,官方的介绍是”CSS Transitions allow property changes in CSS values to occur smoothly over a specified duration.“。而我个人则简单地理解为”在某个时间段内,平滑地改变某个CSS属性。“。

Transition又包含了四个子属性,分别为property、duration、timing-function、delay。下面来一一介绍,在最后会给出一个简单的实例和使用方法说明。

HTML5:《HTML5. Up and Running》读书笔记.Chp4.Canvas

分类:HTML5、CSS3 发表时间:2011年04月1日

《HTML5》的第四章节主要是对Canvas标签的属性以及相应的API进行了介绍,给出实例,这样学习起来就更加地容易和生动。

今天是愚人节,特意选择今天更新一篇博文。倒不是因为文章的内容和愚人节有什么关系,只是做个纪念。同时也是纪念一下哥哥(张国荣)去世8周年。

给出五个简单的实例,通过这些实例可以对Canvas的API有一个简要的认识和了解。在代码中也附加了注释,这样可以清楚地了解该行代码的含义。

HTML5:《HTML5. Up and Running》读书笔记.Chp3.Elements

分类:HTML5、CSS3 发表时间:2011年03月21日

即上篇的特性章节之后,继续更新我的HTML5读书笔记。本篇主要记录一些标签方面的更新注意事项。一些普通的header、nav、article等标签的用法网上是一大堆,我只是把我觉得这方面重要的内容或者不容易记住的内容做了一个备份。

这些新的HTML5标签在IE8及以下版本中都不能支持,这就需要在页面加载之前使用JS动态地创建HTML5新标签,以实现页面的正确的渲染。当然这样处理并不是万能的,在处理一些AJAX交互时,就会出现返回的HTML5标签无法正确解析的问题。此时就需要HTML5 innerShiv来解决了。

HTML5:《HTML5. Up and Running》读书笔记.Chp2.Features

分类:HTML5、CSS3 发表时间:2011年03月15日

HTML5最近确实很火,逼的我不得不继续自学下去。去年年底的时候看了一些《Pro HTML5》的章节。因为过年,后来就断掉了。除了一些练习的代码外,没留下什么笔记。

年后没多久我就开始看起了《HTML5. Up and Running》这本书,中文版《HTML5揭秘》已经上市。我到今天也看到了第六章。摘取了一些扼要的东西,做了一些简单的笔记,以便以后的翻查。Everbox这个时候就发挥到了作用,让我随时随地想翻的时候都可以翻一翻。

这篇文章只是开篇,后面会陆续有些我自己的笔记分享,很简单的文字。

CSS:区分IE版本的三个方法

分类:CSS、XHTML 发表时间:2011年03月2日

虽然我们从心理上都不愿意去处理IE的bug,但我们不得不面对老板和浏览者们仍然在使用IE。介于不同浏览器有不同的渲染器,这往往会使开发者们感到很沮丧。我们通常使用IE条件判断语言来处理IE的CSS问题,但其实还是有其他的一些方法来处理IE的CSS bug的。

一、IE条件判断语句; 二、CSS规则(IE CSS hacks); 三、HTML条件判断,给出不同的className。

本文翻译自:CSS Specific for Internet Explorer

Javascript:图片无限循环滚动

分类:Pure Javascript 发表时间:2011年02月24日

早前为一位博友写了一个走马灯效果(增强型走马灯公告栏,可以抛弃marquee标签了点击看效果),但时是基于jQuery库写的。效果实现的优点牵强。而且当时的效果是页面加载完后一片空白,只有开始播放后才从底部出来。

年前用wordpress给公司做内部信息分享平台时,有一块是用来横向无限循环播放展示team building的图片。之前的效果不适合,便又写了一段原生的js来实现。主要实现原理是间隔时间地设置一个overflow:hidden;的div的scrollLeft。

软件:使用IntelliJ IDEA,高效前端开发

分类:开发软件 发表时间:2011年01月11日

首先,我承认这个标题完全是我对IntelliJ IEDA软件的一个个人使用范围的推荐。其实IntelliJ IEDA的主推还是Java IDE,这点大家可以到官网上看到。

我也是从上周才知道(看了一个Taobao前端的博客推荐)有这么软件的,软件的使用体验也才几天而已。我只能把我认为好的地方推荐给大家。IntelliJ IEDA是有两个版本的,一款是Community Edition,另一款是Ultimate Edition。很明显一款免费、一款收费,免费的功能模块就少了。

好在我在网上找到了注册机,下载吧!进内页看看几点特性介绍吧。

Javascript:根据指定日期获得星期数

分类:Pure Javascript 发表时间:2010年12月30日

今天在写一个简单的日历程序,写着写着发现没办法把日期和头部的星期数对应起来,便通过Google搜索到了这个叫做“蔡勒(Zeller)公式”。根据这个公式写了个方法,发现还是蛮管用的。

不过就这个格式描述(见内页)来说少讲了一点,就是计算出来的结果若为负数的话,就需要再加上7,这样得出来的结果才是正确的。

当然这个公式不仅仅适合与JS,其他语言也可以写出来。原理一致…

Python:Beginning Python['paiθən]

分类:Python 发表时间:2010年12月7日

最近一直在看《Beginning Python》这边书,之所以选择英文版,一是最近在公司看的都是英文文档和电子书,阅读有所提高;二是看豆瓣对这本书的中文版的评论不是很好,因为是多人合作翻译的,所以说这本书翻译的不是很好。所以我的打算是看一本英文的基础书籍,然后再选择一本中文的中高级书籍。

最近比较闲,临近圣诞、新年,公司客户方都忙着过节了吧。乘着这段时间多看看专业书籍,提升一下自己。虽然会一些PHP,但我的主要目标还是放在前端,所会的那些PHP够我折腾Wordpress就可以了,根本就没打算用到工作中去。之所以选择学习了Python,主要是发现好多做前端的都会去选择这本服务器脚本语言。而在一些招聘信息上也会去要求前端会Python语言。

CSS:position属性定位总结

分类:CSS、XHTML 发表时间:2010年11月25日

在写这篇文章之前,我一直以为css中position定位时一直是读取最后出现两个方位属性的值。昨天给一同事演示jQuery的animate特效时,我试图通过js来控制已经设置过top和left的DIV的right属性为0,以达到滑动到最右边的效果。结果没有效果,很是郁闷。

早上写了一些关于postion的样式做测试,发现不论给某个DIV设置了多少个方位(当然最多到4个),也不管存放的顺序是如何颠倒,它的读取顺序依旧是top-bottom-left-right.很符合日常所说的“上下左右”规则。这与我之前理解的不相符合。

第 1 页,共 12 页12345678910...最旧 »