clearfixはちゃんと考えられていた - 3ping.org
clearfixの決定版を作るについてコメントしたのですが、なぜか僕のTypeKeyが認証失敗になってしまい、がんばって書いた文章がお伝えできず、消すのももったいないからこっちに書きます。 こんにちは。 僕も以前、clearfixの記述について、なぜあんなに複雑なのか疑問に思いました。CASE10の記述がfloatのclearに必要な最低限の記述とし、ピリオドやvisibility,heightは必要無いんじゃないかとさまざまなブラウザーで検証したのですが、contentで何かを記述しないとボックスが生成されずに正常にクリアできないブラウザーがありました。そして、生成したボックスを消すために、visibilityやheight:0が必要になりました。 モダンブラウザの中でも特にモダン（笑）なものに限ればCASE10だけで大丈夫のようです。ただやはりこういったものは出来るだけ多くのブラウザで
スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る ―モダンブラウザ編―
floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法（<div style="clear: both"></div>）を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた（「floatを繰り返すとレイアウトがくずれる」参照）。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基本的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever
8月発売の「もってけ！セーラーふく リミックス(仮)」の内容 - アキバBlog
8月発売予定の「もってけ！セーラーふく」リミックス(仮)の案内？告知？が、25日にとらのあな本店に出ていた。商品説明には『とにかく今が旬！らき☆すた旋風が巻き起こります！』とも書いてあったので、たぶんランティスからショップ向けの案内。『本格的なリミックスから、バカバカしさを追求したリミックス』の『全6トラック』になるみたい。 8月発売予定の『もってけ！セーラーふく リミックス(仮)』の案内？告知？が、25日にとらのあな本店に出ていた。商品説明には『とにかく今が旬！らき☆すた旋風が巻き起こります！』とも書いてあったので、たぶんランティスからショップ向けの案内。 『もってけ！セーラーふく リミックス(仮)』が発売されること自体は、オリコンのニューリリース情報とかに掲載されていたようだけど、とら本店に見かけた『もってけ！セーラーふくリミックス(仮)』案内は、『臨時発売 「らき☆すた」ＯＰが再爆発
複数のclassをセレクタに指定した際のIEのバグ | Blog hamashun.com
関連リンク 複数のclassをセレクタに指定する方法 複数のclassをセレクタに指定する際のメモ書き 複数のclassをセレクタに指定した際のIEのバグ 複数のclassをセレクタに指定する方法でぴんどめさんからコメント頂いた件ですが、その後ぴんどめさんからサンプルファイルを送って頂けて、どうやら判明しました！ ぴんどめさん、わざわざありがとうございました！ HTML <div class="sample code test">～</div> CSS div.hoge.test { color: red; } こんなソースがあった時に、本来ならば文字色は変わらないはずです。 現にFirefoxやOperaではそのように表示されます。 しかし、なんとびっくりIE様は文字色を赤にしてしまうのです！ なんてこった！ どうやらIE様は、複数のclassを使うセレクタは、最後の一つのclassしか
OSX-NAVI：MacOSXのWebブラウザ一覧
＜PR＞ ＼ 最安値は公式サイト ／ ※定期縛りなし・送料無料※ BMIが高め、最近お腹に脂肪がつきやすくなった、年齢とともになんだかスッキリしない… 特別なことはしていないのに、いつの間にかついている腹部の脂肪や内臓脂肪の悩みは多くの方がもっています。 脂肪をどうにかしたいけど、対策がわからず忙しい毎日で時間がない方もいると思います。 「日常生活で脂肪って落とせないかな？」と一度は考えたことありますよね！ そんなお腹の脂肪※のお悩みにぴったりなのがシボラナイト2です。 絶大な人気のシボラナイトがパワーアップして登場しました。 ※BMI高めの方が対象 シボラナイト2の特徴や市販の販売店舗で買えるのか、薬局や通販からお得な購入先も調査してみましたので、ぜひチェックしてください。 シボラナイト2は市販や薬局でも売ってる？ マツキヨ
「ドコモの“2in1”を利用したい」は3割--MMD研究所調べ
モバイルを中心にメディアレップ事業・広告代理事業を手掛ける、アップデイト内に設置しているMMD研究所（モバイルマーケティングデータ研究所）は5月24日、「携帯コンテンツに関する利用動向調査part2」の結果を公表した。 調査の結果、NTTドコモが提供する、1台の携帯端末で2つの電話番号とメールアドレスが使える｢2in1｣のようなサービスを「利用したい」と回答したのは全体で33.8％。一方、29.3％が「利用するつもりはない」、36.9％が「特に決めていない」と回答した。 「利用したい」と答えた割合を職業別で見ると、専門学校生がもっとも高く（39.1％）、小学生（28％）、主婦（29.5％）を除き、すべての職業層で3割以上となった。 また、各携帯電話コンテンツの利用動向の調査では、ワンセグを「利用したことがある」が22.4％、「対応機種を持っているが利用したことがない」が5.5％、「持ってい
CSS font-familyプロパティについて一言 - Hatena::agenda
ユーザースタイルシートで、例えばbody{ font-family : "メイリオ" } という意味の指定をした場合、本文のフォントはメイリオになるようにCSSを書こう。これは何も特別な処置を要求するものではない。ウェブデザインの基本を守っていれば既に達成しているはずだ。すなわち「本文に異なるフォントを混在させない」という鉄則である。この場合、font-familyの指定はしないか、あるいはbodyセレクタに一回のみ記述すると良い。意味もなくpに指定して優先度を上げたりしないように注意して欲しい。というのも、ユーザースタイルシートとは何もCSSとは限らない。ブラウザのフォント設定だってユーザースタイルシートを変更する行為だし、そのような利用者はCSSよりも遥かに多いと思う。そしてブラウザのフォント設定がどの程度の優先度を持つかは、そのブラウザによるとしかいえない。CSSを書けるなら、bod
「もってけ！セーラーふくをみんなで買おうオフin秋葉」レポ - アキバBlog
もってけ！セーラーふく【AA】の発売日23日の夜、もってけ！セーラーふくをみんなで買おうオフin秋葉が、秋葉原で開催された。 ハピマテ購入OFF（2005年6月）で幹事だった人がホームページ＆MIXIで募集していたもので、ランティスの中の人も見に来ていた。集合撮影の際に数えたら参加者はざっくり110人、見物人を含めると200人近くだった。 もってけ！セーラーふく【AA】の発売日23日の夜、『みんなでCD買って記念撮影だお！』という趣旨のオフ会もってけ！セーラーふくをみんなで買おうオフin秋葉が、秋葉原で開催された。ハピマテ購入OFF（2005年6月）の際に幹事だった人が、ホームページ＆MIXIで募集していたもので、最後の集合撮影の際に数えたら参加者はざっくり110人、オフを見物していた人を含めると200人近くだった。ランティスの中の人もオフ会を見に来ていた。 『もってけ！セーラーふく』は、
サイト管理者、lint厨、W3C信者etc向けブックマークレット：LogJET
サイト管理者、lint厨、W3C信者etc向けブックマークレット 暇だったので作ってみた。(右クリックからブックマークに登録してください) Another HTML-lintブックマークレットW3C HTML文法チェック ブックマークレットW3C CSS文法チェック ブックマークレット 「おおっ」と思ったサイトをクリック一発でチェックにかけることができます。 自分のサイトをチェックする時にも便利かもです。 いくら構文気にしてブログ作っても記事投稿してたら知らないうちにミスってることがよくあるので。 って、JavaScriptをほんの少しかじったら作れるような簡単なスクリプトですので、たぶん既出なブックマークレットです。何を今更な…。 そもそも、インフォアクシアのツール使って調べていたんですけど、プロセス(Firefoxなら右クリックからチェック可能)が面倒だったので…。 W3CのCSS V
グーグルがFeedBurnerと買収交渉か--米報道
GoogleがRSS管理サービスのFeedBurnerを現金1億ドルで買収する話を進めており、まもなく合意に達する見込みだとTechCrunchが報じている。TechCrunchは「本買収案件の事情に詳しい情報筋」からの情報としてこの話を伝えている。 本買収は2〜3週間のうちに合意に達する見込みという。2003年創業のFeedBurnerはこれまでベンチャーキャピタルファンドから1000万ドルの資金を調達してきた。ブロガーがRSSフィードを管理し、利用状況をトラッキングできるサービスを提供する。 Googleの広報担当は憶測や噂にはコメントしないとして、本件に関する取材には応じていない。FeedBurnerの広報も、コメントを求める電話取材に応じなかった。
【レポート】Macユーザなら1度は試してほしい! - Webブラウザ「シイラ 2.0」の魅力に迫る (1) Macの美しいUIを損なわずに、Safariよりも高い操作性を実現するWebブラウザ | パソコン | マイコミジ
皆さんは「シイラ」というオープンソースプロダクトをご存知だろうか。シイラは、木下誠氏を中心とする日本人技術者/デザイナー数名によって開発されたMac OS X用のWebブラウザである。「Macの美しいUIを損なわずに、Safariよりも高い操作性を実現する」ことを目標に開発が進められており、4月24日には約1年半ぶりのバージョンアップとなる「シイラ2.0」がリリースされた。本稿では、木下氏の話を基に新版の特徴をお伝えしよう。 まずは、以下の画面をご覧いただきたい。これは、シイラ2.0で複数のWebサイトを開き、Googleの検索画面をアクティブ表示させたときの画面だ。 シイラ2.0の画面 画面下部に並ぶ大きめのアイコン(わかりやすくするためにアイコンを最大表示させている)に注目してほしい。これは「PageDock」と呼ばれるもので、「サムネイル付きタブ」といった役割を果たす機能だ。ご覧のと
NECのN904i紹介イベント、開発哲学などが語られる
NECは23日、NTTドコモのFOMA端末「N904i」の発売に先駆け、都内でN904iを紹介する報道関係者向けイベントを開催した。 ■ NECのケータイも少し変わってきた N904i NEC小島氏 冒頭、壇上に立ったモバイルターミナル事業部長の小島 立氏は、「“イタリアとNEC”と聞いても、すぐイメージが結びつかないだろうが、デザインと高機能さで、ユーザーの生活をより豊かに、快適にしたいと考えている。昨年から、N903i、N703iD、N703iμと続き、NECの携帯電話も少し変わってきたと感じてもらえているのではないか。昨年7月にクリエイティブスタジオという組織を設立したが、そこの役割は、NECの技術とデザインをどう橋渡しするかということ。単なるデザインではなく、企画開発するプロセスをいかにクリエイティブにするか。開発後のプロモーションまで一貫して活動している。当社の携帯電話で、驚きと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kajisoku.com
d:id:quaa - 最小のHTML 4.01?
CSSは悪くない : 雑記帳 : der Gegenwart
マージンの相殺について：CSS | Tech de Go