ありえない。CSS3だけで作った脅威のPONG 【増田 @maskin】

HTML5&JavaScript, News

[読了時間: 2分]
 日々進歩し続けるHTML5やCSS3といった最新ウェブ技術トレンド。欧米では毎日、刺激的なデモが公開されているが、このPONGーつまりホッケーゲームは刺激的だ。なんと、JavaScriptが1行も使用されていないのだ。

screenshot_190 しかし、クリックすればボールが動き、ミスをすれば相手にポイントが付与され、勝敗まで表示される本格さ。

 ここまでくると、ハック&トリックの世界で、パッと見ただけでは、どうやっているかわからないレベル。

 これ以外でも、最近つけたこれがすごい「AT-AT Walker」。Flashではなく、JavaScriptでもない。CSS3トリック&ハックがちょっとしたブームになるのかもしれない。

screenshot_191

【関連URL】
・CSS3 Pong – with scoring | CSSDeck
http://cssdeck.com/labs/css3-pong-with-scoring

蛇足:僕はこう思ったッス
masaki_masuda_60 そこまでやるか! みたいなHackだけど、この動きはとても重要だと思ってるっす。なぜかというと、開発環境を用意することなく、関心さえあれば誰でもすぐにスタートできるから。20年以上前にあったマイコンブームでは、BASIC等誰でもプログラミングを初められる環境があった。それ以降、プログラマー、いやITイマジニアにとって不遇の時代だったと思う。たかがハックだけど、ビックリするし、その仕組みを誰でも見ることができる流れがよい。どんどんやろう!
著者プロフィール:TechWave 編集長・イマジニア 増田(maskin)真樹
変化し続ける高エネルギー生命体。8才でプログラマ、12才で起業。18才でライター。道具としてのIT/ネットを追求し、日米のIT/ネットをあれこれ見つつ、生み伝えることを生業として今ここに。1990年代はソフト/ハード開発&マーケティング→週刊アスキーなどほとんど全てのIT関連媒体で雑誌ライターとして疾走後、シリコンバレーで証券情報サービスベンチャーの起業に参画。帰国後、ブログCMSやSNSの啓蒙。ネットエイジ等の
https://www.chatwork.com/g/techwave_maskinベンチャーや大企業内のスタートアップなど多数のプロジェクトに関与。坂本龍一氏などが参加するプロジェクトのブログ立ち上げなどを主導。 Rick Smolanの24hours in CyberSpaceの数少ない日本人被写体として現MITメディアラボ所長 伊藤穣一氏らと出演。活動タグは創出・スタートアップマーケティング・音楽・子ども・グローカル・共感 (現在、書籍「共感資本主義」「リーンスタートアップ」執筆中)。@宇都宮ー地方から全国、世界へを体現中。
mail <メール maskin(at)metamix.com | 書籍情報・ 詳しいプロフィールはこちらTwitter @maskinFacebookhttp://www.linkedin.com/in/maskin
maskin
Follow me

maskin

Editor In Chief at TechWave.jp
1990年代初頭からソフトからハードまで50以上のスタートアップ立ち上げを国内外で経験。平行して雑誌ライターとして疾走。シリコンバレーでガレージベンチャーに参画後は、国内でネットエイジを筆頭にスタートアップに多数関与。ブログやSNSの国内啓蒙、ソニーの社内イノベーション事業など関与。通信キャリアのニュースポータルの立ち上げ期の編集デスクとして数億PV事業に育てた後、TechWaveにジョイン。世界最大のグローバルIT系メディアであるスペインの「Softonic」の元日本編集長
https://www.wantedly.com/users/24387
https://keybase.io/maskin
maskin
Follow me

最新情報をお届け

こっちはいろいろ

PAGE TOP
More in HTML5&JavaScript, News
Apple、LINEの「有料スタンプギフト」を強制遮断 【増田 @maskin】

「Beatrobo」iPhone版登場、ソーシャル音楽視聴にハマろう 【増田 @maskin】

コロプラが時価総額2350億円突破、5月10日終値 【増田 @maskin】

Close