-
CSS 3におけるテキストの自動改行と禁則処理の定義
(builder by ZDNet Japan)今回は、前回に続いて自動改行の設定を行うword-breakプロパティと、禁則処理の設定を行うline-breakプロパティを紹介する。また、word-breakとline-breakプロパティのCSS 3における定義も紹介したい。
2008年09月26日 21時17分
-
テキストの自動改行をコントロールするword-breakプロパティ
(builder by ZDNet Japan)ウェブページに表示されるテキストがどの部分で改行されるか――これを把握しておくことは、ウェブデザインにおいて非常に重要だ。
2008年09月19日 12時31分
-
Google ChromeのCSS 3対応状況
(builder by ZDNet Japan)Google ChromeはWebKitベースではあるが、CSS 3対応という点ではSafariと異なる。コードとブラウザでの表示という具体例を挙げながら、ChromeのCSS 3対応を検証してみよう。
2008年09月05日 21時50分
-
文字にドロップシャドウの効果をつける--FirefoxとSafariのCSS対応
(builder by ZDNet Japan)CSS 3で復活を果たした文字に影をつけるプロパティ「text-shadow」。今回はFirefox 3.1が対応したbox-shadowプロパティと合わせて解説してみたい。
2008年08月29日 20時10分
-
フォントの種類でレイアウトを崩さないために:font-size-adjustプロパティ
(builder by ZDNet Japan)ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。
2008年08月27日 18時41分
-
CSS 3のマーキーでスクロールの動きをコントロールする
(builder by ZDNet Japan)懐かしのマーキータグ。今回はCSS 3の関連するプロパティを利用してマーキーの挙動をコントロールしてみよう。
2008年08月25日 17時27分
-
フォームにデータを正確に入力してもらうためのポイント
(builder by ZDNet Japan)ユーザーにデータをきちんと入力してもらうためには、フォームに注意書きを沿えるのが一般的だ。しかし、注意書き一つとってみても、インタフェースデザインの基本をおさえておく必要がある。
2008年08月07日 20時04分
-
FirefoxとSafariのCSS対応--ボックスに収まらないコンテンツの表示方法
(builder by ZDNet Japan)Firefox 3とSafari 3のCSS対応を紹介する本連載。今回はコンテンツがボックスから溢れてしまう場合の対処法を紹介する。
2008年08月01日 18時53分
-
フォームのデザインで気をつけたい3つのポイント
(builder by ZDNet Japan)これまで2回にわたってフォームのタイプごとの特徴を見てきた。今回はフォームのタイプを組み合わせて、フォームをデザインするときのポイントを紹介したい。
2008年07月31日 22時38分
-
contentプロパティでコンテンツを追加する(3):FirefoxとSafariのCSS
(builder by ZDNet Japan)contentプロパティを使うと文字列や画像だけでなく、連番も追加できる。今回はその方法を紹介していきたい。
2008年07月28日 17時50分
-
フォームデザイン虎の巻:複数の選択肢を提供する
(builder by ZDNet Japan)ユーザーとの重要な接点「フォーム」のデザインを、基礎中の基礎から抑える本連載。今回は複数の選択肢を提供するフォームのタイプを紹介しよう。
2008年07月25日 15時57分
-
contentプロパティでコンテンツを追加する(2):FirefoxとSafariのCSS
(builder by ZDNet Japan)今回は、contentプロパティで画像やキャプションを追加する方法を紹介する。contentプロパティはCSS 2から標準規格に取り入れられたもので、:before/:afterセレクタといっしょに利用することで文字や画像を追加することができる。
2008年07月18日 07時00分
-
フォームデザイン虎の巻:フォームの基礎をおさえる
(builder by ZDNet Japan)ユーザーから情報を受け取る大切な窓口「フォーム」。しかし、フォームのデザインが悪ければ不正確な情報が入力されたり、入力をあきらめてページから離脱されてしまう。窓口の整備を始める前に、まずはどんな種類のフォームがあるのかをみていこう。
2008年07月17日 08時00分
-
contentプロパティでコンテンツを追加する(1)--FirefoxとSafariのCSS
(builder by ZDNet Japan)FirefoxとSafariは今年、いずれもアップデートを遂げた。両者のCSS対応を探る本連載では今回から、contentプロパティを取り上げたい。
2008年07月15日 17時41分
-
文字のアウトラインを表示する--FirefoxとSafariのCSS対応
(builder by ZDNet Japan)今回はスタイルシートを利用した文字のアウトラインの表示を解説する。
2008年06月27日 08時00分
-
フォームのインタフェースデザイン(4)--チェックボックスとラジオボタンのデザイン
(builder by ZDNet Japan)ユーザーがウェブページにアクセスしてくれても、フォームを入力・送信までしてくれなければ、100%達成したとはいえない。本連載ではフォームのインタフェースデザインに関するCSS 3のセレクタを集中して取り上げてきたが、最後の1つを紹介しよう。
2008年06月20日 08時00分
-
フォームのインタフェースデザイン(3)--チェックボックスとラジオボタンのデザイン
(builder by ZDNet Japan)フォームのインタフェースデザインで使えるセレクタを紹介してきたが、今回はチェックボックスやラジオボタンのデザインに関連したものを紹介する。
2008年06月13日 08時00分
-
フォームのインタフェースデザイン(2)
(builder by ZDNet Japan)今回もフォームのインターフェースデザインに関連したセレクタを紹介していく。また、セレクタに未対応のブラウザにJavaScriptで対応する方法も紹介しよう。
2008年06月06日 08時00分
-
フォームのインタフェースデザインを考える(1)
(builder by ZDNet Japan)わかりにくいフォームはユーザーを戸惑わせ、離脱させてしまう。フォームのインタフェースデザインで利用できるセレクタと、各ブラウザの対応状況をまとめた。
2008年05月30日 15時30分
-
displayプロパティの値と各ブラウザの対応をまとめる
(builder by ZDNet Japan)displayプロパティの値について、CSSの対応とブラウザの対応を表にまとめてみた。それぞれの値についてもソースを交えながら解説する。
2008年05月23日 13時27分
-
Firefox 3が対応したdisplayプロパティの値(3) - inline-table
(builder by ZDNet Japan)2回に渡って紹介してきたdisplayプロパティの値「inline-block」。今回は「inline-table」を紹介しよう。
2008年05月16日 13時11分
-
Firefox 3が対応したdisplayプロパティの値(2)
(builder by ZDNet Japan)前回に続いて、Firefox 3が対応したdisplayプロパティの値「inline-block」を紹介する。
2008年05月09日 12時06分
-
Firefox 3が対応したdisplayプロパティの値(1)
(builder by ZDNet Japan)今回はFirefox 3のdisplayプロパティの値を検証していこう。
2008年05月08日 17時00分
-
ボックスにドロップシャドウの効果をつける--Safari 3のCSS対応
(builder by ZDNet Japan)今回はSafari 3でCSS 3のbox-shadowプロパティを検証してみよう。
2008年04月25日 17時45分
-
Firefox 3が対応するwidthプロパティの新しい値
(builder by ZDNet Japan)Firefox 3が新対応したwidthプロパティは、少々複雑でもある。表や図でわかりやすく解説しよう。
2008年04月18日 16時12分