html5 带来了什么? html5 与 css3

Posted on 三月 3rd, 2010 by dUcky in 工作, 视角 | 1 comment

html5

html5 已经被热议了很久,什么是 html5 以及它发展的情况不去赘述,要强调的是 html5 工作组得到了 Apple 以及 Google 两巨头的支持。详细可以查看维基百科关于 html5 的描述。

html5 的标签

与 html4 或者 xhtml1 相比,html5 带来了新的标签,废弃了一些旧的。举个例子,现在我们写一个普通的新闻页面里 <body> 的内容是:

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="header">ihandu.com 我们的故事</div>
 
<div class="content">
    <div class="news">
        <h1>dUcky的blog: ihandu.com 我们的故事</h1>
        <div class="detail">
            <p>i,dUcky</p>
            <p>Bio:交互设计 前端 Gfans html5 带来了什么? html5 与 css3</p>
        </div>
    </div>
</div>
 
<div id="footer">2010 ihandu.com 我们的故事 版权所有</div>

那么用 html5 该怎么写呢?

1
2
3
4
5
6
7
8
9
10
11
12
13
<header>ihandu.com 我们的故事</header>
 
<section>
    <article>
        <h1>dUcky的blog: ihandu.com 我们的故事</h1>
        <section>
            <p>i,dUcky</p>
            <p>Bio:交互设计 前端 Gfans  html5 带来了什么? html5 与 css3</p>
        </section>
    </article>
</section>
 
<footer>2010 ihandu.com 我们的故事 版权所有</footer>

终于,我们可以真正的摆脱所谓 “div+css” 的标准化了,省去了很多 class 以及 id …

继续阅读…

嘿,我是Lucky #saveLucky

Posted on 一月 20th, 2010 by dUcky in 生活 | 2 comments

Lucky

今天是Lucky被遗弃的第四天,今天Lucky回家了,贡贡把她带回了家。

四天前,拖着带血脐带的Lucky和她的三个姐妹在南京路边的塑料袋里冻得瑟瑟发抖,如果不是我们好心的女童鞋带回公司宿舍,可能早就被冻死。虽然悉心照料,但是很不幸,狗狗太年幼,白天也没有人照顾,有两只在下班回去的时候身体已经冰冷,一动不动…

继续阅读…

音乐 爱与和平“上太空说”陶喆2009南京演唱会

Posted on 十二月 9th, 2009 by dUcky in 生活 | 0 comments

David Tao

持续两个半小时的演唱会,没有华丽的灯光,没有热闹的舞美,甚至也没有一般演唱会结束时喷射的彩片。只有一张沙发?一些古旧的家居摆设?电视机?还有地球仪?欢迎来到陶喆的客厅,这里只有 music, love & peace.

由于12月上海演唱会的取消,所以很多上海的歌迷都来到了南京,在停车场还看见了上海来的大巴。几个地方歌迷聚集在五台山体育馆,来到原本应该是客人的陶喆的地盘做客。

继续阅读…

谢谢Eason“90分的快活”陈奕迅2009南京演唱会

Posted on 十一月 29th, 2009 by dUcky in 生活 | 0 comments

eason

谢谢Eason,带给dUcky和Lynn一个疯狂的夜晚,超过“90分的快活”。从8点开场到10点结束,南京五台山体育馆,整整120分钟,全场的观众都站着“唱”完了演唱会,一个大型的KTV。Eason保持他搞怪的风格和实力的唱功,气氛非常high。

继续阅读…

推荐 Android 上 5 款有趣的应用

Posted on 十月 31st, 2009 by dUcky in 数码 | 2 comments

logo-android每天习惯性的去看看有什么新的应用和ROM可以折腾,很多的应用安装之后又卸载,总算找到了几款有趣的,在这里记录一下。

1. Shazam
很Cool的一款应用,能听出你想知道的歌曲的名字。是不是经常听到一段好听的曲子却不知道是谁的歌?现在只要你打开Shazam,把手机话筒对准音箱,几秒钟以后,Shazam就会告诉你这是谁的歌,并且可以推荐你在youtube上搜索视频。

shazam

我试了一下,英文歌很准,有些中文歌是英文的名字,另外很多新的歌都有,陶喆最新的《69乐章》专辑里的歌Shazam都听得出来哦…

继续阅读…

Lets Wave – 惊喜的 Google Wave 邀请

Posted on 十月 14th, 2009 by dUcky in 视角 | 22 comments

google wave logo

折腾了好久的Google Wave终于折腾到我头上了…之前第一批测试用户很少,而且没有邀请。这次大概有10万用户受邀测试使用Google Wave服务。

下午还在开会的时候收到一封标题为《Your invitation to preview Google Wave》的邮件,真的是不敢相信。看了内容,应该是很久以前递交过给Google一份使用申请,没想到这次还真的排上我了…

google wave invite

“Thank you for signing up to give us early feedback on Google Wave.” 应该是就因为这个吧。

继续阅读…

Android 中的魔术师 HTC G2 Magic

Posted on 十月 8th, 2009 by dUcky in 数码 | 0 comments

g2-04

由于我之前的手机悲剧性的丢在了厦门,所以一回来以最快的速度入手了HTC G2 Magic。其实一心想入G1的,但是丹凤街G1缺货,而且G2的价格和G1几乎差不多,大概贵200左右,入的价格是2440米,要比G1轻薄很多,毕竟少了一个键盘。上面看到的是G2 Magic有趣的解锁。

继续阅读…

你好鼓浪屿。五昼夜(第二天)- 厦门自助游记

Posted on 十月 8th, 2009 by dUcky in 生活, 美食 | 0 comments

xiamen-14

早上起来,天气还是很好,终于可以在白天打量一下厦门这个城市。今天的目的地是鼓浪屿,我们将在岛上住一天,一路直奔轮渡码头。人很多,轮渡到鼓浪屿是不要钱的,但是回厦门市区每个人要8元。我们住的酒店离轮渡不远,所以边走边看,也很安逸。

继续阅读…

你好厦门。五昼夜(第一天)- 厦门自助游记

Posted on 十月 2nd, 2009 by dUcky in 生活 | 1 comment

xiamen-01

国庆,飞机晚点,到达厦门机场的时候已经19点30多了。我们第一天订的是厦门城际快捷大中路店的雅致房,打电话说:出了机场左转到汽车站,坐27路到轮渡。结果当天花车巡游,很多路都戒严…所以走了很长一段,好的地方是酒店离中山路步行街很近,也就在中山路步行街逛了逛。

继续阅读…

你好厦门。五昼夜(第〇天)- 厦门自助游记

Posted on 九月 28th, 2009 by dUcky in 生活 | 0 comments

厦门手绘地图

第〇天,因为还没有出发。都说这个时候去人多,但是怎么办呢?只有这个时间有空啊…原来打算10月2日早上出发去厦门,10月5日晚上回南京,4天时间。但是只有每天下午5点40多的机票有打折,所以就提前到10月1日下午出发。

去之前肯定要做很多功课,在网上收集了一些游记,在这里看我收集的厦门自助游攻略。没有排版,看起来很费劲,但是如果第一次自助去厦门,还是要好好看看。同时在网上找到了厦门和鼓浪屿游玩的手绘地图,当然是扫描版的,感谢提供地图的那位博主。

继续阅读…