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这个时候就发挥到了作用,让我随时随地想翻的时候都可以翻一翻。

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

Range:文本框选区学习笔记

分类:Pure Javascript 发表时间:2010年11月22日

有一段时间没有看《Javascript高级程序设计》了,最近重新接着看起,发现新的两个勘误,已经提交给为之漫笔了。

昨晚看到了文本框选区跨浏览器处理的部分。之前参加的交流会上,Taobao的前端分享过他们的Editor,主要的技术也是Range的应用。Range主要还是用在即见即所得Editor中,本文纯粹是做笔记之用,为避免以后自己遇到这样的需求而到处搜索,不如在自己的Blog上做个标记。

也做了个Demo页面,有兴趣的可以点击了查看效果。

Sizzle:开源JS选择器,如何自定义选择器

分类:学习笔记 发表时间:2010年08月12日

早上看了百度泛用户体验博客的博文初探 jQuery 的 Sizzle 选择器,让我对Sizzle选择器的知识又更加地深入了解。之前我就知道jQuery中有一个开源的Sizzle选择器程序,可以独立于jQuery单独使用。而在jQuery中使用到的各种强大的选择器都是通过Sizzle来解析返回值的。

Sizzle代码及注册; ‘:header’的用处; 如何自定义选择器; Sizzle选择器流程图

John很强大,感谢他让我学习到如此美妙和优雅的代码。

PHP:pathinfo()获得文件的路径、名称等信息

分类:PHP 发表时间:2009年12月11日

path-logo

最近试图着去阅读一些PHP编程的资料,希望通过学习可以掌握好这门开源的后台编程语言。函数是编程语言的主要组成,所以多熟悉PHP语言内部函数的应用和意义,对我以后的PHP编程意义重大。

近两个月来我的js编程有了很大的提高,在借助与jQuery库的帮助下,着实写出了一些很多行实用的代码,运用到了项目中。所以我有了一个想法,我想我的下一个WP主题要使用大量的js来是想效果,运用一些Ajax的特性,使得我的博客更加地人性化。但因PHP编程不熟的原因所以只能推迟。

在PHP中,若想通过函数获得一个文件的路径、名称,或者是扩展名等,是非常容易的一件事。可以使用dirname()、basename()、pathinfo()等多种途径获得相应的信息。

该文内容为个人学习之用,不关心的朋友可以不做理会!

WordPress:将文章自动显示为两列

分类:Hack技巧 发表时间:2009年11月25日

two-columns

很多博客都有一行显示多个post文章的样式,他的原理其实非常简单,今天找到一段php代码,只需在functions.php文件中添加上,那么你的文章也会多列显示,非常实用!

1.打开functions.php文件,添加相应的php代码,通过判断是否是第二次输出来给出左右浮动的div标签。

2.完成在functions.php文件中添加好上面的代码后,记得打开style.css文件,添加上样式代码。

那么同理,我们可以根据判断$i变量来输出3列、4列等。

Javascript:面向对象之静态、公有、私有、特权对象

分类:Pure Javascript, 学习笔记 发表时间:2009年09月10日

javascript-objects

虽然我对jQuery库的应用比较熟悉,但对他的内部实现机制还是有许多懵懂之处。于是乎,近日开始学习Javascript面向对象编程。在此学习过程中,会整理一些笔记发布在我的博客上,也提供给和我一样不理解Javascript面向对象编程的朋友一些小小的帮助。

今天就对面向对象编程的几个对象类型做一个实例总结。

1. 静态对象;    2. 公有对象;    3. 私有对象、特权对象。

PHP:数组排序函数大总结

分类:PHP 发表时间:2009年08月20日

array

上周去得到一个面试题,题目是这样的:PHP中sort()、asort()、ksort()函数之前的区别是什么,在什么情况下改用哪个函数?我当时的答案就不在这公布了,呵呵,总之不对的。

回来后一直在揪心啊,于是翻了一下书本查阅,给我知道了答案。为了记住它们,我决定来一个数组排序函数大总结。

数组排序函数大全:sort()、rsort()、asort()、arsort()、ksort()、krsort()、reverse_array()、shuffle()、usort()等

第 1 页,共 2 页12