html5

Coda2 Video tag

-
Free tags: 

Coda2 是一個最近發佈的 editor
因為介面使用很友善而很火
但我並不是談它的好, 而是它首頁上的 demo video

它的 demo video 原本沒有甚麼特別
但細心一看之下, 使用的是 <video>
mov 和 webm 雙 codec 也是正常普通技術

但我在觀看的時候暫停了一下
而它仍然有移動, 引起了我的注意
再番看才發覺, 是使用了 css3 作的 pan 的動作
video 本身的取鏡是沒有移動的, 是一條 1920x1080 的片
後加 transform, transition 等等後製
你細心留意的話還可以看到是使用了 3d transform 而沒有反鋸齒的

我不知道是為了方便還是一個實驗性的項目
但的確是有創意, 大膽的嘗試
我會因為這事而更加留意 Panic 這個團隊和它們的產品

weekend project: My 2011 Fall resume in HTML5

I just think I want to try out some webkit transition and animations
And I always think a web developer/programmer should have an online resume
so this is the weekend project

It do not use any new tags like article,
but only all those webkit transition and transformm, acting like slideshows
Nor i am an art designer, so i keep it really minimal in design.

Google