Lucky bag::blog: IE で min-width を指定する方法
IE は min-width に対応していないんだけど、「Stu Nicholls | The CSS Playground」でスクリプトを使わず CSS だけで擬似的に min-width を指定する方法が紹介されていたんで、ざっくりとご紹介。この方法は、Win IE のみに効く方法で、Mac IE では機能しない模様。サンプルとして下記の (X)HTML を使用してみる。 <div class="container"> <div class="box"> <div class="contents"> 内容 </div> </div> </div> これに対して、幅 90% で最小幅 400px の指定をしてみる。IE5.5 と IE6 に対応したパターンと IE5.01 と IE5.5 と IE6 に対応したパターンの２種類の方法がある。 実際に試してみたサンプル IE5.5 と IE
Lucky bag::blog
実践 Web Standards Design が電子書籍になりました 概要 拙著「実践 Web Standards Design」通称ホップ本の電子書籍版が改訂新版として10月3日に発売になりました。 公開日 2011-10-03T19:31:53+09:00 URI https://www.lucky-bag.com/archives/2011/10/wsd-epub.html カテゴリ Misc タグ Book CSS HTML XHTML NAVER Japanにジョインしました 概要 10月1日付けでネイバージャパン株式会社に入社してましたというご報告です。 公開日 2009-11-01T17:56:23+09:00 URI https://www.lucky-bag.com/archives/2009/11/joined-with-naver.html カテゴリ Misc タグ
便利なオンラインツール ColorBlender - lucky bag
ウェブサイトやその他デジタルなデザインをする際の色を決めるのに ColorBlender は便利なツールかも知れない。 ベースカラーを決める 基本的にはベースカラーを決めてあげれば自動的に他 5 色を計算してくれる。ベースカラーを決めるには RGB （レッド／グリーン／ブルー）また HSV （色味／彩度／明暗）の2 種類の方法をラジオボタンから選択し、スライダーを動かせば良い。 スライダーの横にある Variations から近似色を選択することも出来る。また、Editing mode のラジオボタンから Direct Edit を選択することで、ベースカラー以外の色をスライダーを使って変更することも可能。 作成したブレンドを保存する ColorBlender の良い点は、作成したブレンドに名前を付けて保存できること。もちろん、作成したブレンドを複数保存することも可能。ちなみに、これはクッ
Firefox で使える about: - lucky bag
Firefox にはスキームとしてabout: が用意されていて、例えば about:config とロケーションバーに打つことで内部変数へアクセスすることが可能ってのは結構知られてる。「about: などの擬似 URL」によると、モジラ（ Netscape Navigator ）の頃にはこの about: ホゲホゲがかなりあったらしいんだけど、現在 Firefox でも使用できるものは下記の通り（だと思う）。 about: about:config about:cache about:credits about:plugins about:buildconfig about:blank about:mozilla 最後の about:mozilla ではイースターエッグとして「モジラの書」からの引用（？）を見ることができるんだけど、文言を見る限りではもしかしたらモジラのやつは違う文言だっ
CSS の値に変数を使用する - lucky bag
例えば、サイトに使用しているカラーとかが決まっていたとして、CSS で色を要素等に指定していくわけだけど、指定する値に変数が使えれば便利じゃね？ってのを実現したのが CSS-SSV 。 CSS-SSV // ShaunInman.com 上記サイトより css-ssv.php をダウンロードして、CSS ファイルを置いてあるディレクトリにアップ。.css の拡張子でも php と認識させられるように .htaccess で下記のように設定。 AddType application/x-httpd-php .css php_value auto_prepend_file /CSS ファイルを置いてあるディレクトリへのローカルパス/css-ssv.php 準備はこれで完了。変数を定義するには下記のような感じにする。 @server variables { BaseColor: #86B933;
CSS ハックまとめ Lucky bag::blog: IE7 を含むモダンブラウザ向け
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ（Safari、Opera、Firefox） ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
