WebRebuild重构人生,yay!

July 19th, 2010 § 2

上周六去了WebRebuild.org主办的front end conference。

感觉很好很不错，可以向一班新朋友学习，又可以借机会来北京。其实之前已经在网上读过一些人的blog或ppt，终于有机会见到真人。比方Tommy米饭，Joseph定宇。当然还有有时很烦的周裕波。我这次演讲中提到的Div＋CSS这个重构概念，也是从Tommy以前的演讲学回来的。

这次真的可以看到北京和中国的前端社区如此活跃，给我感觉就是一个大家庭，大家都非常relax和enjoy。这次活动其实一再让我觉得国内的程序员的一个隐忧，大家在支持standards之于，也非常担心legacy browser，象IE6，IE7对standards的阻力。同时有点surprise中国已经那么多前端尝试CSS3和HTML5，这点我觉得很respect，因为毕竟中国还是有很多人在用IE6，程序员跨出一步尝试新的standards，也是为standards尽一种力量。

我自己就分享了一些我在Opera领悟到的一些HTML5发展史，然后当然要show一些HTML5和CSS3demo。

最后一个神秘嘉宾人人叫他纹身佬，分析浏览器怎么解析一些标签的解法，其实我还真的学习不浅，搞得我自己都不好意思，做浏览器却不懂这些。还有一点就是这次听了W3C的Klaus Birkenbihl讲到RDF，还真的需要去补一补microdata,RDFa,microformat的咚咚。

Anyways，说真的，明年如果有机会一定要去。特别是周裕波哭的场面，真的搞得我很够感动。ok，废话不说我在Opera的ODiN blog也写了一个比较正统的post。

前端加油！

HTML5 CSS3 newspaper demo

June 29th, 2010 § 1

HTML5 CSS3 Demo

I’ve meshed up a HTML5 and CSS3 demo in the form of the New York Times. No JavaScript involved in the making.

HTML5 Video – I’m using a nice animated video called the Elephant Dream, the video is encoded in WebM. WebM is the newly announced royalty-free media file format. Google, Firefox, Opera and others have announced support for this new format. Currently WebM video works in Opera labs build, and a special Firefox nightly. Opera 10.6 beta will be having WebM support too.

Since Google is the main force behind the WebM project, we should see Chrome support soon as well. (They are the ones who bought a company called On2 Technologies, opened up On2’s video codec and made it into the WebM project).

Safari has not announced support for WebM, not yet at least. You can encode HTML5 Video in H.264 to get Safari working. For older versions of browsers that don’t support it, you’ll probably see an image placeholder.

CSS3 – Well, it’s mostly Transitions/2D Transform and Borders/Background/box-shadow. They make things such as sliding and shadow effect possible.

Transitions work in Safari, Chrome and Opera, but not Firefox. It is suggested that Firefox 4.x will support transitions. So for now, Firefox users will not see the “smooth” transitions of certain news item in the The New York Times.

The rest of the CSS3 stuff should work in all four browsers.

Web Fonts – The newspaper title uses Web Fonts. With Web Fonts, designers are not anymore limited to the font types available on a user’s computer. So now lots of funky fonts can be downloaded to the browser and displayed. It works on Safari, Firefox, Opera and Chrome. For some reasons though, Google Chrome has decided not to enable it by default (yet), you’ll need to either to turn Web Fonts on in Google Chrome or just look at plain fonts instead.

The fonts used is Old English taken from FontStruct, they have some nice creative commons licensed web fonts.

Note1: For all the CSS3/HTML5 stuff mentioned to work, best use Opera Video Labs build or Opera 10.6xbeta. Safari renders very nicely too, but without the video.

Note2: the original layout of the newspaper demo is adapted from Daniel Davis’ Japanese Web Fonts showcase.

Upperdog

June 27th, 2010 § 0

Siden detter er min først innlegg på Norsk, jeg blir skriver om en Norsk filmen – Upperdog.

På overflaten, detter er en trist historie om fire mannsker. Først er en mann hvilken drept en civilian i operasjon i midtøst. Andre er en søsteren og en bro som ble adopted fra Asia til Norge. De er seperart siden sma, men møte igjen etter mange år. Skuespiller fire er en jenta fra Polen, hun kobler alle sammen i filmen. Hun er jobber i norge og jeg liker hun rolle. hun er en “observer” av en nytt Norsk miljø, hun savner Polen og hun sønn i Polen, men endelig hun forelsker en mann i Norge.

Polen jenta “What do you do?”
hær gutt “I am a student, I study philosophy, what about you?”
Polen jenta “I am a student too, I study Norwegian behaviour”
hær gutt “And what have you found out?”
Polen jenta “Well”
hær gutt “what did you learn”
Polen jenta “The norwegians (in the movie) are sad, they’re hurting inside, and hard, like statues in the park, and sometimes naked…”

Endelig, detter to bro og sosteren møte. Polen jenta vil går tilbake Polen, men vi vet ikke hvis hun tillbake. hær gutt kan ikke glemt han feil i Krig.

Bra filmen.

Note: bruker Google translater mange gange for denne innlegg.

« Older Entries