小型携帯端末向けスタイルの分岐方法（CSS 3 Media Queries） | クリエイティブ・タブロイド withD（ウィズ・ディー）
早いもので、もう年の瀬ですね。先日、いよいよアップルが 3G版 iPhone の、日本での発売に向けて動き出したみたいですね。iPod Touch 共々、これでウェブブラウジングの選択肢が、またひとつ増えることになりそうです。 もちろん、iPhone や iPod Touch 以外にも、PDA や、スマートホン、携帯電話、携帯ゲーム機など、ウェブにアクセスできる小型携帯端末はたくさんあります。これら小型携帯端末は、PC 用のディスプレイに比べて画面が小さく、縦長のもの、横長のもの、縦横両用のものなど、大きさも縦横比もまちまちです。 最近は、こうした小型携帯端末から、携帯電話用ではなく、PC 向けのコンテンツにアクセスする機会が増えつつありますが、さすがに小さな画面で、マルチカラム レイアウトのページを閲覧するのはツライですよね。
[CSS]フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック
フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
lllcolor.com
