スタイルシートに関するえとせとら

フォントサイズ固定は読者の為ならず？
そのデザインは誰の為？
これだけは覚えておきたいCSSに関する基礎知識
スタイルシートを使ったレイアウト & 便利な小ネタTip

JavaScriptとAjax関連の書籍購入~~アニメのサントラ大量購入~~で「福沢諭吉・樋口一葉」単位でお金が飛んでき、今月はこれ以上出費できない状況に嵌ったので、Google先生の力を借りてスタイルシート関連の情報を集めてみた。

スタイルシート関連の情報を定期的にできるだけローコストに入手したいのなら、HTMLとスタイルシート最新版(IE7,FireFox2.X,Opera9対応)の辞典本の購入と、月刊 Web creators(Web版)を見てればなんとかなる筈。右に張ってあるスタイルシート&Web制作知識とルール総まとめ(AA)は、もし書店で見掛けたら~~立ち読み~~取り合えず目を通しておくと後で役に立つ筈。

#1 フォントサイズ固定は読者の為ならず？

◆ 豆文字が多いなぁ【mieki256's diary】
一番手っ取り早い対策はフォントサイズの指定を止める事なんですけど、それだと今度はデザインの問題が。

◆ まだフォントサイズ固定ですか？【dieen.net】

◆ フォントサイズを固定するな！? 後悔しないためのWebデザイン【Web屋のネタ帳】

◆ 掟破りレッドカード級！文字の小型化、画像化、読めない化【やってはいけない!!ホームページの掟】

関連：「推奨環境」を書いてはいけない【Internet Site Opinion】
推奨環境に合わせて表示が自動的に変更されない現状では、「推奨環境でのみ確認しています」ぐらいの意味しか無い訳で。

#2 そのデザインは誰の為？

◆ Blogサイトで見かける変なHTML 【3ping.org】

◆ アニメ公式サイトはもっとシンプルにしてほしい【てんぽ】

◆ お店のWebページでやっちゃいけないなぁと思ったこと【しっぽのとこ】

◆ 「こちら」リンクは損!? & 折りたたまれたサイドバーは開かれない【てんぽ】

◆ もしもこれからWebに広告を掲載するなら、訪問者の目で今一度【PRiMENON】

◆ 提示したい情報はなにかを考えることが、アクセシビリティの確保につながる【antipop】

◆ メニューは誰のため？ & 美意識か利便性か？キャプ画像のファイルサイズ比較，再検証【だいの闇鍋食堂】

#3 これだけは覚えておきたいCSSに関する基礎知識

◆ CSSバグリスト＠CSSバグ辞典スレッド

◆ CSSレイアウトの定石 WinIE6バグ回避法【てんぽ】

◆ CSSを書く前に読んでもらいたいこと & CSS記述ルール記事まとめ【hxxk.jp】

◆ CSSによるデザインはそんなにコストがかかるのか？【kankichi@blog:SAKURA edition】

◆ もう、class名やid名で悩まないんだからっ！class・idでよくある名前まとめ【CSS HappyLife】

◆ DOCTYPE スイッチについての検証とまとめ & 各種ブラウザの CSS Selectors testsuite の検証【hxxk.jp】

関連：ブラウザを選ばないWebサイトを作ろう！Web標準化Tips 【もじら組】

#4 スタイルシートを使ったレイアウト & 便利な小ネタTip

◆ スタイルシートによる疑似フレーム【YEAR OF THE CAT】

◆ IE6向けにCSSでmin-width(最小幅)を実現する【てんぽ】

◆ .clearfix ～構造のマークアップなしでフロートをクリアする方法～【PRiMENON】
“<div style="clear:both"></div>”を使わないで、floatの回り込みを解除する方法。

◆ 一行あたりの文字数を制限する elastic layout （エラステックレイアウト）【2xup.org】

◆ 行間(行の高さ)を調節するなら単位はナシで，1行内に左寄せと右寄せを同時に書きたい - All About

◆ preでも改行を生かしたまま折り返すには，CSSでページ全体をセンタリングする方法【Bowz::Weblog】

◆ CSSを使ったフォントサイズの統一＆サイズ変更法，10pxを基準にフォントサイズを指定【Bowz::Weblog】

◆ CSSを使ったイメージを使わないボタン【Pensiero】

◆ fieldsetとlegendのような表示をCSSで【曉に死す】

◆ ウェブでの縦書き表示に挑戦【小林泰三の不確定領域】

◆ CSSテクニック RSSにもCSSを！【WEB工房きくちゃん】

◆ 画像を使って訪問済みリンクを一工夫してみる【Lucky bag::blog】

◆ CSSを使った画像プリロード【なつみかん。】

◆ 重い画像を読み込む際のインジケータをCSSで表示【Lucky bag::blog】

◆ マウスを当てるとポコっとな CSSでポップアップを再現【RedLine Magazine】

■ 2月21日（水）

【PC】

◆ 割り当てPCで驚いたこと【sanonosa システム管理コラム集】

◆ プロだという自負がおありの方々へのサポート裏話【絶対サポセン黙示録】

◆ 与えられた情報で分かったような気持ちに質問掲示板の功罪，その2 【sugar pot】

◆ これを見ている貴方も似たような事をした記憶がありませんか？【よくわからないわい談系らしき放置ブログ】

【ゲーム/一般】

◆ テレビゲームの功罪【あの頃のように…】

◆ ゲーム会社の企画職は何故忙しいか【島国大和のド畜生】

◆ 「Xbox360をネットに繋げよう……としても繋がらない」人達へのメモ【無名芸】

◆ 修理後の保証期間は？，任天堂とSCEに問い合わせてみた【だいの闇鍋食堂】

【ゲーム/美少女ゲーム】

◆ 優雅で感傷的な美少女ゲーム【CutePlus-Arcaivs】

◆ 売れるエロゲはシナリオ重視とコンシューマ移植【fuzzy Weblog@hatena】

◆ エロ性とストーリー性の幻想 & シナリオライターの悶え～人を裸にするエッチシーン～【Heaven's Mirror】

【萌え・オタク】

◆ コミケはネットに移行しないよ【へっぽこさんメモ】

◆ 一般向けのメディアが萌えを取り上げる理由【fuzzy Weblog@hatena】

◆ 生活短歌と虚構短歌（おたく短歌）について【愛・蔵太の少し調べて書く日記】

【コラム】

◆ クラスメイトが死んだとき【忘却防止。】

◆ 他人事ながら心配になってしまう馬鹿な議員の存在理由 - はてな匿名ダイアリー

◆ いいですか、皆さん。人と言う字は、支えあって、人になるんです【mieki256's diary】

◆ 架空会議実況。もしくは「こんなの教育じゃねぇ」というフィクション【大学教員の日常・非日常】

◆ 幸せを祈るくらいなら役立て。海外ボランティアとかあるだろ(cache) 【事件や事故に巻き込まれた事のある同人さん事件簿4】

■ 2月18日（日）

【ゲーム】

◆ 嘘だッ！知らなきゃ良かった「ぱふぱふ」の真実 - YouTube

◆ アニメ・ゲームのヒロインは不健康すぎる THE IDOLM@STER編【狐の王国】
＞スーパーモデルですらBMI18以下はありえないんだぞ

◆ 現実の日本人女性・ギャルゲーヒロインの平均値【Positive Conception://Digitrick】

関連：学校保健統計調査 - 文部科学省
アイマスに限らずゲームヒロインの体重は学校保健統計のデータと比べると、5.0Kgから10.0Kg程軽い数値になっているようで。

【コラム】

◆ [DV]暴力を振るってしまう根本原因【ghostbass1.4β】

◆ いじめ問題と、誰が被害者で加害者なのか【Lucablog】

◆ 子を以て親が評価されるということ【深く考えないで捨てるように書く】

◆ コンサートで転落したニュースを見ると主婦の人はこう思うらしい【Revival Gate】

【その他】

◆ キオスクの閉店ラッシュについて【世界は寒い】

◆ 統計でみるバレンタインデーの話【適宜覚書はてな異本】

◆ 「検査食」はうまいのか？～大腸検査の前のささやかな楽しみ～【心理コラムのxSUNx】

◆ なぞなぞ世界で一番ハゲ頭の比率が高い国はどこでしょうか？【余丁町散人の隠居小屋】

■ 2月14日（水）

◆ Google通貨換算 & Google単位換算（度量衡換算）についてのメモ【CONCORDE】

◆ Amazonの振込みが遅い件について2chを纏めてみました，続き【かいんどおぶあるけみー】

◆ WinXP付属のPPPoEクライアントのスループットを検証【てきとうに、なんとなく更新するページ】

◆ エンコード指定が自動選択なのに画面が真っ白、または文字化けしてしまう罠・・・の解決方法【iandeth.】
WindowsXP + IE6.0.x 環境で発生する場合の「製作者側」の対策法。

【ゲーム】

◆ 当世ゲーマー事情徒然【へたれゲーマー駄文】

◆ ある批評「なぜ日本のRPGはゲイっぽいのか？」【お茶妖精】

◆ 曇りなき眼を持って - ゲーム業界から学ぶバランス感覚の大切さ【iandeth.】

◆ 昔の任天堂はかなりギリギリのキャッチコピーで子どものハートを掴んでいた【ラブラブドキュンパックリコ】

【オタク】

◆ 描いたエロ絵を家族に見られた【きゃんぱすの～と】

◆ 秋葉原の露骨な景観，その2 - はてな匿名ダイアリー
路上から見える場所にアレげなポスターや看板が並んでいるのを『街の風景』とは呼びたくないのですが。

◆ ツンデレについて誰も語らない3つの秘密【Stack-Style】

【画像】

◆ みんなから愛されているのがわかる不二家への応援状【ラブラブドキュンパックリコ】

◆ Webコミックデイズ・オブ・メイドさんだーその42 (今日もスパゲ Blog) 【今日もスパゲ】

◆ 『華麗なる一族』で遊ぼう！今日も今日とて気になったところを (続ドクバリニッキ) 【毒針殺法】

【コラム】

◆ 僕がお酒を飲まない理由【しっぽのとこ】

◆ シモネタ系エッセイ男性特有の痛み【テキスト王】

◆ お店の椅子の使用状況に見る個人の領域性確保【適宜覚書はてな異本】

◆ 角川春樹が語る、映画『蒼き狼』の製作費３０億円の内訳 (活字中毒R。) 【いやしのつえ】

◆ 嫁が来てちょこんと座り、深刻な顔をして「聞いて欲しいの」と言った - はてな匿名ダイアリー

■ 2月11日（日）

【PC/プログラミング】

◆ Javaでシューティングゲームを作ろう【ポンクソフト】

◆ Ajax非互換性データベース(データベース情報一覧) 【@IT】

◆ オブジェクト指向プログラム言語としてのJavaScript 【自作コンパイラの部屋】

◆ オブジェクト指向プログラムでgetter/setterメソッドを使わなければならない10の理由【Rogue Engineer's Hideout】

◆ いいアンテナを作り上げることがいかに難しいかという話について【幻影随想】

◆ 一次情報に当たることはいかに重要か（永田寿康議員メール問題）【絵文録ことのは】

◆ 「修正履歴のない情報」は信頼低下をもたらすと思うのだが，実践編【不可視型探照灯】

◆ 「現場で体験すること」と「画面を通して知ること」の乖離 (活字中毒R。) 【いやしのつえ】

関連：物理的に情報入手経路が寸断されたら、どう状況を捉えるか？【適宜覚書はてな異本】

■ 2月8日（木）

【PC/プログラミング】

◆ よくできたソフトウェアのソースコードを読むことは重要【僻地のプログラマkmt-t】

◆ 簡単な質問にホイホイ答えるのは考え物
◆ 教えてクンと聞かないクンの境界 & 聞かないクン【ほその日記】　ニュース元：僻地のプログラマkmt-t

◆ プログラミングの残酷さ & 自分がいかに恵まれているか(そして恵まれていないか)が解った… 【黎明日記】

◆ レポートコピペ2.0 - はてな匿名ダイアリー

◆ 盗用した卒論がネット上に公開されているんだが【Semplice】

◆ リアルワールドにおけるコピペ文化内で生存するための3か条【アホ理系青年の主張】

関連：コピー（模倣）製品の氾濫を抑止する「モノマネ大賞」とは？ - 日経ベンチャー経営者倶楽部

【コラム】

◆ NHKの2011年問題【はりせんかまし】

◆ ホームレスですら世代断裂する社会【記憶のメモ帖】

◆ 体力の弱った小動物を手で温めないでください【BLOG STATION】

◆ テレビで料理を紹介する際によくあるベタな表現 - はてな匿名ダイアリー

◆ 実行力をつけるための本にまつわるパラドクス【書籍編集者の裏ブログ】

【その他】

◆ ★発見！せこいケチケチママ★まとめ＠wiki

◆ 実践！生活便利豆知識【パパなにしてんの？】

◆ 日米映画年齢規制早見表【なんでもランキング】

◆ 2006年度日本映画産業統計を読む【TRiCK FiSH blog.】

◆ 厄年に科学的な裏づけはあるのか？統計データを元に検証してみる【山ちゃんガハハ】

■ 2月4日（日）

【PC/ソフトウェア】

◆ IE5.5SP2保存ページみたいなもの

◆ DivX(Codec,DivX Player,Dr.DivX) Legacy Version 【DivX】
98/ME用を含めた、これまで公開されたDivX用コーディック一覧。

【PC/Tip】

◆ メモ帳でF5を押すと… 【kuruman.org】
EmEditorも同様の動作が可能でした。

◆ ログオン画面の壁紙やスクリーンセーバーを変更【デジタルARENA】

◆ IE上で保存設定した壁紙が上書きされて消えないようにしたい【ITmedia】
もしくは過去に操作ミス等で設定してしまった壁紙を完全に消し去りたい場合に。

◆ マウスカーソル(ポインター)早分かり！行方不明のカーソルを一発表示する「裏技」とは【Garbagenews.com】

【ネット関連】

◆ やっちゃった人の氏名掲載と名誉毀損【Lucablog】

◆ 日本語CGIを韓国語で動かす【旗旗】　ニュース元：Otsune
＞日本語と英語（アルファベット）以外の２バイト文字をCGIで通す方法

◆ ファイル(またはディレクトリ)を削除できません【XREA-FAQ】
FTPもしくはサーバ側で用意されているファイルマネージャ等でもファイルが削除できない場合の対処法。

◆ MS製ソフトウェアの発売時期とSP1リリース時期の傾向と対策 - Slashdot

◆ 新しいページにPageRankが与えられるまでに要する時間，その2 【Open MagicVox.net】

◆ 「訴えた方が損」という事態を回避できるんならお任せしちゃおうと思う人たちもいるんじゃないかな (続ドクバリニッキ) 【毒針殺法】
最近JASRACが著作権所有者に代わっての憎まれ屋代行業と化してる気がする。＞当人が発言した場合

【ゲーム】

◆ ゲームというゼロ人称【Heaven's Mirror】

◆ エロゲで「すっぴんシステム」を導入したらどうだろうか？ - はてな匿名ダイアリー
日本マンガの絶対法則「眼鏡っ娘システム」の導入の検討もお願いします。

◆ エロゲシナリオ講座 ADV音声付きエロゲの書く際のポイント覚書【Takahashi's Web】

◆ アイマスはえろい！これは間違いようのない事実です！【ラブラブドキュンパックリコ】
＞これはもうはいてないようにしかみえません！アイマスでも「はいてない」が確認されたとの事。

◆ みんなと同じゲームをプレイし、みんなと同じ感想を持つゲーマーが勝ち組，その2，その3 (ロケット姉妹（仮）) 【ゲームマニア大吟醸】

【オタク】

◆ アメリカ人オタクのための、現実の女の子との接し方アドバイス【ULTIMO SPALPEEN】

◆ 「グッズに貢ぐ金はあってもパチ屋に貢ぐ金はない！」そこで彼等はどうしたか？ (事象の地平線) 【天羽研究室】
人気アニメをモチーフにしたパチンコを楽しむに当たって選んだアニヲタ的選択。

【コラム】

◆ 灯台元暗し【安座間徹のIT技術をわかりやすく伝えたい】

◆ 「何かヒントはないか？」本を読み始めた本屋の事情【xSUNx】
問題解決のヒントは身近な所に有ったと言う話。

◆ マクドは世界中どこでも同じ味じゃなかったのか！ - はてな匿名ダイアリー

◆ うらやましいなコンチクショウ!!俺も上手に騙してくれる嫁が欲しい【続・妄想的日常】

◆ 頭の良さの3分類 & 何かを手に入れるための4つの行動パターン【元祖しゃちょう日記】

駄文にゅうす

スタイルシートに関するえとせとら