HTML5 と CSS3 で 死にたい

はじめまして。
誘導されるままにWebKit Nightly Builds入れてみました。（Power Mac G5 OS 10.5.8）
Safari4やとバックにうっすら線がチラチラと入って見えたのが、WebKit Nightly Buildsだと実にスムーズに見ることが出来ました。

わぉ凄い！と思う反面、最近ようやく趣味でCSS2を覚えてきた自分は、またややこしいのが出てきやがった！って気分でもあります…。

＞boiさん
コメントありがとうございます。
Twitterのフォローもありがとうございます！

Safari4だと動きがおかしいですね。枠線もとうとう消す事ができませんでした。＞＜
このサンプルは、CSSの極端な使い方をしてネタとして大げさにやってみたので、
実際の使われ方とはだいぶ違うものだとおもいます。
でもまずは土台となるCSS2までの使い方に慣れてからのほうがいいですね。

こちらこそフォローありがとうございました。
ホップ本はいい教科書になってます。おかげでボックスレイアウトはしっかり理解できました。
値段がつり上がった時は一瞬売ることを考えてしまいましたが…もちろん売ってませんよ！

そういえばXHTML2はW3Cは結局廃案にしてHTML5に注力し始めたみたいですね。
じゃあ次はやっぱりHTML5とCSS3を視野に入れつつ勉強すればいいんでしょうか？

ちなみにCSS3のデモはいい具合のバカバカしさと、バックの音楽はちょっとツボに入りました。

> boiさん
ホップ本買ってくれたんですね、ありがとうございます！わーい
もちろん、売っちゃだめですよ！ あとから読み返すとまた深く色々と理解することができる本だと自負していますし、10年後には10万円で取引されるはずですからね。ちなみにいま中古で1900円です。＾＾

勉強方法ですが、今はHTML5やCSS3のことを考えないでも良いと思いますよ。
なぜなら、HTML5やCSS3の新技術は、これまでのHTML, CSSの土台の上に奇麗に乗っかっているからです。土台をしっかり作らないと、新しい技術も不安定になっちゃうからね...。
逆に、HTML5やCSS3を楽しむために、土台部分をしっかりと覚える！と考えて、今はCSS2、HTML4 (strrict)をガシガシ書くことが楽しめる一番の近道になると僕は思いますよ。
どうしてもわからないことがあったら、いつでも聞いて下さい。
僕のことCSSおじちゃんって呼んでもいいですよ。

CSSおじいちゃんへ

見ました。。。。死にたい
これ、テキスト変えられてすごい！
しかもHTML自体はさほど書き込みされておらず、こんな事やあんな事ができるなんて。。。。。

あああああまた覚えないと行けない事が増えた〜〜〜〜〜；；；；；死にたい

でも楽しそうですwwww

> 匿名さんへ

CSSおじちゃんと呼んで良いといったのは boi さんにですよ！
なんですか！いきなり！失礼な！ぶちますよ！

^^; このサンプルを作って思ったのは、やっぱり色々とアニメーションさせようと思うと、
HTMLの記述は増えていく（無駄なHTMLが増えやすい）感じがしました。
意識してHTMLをシンプルにたもった感はありますね。
CSS3は楽しいですね！そのうちアニメーション関係のプロパティを僕なりに解説してみたいと思っているので、
また見に来て下さいね。

以前からHTML５の存在は知ってましたが、デモは初めてみました。

感想：

すごいです。もし全世界のブラウザがHTML５に対応したらFLASHの価値ってあるんでしょうか？

いままでFLASHでしかなし得なかったエフェクトなんかも全てHTML5で出来そうですね。いやぁ〜すばらしい。

今までCSSでは不可能だった「動き」のコントロールが出来るようになるので、
簡単なものはCSSで表現されるようになるかもしれませんね。
ただ、CSS3のアニメーションは、用意されたプロパティを組み合わせるだけなので、
Flashのようにメタ的に書く事はできません。

でも面白いのは、意外にも、CSS3は 3D 表現に強いということですね。
WebKitにはまだ実装されていませんが、Transform 3D というプロパティがあり、
任意のボックスを3D空間のXYZ軸でコントロールできます。
かなり面白い表現方法が今後編み出されていくとおもいます。

CSS3でのアニメーションの利点は、文書構造を保ったまま利用できるという点と、
アニメーションの記述そのものは単なるプロパティと値の組み合わせなので、
簡単にモジュール化、ジェネレーター化、オーサリングソフト化できるというところですね。

さすが俺たちのwuたんです

き、きみだけのwuたんです!

むしろ 3.5 ping.org にどきどきした感じ。

さ、さんてんご！

さんでぃえご。

はじめまして。
全くの素人のくせに（しかもいい年で）webの世界のお手伝いを
することになったのですが、こちらのブログを拝見して過去の記事も
拝見し、ときめきました＾＾

8割以上はさっぱり理解できてないのですが、このときめきは
忘れないで、まずはwuさんの延縄に捕まえられてみたいと思いました。
ありがとうございました＾＾少しずつこちらを拝見しながら
読み解いていきたいと思います。

>網から抜け出そうな類の雑魚さん (なんという名前なのでしょう！？)

こんにちは、はじめまして！！うーたんと申します。
「ときめき」を感じていただいてありがとうございます！すごいパワーがみなぎりますふぉーー！
どんなことも階段状になっていて、1つ1つステップを踏んでいかないと進めないと思っています。
先の方だけ見てると階段を踏み外しがちになるので、
もしWebの技術的な世界に足を運ばれるなら、
遥か先と足元とを交互に確認しながら前足を動かしてみてくだしあね！

ホップ本愛読者ですｗ
たまに更新されているのを楽しみにしています～。
やっぱりwuさんはすごい人だなぁと思います(UO時代からｗ)
ホップ本のFlash版とか出してくれたら、すっごいうれしいです(切実)
これからも、頑張ってくださーい！

おお、ありがとう！
UO仲間！！！しびれる！
これから本気だします。みててね。

Webのことを最近勉強しているものです。
ipadが発売されたけれどFlash対応せず。Appleは「HTML5でFlashの代替えができる！」と話しているTV番組を見ていて、HTML5はどんな事ができるのだろうか？と思い訪問させて頂きました。

CSS3の事も耳にした事があったので、どんな事ができるのだろうか？と思ってYoutubeを見させて頂きました。

面白いことが出来ますね！

HTML5もCSS3も勉強したいと思いましたが、普通のHTML・CSSのｺｰﾃﾞｨﾝｸﾞがきちんと理解していないので、一般的に普及するまで勉強はしないでおこうと思いました。

csおじさん　こんにちわ！っっていうか　wuさんっておやじだったんだー笑　いえ　css の先生ですね。調子に乗ってごめんなさい。。

昨年フォーラムで一度参加してお礼の返信もしないまま　今に至ります。この１年vicna　cmsをお借りしてカスタマイズとコーディングを取り憑かれたように勉強してきました。一時はコードの難しさに死にたいくらい追いつめられた時期もありましたけど今はなんとか落ち着きました。このwebの進化の早さに少しでもしがみついていけるようにと祈るばかり。HTML5とCSS3についても少しずつ勉強したいですー。
しっかし　cssで死にたいムーヴィーにはマジ感動っ　可能性vicnaデザインを見たのをきっかけにおもいっきりCSS の魅力にハマらせて頂きました。wuさんにはホントに良いきっかけを作って頂き感謝感謝であります。本も昨年購入させてもらいましたよ〜シンプルでスタイリッシュ、ライトウェイト。尚かつカスタマイズもしやすい。わたしは運がよかったと改めて感じています。

とくかく　webkit nitely builds とcss透PNGでつくるシャドーつきまる角ボックスの記事すごく勉強になりましたーただそれのソースコード記述が見つからなかったのですが。
。
それから、wuさんにもう一つお聞きしたのですが、例えば一見flashかよっ？と思ちゃうみたいなjqueryのアニメーションメソッドで動作するようなプルダウンmenuって今不フリーのものでもいっぱい出回っていますよね？そういうのを今までのvicna に元から実装したようなテンプレートがあったらステキだななんて勝手に思っちゃいました。

長々とすみません！　

がけの上の