タグ

ブックマーク / kazumix.hatenablog.com (8)

  • HTML崩壊 meltdown.js - KAZUMiX memo

    #ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 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)})(); これを適当なページのアドレスバ

    HTML崩壊 meltdown.js - KAZUMiX memo
    anhelo
    anhelo 2007/11/09
    HTML崩壊。KAZUMiX氏作。javaスクリプトで見ているwebの要素ががバラバラになって落ちて無くなる。おもしろ~い!
  • Google VideoではなくYouTubeを使った理由 - KAZUMiX memo

    「BALDR BULLET "REVELLION"(戯画)感想」にてアップした動画はYouTubeを利用してますが、実はGoogle Videoにも同じソースでアップしてあります。 http://video.google.com/videoplay?docid=-3925903717224981787 明らかにこちらの画質が上(その分重い)だけど、Google Videoはアップロードした後に実際に再生できるようになるまでの待ち時間が長すぎるのだ。こんな30秒の映像でも公開までに半日以上かかっている。動きが激しい動画だから、画質を考えたらGoogleだよな〜と思っていたものの、結局痺れを切らしてアップ後すぐに公開されるYouTubeにしたと言う訳です。 見る側にとってはどちらも再生ボタンを押すだけだけど、アップする側にとっては大きな違いがある。この辺のYouTubeの利便性、見せたい動画を

    Google VideoではなくYouTubeを使った理由 - KAZUMiX memo
    anhelo
    anhelo 2006/11/03
    明らかにGoogle Videoの画質が上だけど、アップロードした後、公開までに半日以上。YouTubeはアップ後すぐに公開される
  • 太平洋戦争時代の新聞広告 - KAZUMiX memo

    MSXが1チップで復活することを知り、昔のソフトや資料を掘り起こしていたら、MSXの空き箱の中から大東亜戦争当時の朝日新聞も一緒に出てきたw これは20年近く前に祖母に貰ったものを、最近の新聞と間違って捨てたりしないよう当時のオレがしまいこんでおいたもの。別にMSXがそんな昔からあったわけではないw当たり前だが。 適当にぺらぺらめくってみると、今の朝日新聞からはとても想像できないイケイケっぷりや、異常に広い日の領土、勢いのいい見出しにテンションを高くさせられる。日軍じゃなくて皇軍なんだな。まさにネタの宝庫なんだけど、特に広告で面白いものがあったのでいくつか紹介したい。*1 松坂屋の「一億今ぞ 敵は米英だ」に対し、松屋は右下控えめに「強く鍛へて国の楯」。スキー・スケートも国のためってことにしちゃうんだなw 一面の見出しが「シンガポール陥落」の時。(昭和17年2月16日)お祝いムード一色だ

    太平洋戦争時代の新聞広告 - KAZUMiX memo
    anhelo
    anhelo 2006/08/28
    太平洋戦争時代の新聞。デパートの広告にも勇ましい言葉が入ってる
  • IE7用CSSハック使用上の注意(特にはてなダイアリーにおいて)

    2006-10-25 追記。IE7正式版で挙動が変わりました。ベータのときは無効にされていたアンダースコアハックが、後方互換モードにおいて有効になりました。標準準拠モードでは無効のままです。このためこのエントリーでとりあげたはてなダイアリーでのレイアウト崩れの問題は、正式版では発生せず、問題ではなくなりました。 2006-11-03 追記。取り急ぎのまとめ。→IE7でCSSレイアウトが崩れる原因でありそうなこと - KAZUMiX memo IE7 Betaはすごい勢いでシェアを伸ばしているようである。オレが愛用しているOpera 9を抜き去るのも時間の問題と言う勢いだ。*1そんなわけでいつまでも無視するわけには行かなくなってきたIE7の問題。IE6やそのほかのブラウザでは問題ないが、IE7では表示が崩れれてしまうCSSの対策などを調べているうちに面白いことが分かった。*2 IE7の後方互

    IE7用CSSハック使用上の注意(特にはてなダイアリーにおいて)
    anhelo
    anhelo 2006/08/28
    IE7対策法
  • 文明崩壊 滅亡と存続の命運を分けるもの - KAZUMiX memo

    文明崩壊 滅亡と存続の命運を分けるもの (上) 作者: ジャレド・ダイアモンド,楡井浩一出版社/メーカー: 草思社発売日: 2005/12/21メディア: 単行購入: 19人 クリック: 319回この商品を含むブログ (202件) を見る著者は「銃・病原菌・鉄」でピュリッツァー賞を受賞したジャレド・ダイアモンド氏。 マヤ文明、イースター島、その他過去に栄えた文明は何故滅びてしまったのか、どのようにして滅んでいったのか。残された様々な証拠から、それらの文明が持続可能な環境を維持できず、それが原因で崩壊していったことが書で明らにされてゆく。 そうして気が付けば下巻の半分ぐらいが現在の環境保護の重要性に割かれていてなんかだまされた気分になるw 環境保護を訴えるためにこのを書いたなと。とは言えそこに書かれているものはいたずらにセンセーショナルで不安を煽ようなものではなく、自分たちが持続可能な

    文明崩壊 滅亡と存続の命運を分けるもの - KAZUMiX memo
    anhelo
    anhelo 2006/06/10
    ドミニカの環境保護政策
  • CSSプロフェッショナル・スタイル(大藤幹/毎日コミュニケーションズ) - KAZUMiX memo

    世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル (Web Designing Books) 作者: 大藤幹出版社/メーカー: 毎日コミュニケーションズ発売日: 2005/12メディア: 単行購入: 4人 クリック: 39回この商品を含むブログ (27件) を見る実在するウェブサイトをサンプルに、そこで使われているCSSのテクニックを紹介した。 とにかくありがたかったのが、XHTML+CSSでのウェブ制作において悩まされるブラウザごとの微妙な差異やIEのバグに対し、各サイトはどの様に対処しているのか、そのサイトごとの具体的な解説がある点。おかげでXHTML+CSSでのウェブ制作が非常に楽になった。と言うのも、どういった問題があるのか、どの様な対処法があるのかを知った上で制作出来るようになったことで、問題が発生してから対処法を探すと言った様なことが大幅に減ったからだ。 さらに

    CSSプロフェッショナル・スタイル(大藤幹/毎日コミュニケーションズ) - KAZUMiX memo
    anhelo
    anhelo 2006/06/04
    実在するウェブサイトをサンプルに、そこで使われているCSSのテクニックを紹介した本
  • テーマ「Pastel-Liquid」のカスタマイズ - KAZUMiX memo

    はてなダイアリー用テーマ「Pastel-Liquid」について - KAZUMiX memo CSSでのテーマだけでは提供できなかった部分や、表示方法を変えたいと思う人がいるかもしれない部分について、そのカスタマイズ方法を紹介します。 そのほかに何か気になるところなどがあればお知らせください。対応できるものかどうかは別にしても、今後制作する上での参考にしたいと思います。 カテゴリタブの追加 詳細デザイン設定でページヘッダとスタイルシートの追加編集作業が必要になります。 ページヘッダの追加 ページヘッダにカテゴリリンクを記述します。KAZUMiX memoのページヘッダを例に説明します。 <div class="main"> <!-- カテゴリタブ --> <div id="tabs"> <ul> <li><a href="/KAZUMiX/"><strong>最新</strong></a>

    anhelo
    anhelo 2006/06/04
    KAZUMiX memo - テーマ「Pastel-Liquid」のカスタマイズ
  • はてなダイアリー用新テーマのテスト中 - KAZUMiX memo

    コードネーム「Pastel-Liquid」。実際に自分の日記に適用しての最終チェックです。見ての通りもうほとんど完成してますが、実際に使ってみて問題点を洗い出そうと思ってるので、おかしなところがあったらお知らせいただけるとありがたい。 このテーマは以下の点を重視して制作してます。 リキッドレイアウト 横幅は閲覧者の環境に合わせて可変であるべきだとの思いからそうしてるんだけど、実は最近750px固定でも良い気がしてたりもする。はてなはモバイル用代替ページも用意されてるしね。 圧迫感の無さ 特にサイドバーのごちゃごちゃ感、詰め込み感が原因で圧迫感を感じさせないよう、気を使った。 見た目の楽しさ 圧迫感が閲覧者を拒絶するものなら、楽しさは惹きつけるものだと思うので。 サイドバーは付箋をイメージしたものです。これは文がメインであり、サイドバーの情報は必要であれば参照するものであることをより強調し

    はてなダイアリー用新テーマのテスト中 - KAZUMiX memo
    anhelo
    anhelo 2006/05/10
    パステルな感じが素敵な日記のテーマ
  • 1