-
Firefox 3.5のCSS対応:Webフォント、メディアクエリ、セレクタ
(builder by ZDNet Japan)Firefox 3.5がリリースされ、HTML 5やCSS 3への対応が一段と進んだ。そこで、今回から3回にわたって、Firefox 3.5が対応したCSSの新機能についてまとめていく。今回はWebフォント、メディアクエリ、セレクタの機能を見ていきたい。
2009年07月09日 21時33分
-
SafariとChromeのCSS対応:文字や画像にマスクをかける
(builder by ZDNet Japan)今回はレンダリングエンジンにWebkitを利用しているSafari 4とGoogle Chrome 2が独自にサポートした機能の中から「マスク」を紹介する。
2009年07月09日 19時09分
-
IE8が対応したCSS 3の機能:ボックスサイズの算出とルビ関連の機能
(builder by ZDNet Japan)IE8のCSS 3対応について、今回は新規にサポートしたbox-sizingプロパティと、古いIEでもサポートされていたルビ関連の機能を紹介する。
2009年06月19日 14時11分
-
IE8が対応したCSS 2.1の機能:displayプロパティなど3種類を解説
(builder by ZDNet Japan)今回はIE8が対応したプロパティのうち、display、list-style-type、white-spaceの3つを解説する。
2009年05月15日 19時34分
-
IE8が対応したCSS 2.1の機能:印刷とコンテンツの追加に関する機能
(builder by ZDNet Japan)IE8はCSS 2.1の機能に一通り対応した。今回は古いIEが未対応だった印刷関連の機能と、コンテンツの追加に関する機能について確認する。
2009年04月23日 08時00分
-
IE8で修正されたfloat関連のバグ その2
(builder by ZDNet Japan)前回に引き続き、IE8で修正されたfloat関連のバグを確認していく。
2009年04月13日 16時59分
-
CSSの現状とIE8
(builder by ZDNet Japan)「IE8のCSS対応」第1回では、ミスリードとも取られかねないタイトルとリード文を”編集部が”付与した結果、読者の皆さまから多くのお怒りとご指摘を頂きました。今回、著者のエ・ビスコム・テック・ラボさんにその真意を伝えて頂くべく、CSSとIE8の現状について改めて稿を立てます。(編集部)
2009年04月06日 16時18分
-
IE8のレンダリングモードと互換表示
(builder by ZDNet Japan)IE8には3種類のレンダリングモードが用意されている。今回はそれらの特徴と指定方法、そして互換表示ボタンを隠す方法を紹介する。
2009年04月06日 11時20分
-
IE8が対応したCSSと標準規格
(builder by ZDNet Japan)本連載ではIE8正式版のCSS対応と標準規格への準拠を検証する。
2009年03月25日 14時26分
-
CSS技研:ノート風の罫線にテキストをレイアウトする
(builder by ZDNet Japan)今回はCSSを利用してノート風の罫線にテキストをレイアウトしてみよう。テキストの分量や文字サイズの変化にも柔軟に対応できるようにするのがポイントだ。
2009年03月18日 10時30分
-
CSSで円形のグラデーションを作成する
(builder by ZDNet Japan)CSSで円形グラデーションを実現する機能を活用すると、グラデーションに文字を重ねてアイキャッチを簡単に作成できる。これはグラフィックソフトいらずな機能だ。
2009年03月18日 07時00分
-
CSS技研:ロールオーバーボタンで吹き出しを表示する
(builder by ZDNet Japan)HTML+CSSだけでリッチなコンテンツデザインを実現する「CSS技術研究所」。第1回では、CSSの:hoverセレクタとoverflowプロパティを利用して、ボタンにカーソルを重ねたときに吹き出しを表示してみたい。リンク先の説明の表示などに利用することが可能だ。
2009年03月10日 12時22分
-
グラフィックソフト不要:CSSで画像に透過グラデーションの帯を重ねる
(builder by ZDNet Japan)Safari 4が対応したグラデーションの機能を使うと、画像の上に透過グラデーションの帯を重ねて表示することも可能になる。これまではグラフィックソフトで制作していた部分が、CSSで表現できるようになるのだ。
2009年03月06日 12時27分
-
CSSでグラデーションを表現する
(builder by ZDNet Japan)Safari 4(ベータ版)とGoogle Chrome(開発版)が対応したグラディエント(Gradient)の機能を利用すると、CSSで簡単にグラデーションを表現することができる。グラデーションは透過することもできるため、対応ブラウザが増えれば表現の幅が大きくアップするだろう。
2009年03月06日 11時57分
-
Safari 4が対応したCSSの新機能:グラディエント、反転、マスク
(builder by ZDNet Japan)Safari 4では、CSSの新機能として、テキストや画像を「グラディエント」「反転」「マスク」することができる。グラフィックソフトで処理していた作業が、スタイルシートだけで実現できる可能性が高まった。
2009年03月02日 19時19分
-
フォトショいらず:CSSで画像の上に斜めの帯と文字を表示してみる
(builder by ZDNet Japan)CSSのトランスフォームの機能を利用すると、画像をわざわざ加工しなくても、CSSだけで画像に斜めの帯を表示させることができる。
2009年02月20日 19時38分
-
CSSでトランスフォーム:1つの要素に複数の変形処理を適用する
(builder by ZDNet Japan)今回は、CSSのプロパティ「transform」を使って、1つの要素に対して複数の変形を加えてみよう。
2009年02月20日 19時06分
-
CSSでトランスフォーム:変形処理「transform」の基礎
(builder by ZDNet Japan)CSSのプロパティ「transform」を利用すると、コンテンツに対して「回転」「拡大・縮小」「スキュー(シアー)」「移動」といった変形処理を適用できる。
2009年02月17日 15時52分
-
CSS 3のセレクタ「:target」でタブメニューをつくる
(builder by ZDNet Japan)CSS 3のセレクタ「:target」を利用して、1ページ内に記述したコンテンツをタブメニューで切り替えて表示する方法を紹介する。
2009年02月06日 20時14分
-
CSS 3のセレクタ:スタイルシートを繰り返し適用する
(builder by ZDNet Japan)今回はこれまでのおさらいとして、スタイルシートを繰り返し適用する方法を紹介したい。
2009年01月09日 22時34分
-
CSS 3のセレクタ:最初と最後、偶数と奇数の要素にスタイルシートを適用
(builder by ZDNet Japan)今回はCSS 3のセレクタ「:first-child」「:last-child」「:nth-child()」「:nth-last-child()」を紹介する。
2008年12月12日 19時20分
-
CSS 3のボックスレイアウトでコンテンツを画面の中央に配置する
(builder by ZDNet Japan)4回に渡って紹介してきたCSS 3の新しいレイアウト手法「ボックスレイアウト」。今回はボックスレイアウトを利用して、コンテンツを画面の中央に配置する方法を紹介する。
2008年12月03日 19時55分
-
ボックスレイアウトで簡単リキッドレイアウト
(builder by ZDNet Japan)今回はボックスレイアウトでリキッドレイアウトを作成する方法と、段組みの段の表示順序を指定する方法を紹介する。
2008年11月14日 17時45分
-
ウェブページの段組みのデザインをカスタマイズする
(builder by ZDNet Japan)FirefoxやSafari、ChromeなどのブラウザのCSS対応を解説する本連載。今回は段組みの間隔を調節するcolum-gapと、区切り線を挿入するcolum-ruleプロパティを紹介する。
2008年10月17日 17時00分
-
ウェブページの段組みをレイアウトするCSS 3のMulti Column
(builder by ZDNet Japan)ウェブページを段組みで表現するには、floatプロパティやpositionプロパティを利用するのが一般的だ。しかし、CSS 3のMulti Columnを利用すると、コンテンツ変更に伴うレイアウトの調整を省力化できるだろう。
2008年10月03日 19時54分