retletのブックマーク / 2006年2月27日

企画、「名作に隠されたメッセージを探せ！」

去年の夏に、「世界初？３Dブログエントリー」というエントリーを書いて以来、何とか大量生産する手法はないものかと考えていたのだが、今日、CSSのたまたま資料を読んでいて思いついたことがあったので、試しに作ってみたら、結構簡単にできてしまった。 http://satoshi.blogs.com/3d/wagahai.html 興味のあるウェブ・エンジニアの方はソースコードを見ていただければ一目瞭然だが、"position:relative" が全体のレイアウトに影響を及ぼさないという点を利用すると、こんなに簡単に「ステレオグラム」が作れてしまうのだ。「これで大量生産が出来る！」と思ったのだが、隠しメッセージが含まれた文章を作るのは結構大変である。そこで、思いついたのが、著作権の切れた小説などから、強引に隠しメッセージを拾い出す、というアイデアである。上の例は、夏目漱石の「我輩は猫である」の冒

retlet 2006/02/27

リンク

ことばのリハビリ（のためにもっと勉強しないとなあと思い知る日々） - 最近の学生の傾向について

迷惑 - 猿虎日記（さるとらにっき）上のエントリで「最近の学生ってなんか政治に関心なくてさあ」という話が出ていたので現役学生として感じていることを少し書いてみたいと思う。とりあえず、リンク先のコメント欄で、「あ、そうだな」とかなり納得できたのはｍｏｊｉｍｏｊｉさんの以下の指摘。大多数の学生は、政治的なトピックについて何かおしゃべりしているのかもしれませんが、それを相手にぶつけて相手の意見を変える、という志向をほとんど持っていません。関係ないところで好き勝手言うだけなのであり、それは観客的関心であって参加主体的関心ではないんですよ。こういう感じはかなり正確だと思う。何か意見をぶつけ合うというようなことは徹底して回避されている印象がある。これは直接政治的な話題と言うわけではないけれども、あのハーレムを作ろうとした小林とかいう人の事件があったころに、性犯罪者に対する対応をどうするかみた

retlet 2006/02/27

リンク

borderの幅はwidthに含まれるのか | なつみかん。

borderの幅はwidthに含まれるのか 2006.02.24 Friday borderの幅はboxの外側にあるのか、内側にあるのか。これについては「URL入りのDOCTYPE宣言をした場合は外側に（標準モード）、そうでない場合は内側」と思っていた。padding についても同様に標準モード：実際の幅 = width + padding + border 互換モード：実際の幅 = width ( padding および border を含む) 例えば .hoge{ width : 300px ; border : 2px solid ; padding : 5px } の場合、実際の幅は標準モード→　300 + 2*2 + 5*2 = 314px 互換モード→　300px（中身は自動計算）です。なので困った時は１行目に <!DOCTYPE HTML PUBLIC "-//W3

retlet 2006/02/27

リンク

グーグル、ソーシャルブックマークサービスを提供？ :: SEM R

グーグル、ソーシャルブックマークサービスを提供？ Googleがソーシャルブックマークサービスを計画？公開日時：2006年02月27日 08:45 Google内部の情報によるとGoogleがソーシャルブックマーク立ち上げの準備をしているとブログValleywagが伝えている。この噂についてGoogleは否定も肯定もせず、現時点で発表するものは何もないと回答している。 Yahoo!はソーシャルブックマークdel.icio.usや写真共有サービスのFlickrを保有している。世界中の情報を整理し検索可能にするGoogleがこのサービスを提供するとしても不思議ではない。 Morning Google rumor: social bookmarking [Valleywag] http://www.valleywag.com/tech/google/morning-google-rumor-s

retlet 2006/02/27

リンク

フロートとマージン辺

floatを使った段組では、各カラムのwidthの合計がコンテナの幅を超えないことが「カラム落ち」しないことの条件だと思われがちですが、仕様にはそのような規定はありません。重要なのはマージン辺（外辺）です。 floatによる段組は「ボックスの回りこみ」なんていう曖昧な表現では説明できません。浮動体の振る舞いを支配する厳密な規則を、 2カラムレイアウトにおける連続するふたつの左フロートに適用して考えると、 <div id="container"> <div id="main"> 1番目の左フロート </div> <div id="sub"> 2番目の左フロート </div> </div> 2番目の左フロートの外左辺（左マージン辺）は、1番目の左フロートの外右辺より右側になければならない 2番目の左フロートの外右辺は、コンテナの右辺より右側にあってはならないこれらの条件が守られている限り

retlet 2006/02/27

リンク

clearは「floatの解除」ではない:てんぽ

コメント（1件） -:承認待ちコメントこのコメントは管理者の承認待ちです 2013年02月20日（水）13:47:58 コメントの投稿名前件名メール URL コメントコメントを編集・削除するにはパスワードの入力が必要です。編集・削除用パスワード非公開コメント管理者にだけ表示を許可するトラックバック（3件） http://mb.blog7.fc2.com/tb.php/62-551cfb2b floatとclearの関係昨日、「mixi」のコミュニティで見つけたサイト。 clearは「floatの解... 2006年03月27日（月）16:57:24 from ddy-w::blog フロート解除と上マージンは一緒に指定しない！フロート解除を指定した要素に、上マージンを指定しても、上マージンが利かない(;´Д`)ノ。 -------------------------

retlet 2006/02/27

css
misc

リンク

floatは「回り込み」ではない:てんぽ

てんぽ: floatは「回り込み」ではない CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど「CSSのfloatプロパティは『回り込み』させるものである」とよく説明されますが、それは特定条件下での表示結果がそのように見えるだけであって、あまり正確ではありません。「回り込み」という表現はfloatを使いこなすうえで、語弊になっていると思います。 floatとは、通常の流れ（normal flow）から取り除き、左（または右）に寄せるです。 floatは「回り込み」ではない <p> <img src="xxx.jpg" alt="floating image"> 「回り込む」テキスト </p> このときimg要素を左にフロートさせた（float:left）なら、後続するテキストはimgの右側に「回り込み」ます。これは確かに回り込みと呼べます。では、ブロックレベル要素を

retlet 2006/02/27

css
misc

リンク

不思議な絵の解説

コピペすると、四角の枠の中にメッセージが現れる不思議な絵コピペすると、四角の枠の中にメッセージが現れる不思議な絵原理 Firefox1やIE6がdisplay:noneで消した箇所に含まれる文字列もコピペできることを利用しています（Opera8.5では無理）。 pre要素で整形したテキストをspanで囲み、display:noneで消します。□は全角スペース。 <pre> ■■■■■■■■■■■■■■ ■□□□□テキスト□□□□■ ■■■■■■■■■■■■■■ </pre> <pre> ■■■■■■■■■■■■■■ ■□<span>□□□テキスト□□□□</span>■ ■■■■■■■■■■■■■■ </pre> span {display:none;} 消した分のスペースを確保するために、全角スペース1個を適当なインライン要素で囲み、letter-sp

retlet 2006/02/27

リンク

はてなブログ | 無料ブログを作成しよう

恋人と別れて30年が過ぎ、その元恋人の娘と出逢う夜古い友人であるShellyからメッセージが届いた。「私の娘のAdrienneが日本に行くのだけれど、時間取って彼女と会ってくれるかしら？」 Shellyはアメリカ在住の白人女性だ。Shellyと俺との関わり合いは、過去に書いた。こちらを参照のこと。25歳に戻れた夜～ブライアン・…

retlet 2006/02/27

リンク

絶叫機械＋絶望中止 - 2006年02月27日

要約：映画は娯楽であるべきだ。しかし、政治的テーマを扱った映画の場合は、そのテーマを含めた思想そのものが娯楽の対象である。よって、含まれる「政治的テーマ」もしくは「思想的テーマ」を楽しめないならば、それは映画を楽しんだことにはならない。映画を楽しむためには、政治的偏向を捨て去るべきである。先日のエントリで話題にした『ホテル・ルワンダ』を見ても差別がやめられない方が、またもや考えるための材料を提供してくださった。私自身は、映画鑑賞後に、町山氏の書いたパンフレットの文章を読んだことで「ホテル・ルワンダ」という素晴らしい作品の印象が、多少なりとも損なわれてしまいました。他の人はどうだか知りませんが、私はそうだった、というだけの話です。（中略）それでも「ホテル・ルワンダ」という映画は、良い作品だったと思っています。私は映画はエンタテイメントでしかない、と思っています。料金を支払い、支払っ

retlet 2006/02/27

リンク

iTune Icon

The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques. Version: Illustrator 9+ Download Source File 1. Basic shapes Start making the basic shapes of the iTune icon. If you need help on how to trace from an image, visit my Tracing Photo tutorial. 2. Music note Make a gloss

retlet 2006/02/27

リンク

http://roonee.livedoor.biz/archives/50208099.html

retlet 2006/02/27

会期：2月28日（火）～3月5日（日）12:00～19:00　日16時月休

リンク

【2ch】ニュー速クオリティ -VIP-:NintendoDSLiteを独占先行入手

1名無しにかわりましてVIPがお送りします投稿日： 2006/02/26(日) 17:45:15.12 ID:Me+YAtgK0 朝早くから並んでまで予約してる人には悪いんだけど一足早くNintendoDS Liteゲットしたおｗｗｗ今から使ってみるおｗｗ 3名無しにかわりましてVIPがお送りします投稿日： 2006/02/26(日) 17:46:23.36 ID:qlH+Cs450 どこで買ったのかｋｗｓｋ 4名無しにかわりましてVIPがお送りします投稿日： 2006/02/26(日) 17:49:03.21 ID:Me+YAtgK0 >>3 それは秘密だお（某中間管理職風）ふた開けてみたお 5名無しにかわりましてVIPがお送りします投稿日： 2006/02/26(日) 17:49:25.33 ID:YBc4VXDf0 >>1 Sugeeeeeeee!!1!

retlet 2006/02/27

任天堂脅威の科学力

2ch
ネタ

リンク

GyaOのTV番組をダウンロード・保存する

retlet 2006/02/27

Movie
stock

リンク

リヴァイアさん、日々のわざ: 斎藤環氏が朝日新聞に書いていたこと

昨日（2月25日土曜日）の朝日新聞「わたしの視点・ウイークエンド」は、「子どもの安全と社会」というテーマで、斎藤環氏の「意見」が掲載されている。長浜の幼稚園児刺殺事件とからめて「子どもの安全」を問いなおす、というような企画。斎藤氏の「意見」は、とてもバランスのよい、また、ポジティヴな提言を持ったものだと思う。注目。論旨はというと…… 斎藤氏は長浜事件は、二つの点で示唆的だとする。ひとつは、子どもの治安対策の鍵とされる「治安のための地域共同体の再構築」そのものが新たな犯意の温床になる構造。これは非常に重たい問題である。「他者や異物を排除することが、内なる他者を呼び覚ましてしまうよく知られた逆説」。斎藤氏は、兆候的な事件、という。もうひとつは、昨年11月の広島での事件と同様「外国人」による犯行だったということ。これについて斎藤氏は、メディアの「「外国人の犯罪」する無関心さは尋常ではない