TOP  >  WebDesign  >  HTMLを崩壊させるJavascript「meltdown.js」
2007年11月19日

HTMLを崩壊させるJavascript「meltdown.js」

今回は少し変わったJavaスクリプト「meltdown.js」を紹介したいと思います。このJavaスクリプトはHTMLを崩して崩壊させてしまうと言うスクリプト。

このスクリプトを使うとページがアニメーションしながらガラガラと崩壊していきます。スクリプトはブックマークレットや特定のURLをアドレスバーに貼付けるだけで作動します。おもしろそうなので実際に試したものをスクリーンキャストで撮ってみました。

動画は以下から

YouTube – HTMLを崩壊させるjavaスクリプト「meltdown.js」でTwitterを壊してみました。

ブックマークレットだけでなくライブラリとしても公開されているようなので、リンククリック後に画面崩壊なんてこともできます。作者様によるサンプルページには前述のようにリンクが設置されていますので試してみてください。「JavaScript 動作サンプルページ」からどうぞ。

結構重いので最初は軽いページで試した方が無難です。またブラウザごとにパフォーマンスが違うようでアニメーションが始まるまでの時間は概ね Opera, Firefox, IE の順でアニメーションが始まってからは IE, Firefox, Opera と逆の順で早いそうです。

HTML崩壊 meltdown.js – KAZUMiX memo

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 02:06  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る