いや～、1ヶ月半も更新していませんでした。
いかんすね。

ま、書きたいときに書く。それが苦にならない書き方でしょう。

というわけで久し振りの記事内容はJavaScriptです。 …続きを読む

「ホームページを作る人のネタ帳」さんの記事をみてやってみようと思ったのですが…。
…続きを読む

色々なところから「CSSだけで実装するグラフ・チャート」の記事をみてみて、もっと簡単に良いグラフが作れないものかと考えたら、結構良い物ができました。 …続きを読む

Internet Explorer、Firefox、Safari for Windows、Operaで確認しましたが、いずれも問題なし。
是非、使ってみてください。 …続きを読む

HTML崩壊 meltdown.js - KAZUMiX memo

久し振りにソーシャルブックマークを整理していたら、ブログに書こうと思って忘れていたものを見つけました。
その名は「バルス」で、その名の通りバルスするわけですが…。

とりあえず、これを押してみてください。
バルスし終わったらリロードしてください。
日刊にしこり－埼玉版－をバルスする


因みにこのJavaScript実行URLをブックマークしておけば、どのページでもバルスできます。


ブログの記事内にはる場合
<a href="javascript:(function(){var s=document.createElement('script');s.charset='UTF-8';var da=new Date();s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?'+da.getTime();document.body.appendChild(s)})();">「バルス！」</a>
ブックマークレット(右クリックで「お気に入りに追加」)
「バルス！」

ブックマーク用URL(クォーテーションが全角なので半角にしてください。)
javascript:(function(){var s=document.createElement('script');s.charset='UTF-8′;var da=new Date();s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?'+da.getTime();document.body.appendChild(s)})();

因みに…

注意点

ページ内の要素が多ければ多いほど崩壊アニメーションが始まるまでに時間がかかります
基本的に下から崩れていくので、長いページの場合は一番下までスクロールした状態で実行した方が面白いです
アニメーション開始時に、若干崩れてるのは仕様です。（全要素を position:absolute; にしてる）
もしかしたらブラウザがクラッシュすることがあるかもしれません

ブラウザごとのパフォーマンスの違い

重いページで実行した場合、アニメーションが始まるまでの時間は概ね Opera, Firefox, IE の順で速いです。しかし、アニメーションが始まってからは IE, Firefox, Opera と逆の順でスムーズです。特に IE が予想以上にスムーズでびっくりした。

だそうです。

こういうツールは面白いから作りたいですが、想像力やどうやったら実装できるかなど、考えるのが難しいでしょうね。
そのうちやってみます。

PHPの関数「htmlspecialchars」をJavaScriptで実装してみました。
PHPの全ての関数をJavaScriptで実装できたら凄いですね(実装できないのも多々ある)。
PHPに慣れている方は、こういうのがあるとかなり馴染み易いでしょう。
…続きを読む