HTML5, きちんと。HTML5の概要や目的について説明しています。セクション関連要素についても紹介しています。 2009年のCSS Nite vol. 40で話したときのスライドです。Read less
CSS セレクタに関するおさらい | WWW WATCH
CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説
Lucky bag::blog: CSS3 の Selectors と CSS3 Advanced Layout Module
増えているものや削除されたものがあるみたいね。とりあえず、メモとして現状 CSS3 で追加されたセレクタを全て抜き出してみる。 E[foo^="bar"] foo 属性値が文字列 bar で始まる E 要素にマッチ E[foo$="bar"] foo 属性値が文字列 bar で終わる E 要素にマッチ E[foo*="bar"] foo 属性値が部分文字列 bar を含んでいる E 要素にマッチ E:root ドキュメントのルートである E 要素にマッチ E:nth-child(n) 親の中で n 番目の子である E 要素にマッチ E:nth-last-child(n) 親の中で最後から数えて n 番目の子である E 要素にマッチ E:nth-of-type(n) 同じ要素名を持つ兄弟の n 番目の E 要素にマッチ E:nth-last-of-type(n) 同じ要素名を持つ兄弟の最後か
HugeDomains.com
Captcha security check sohaya.com is for sale Please prove you're not a robot View Price Processing
CSS 3でグリッドデザイン | クリエイティブ・タブロイド withD（ウィズ・ディー）
前回、DTP的な段組スタイルを実現するCSS 3 Multi-column moduleを紹介しましたが、今月はさらに一歩進めて、DTP的なグリッドシステムの概念を持ち込むCSS 3 Grid Positioning moduleを紹介します。率直にいって、将来、ウェブページ制作のフローに、きわめて大きな影響をあたえるかもしれない規格といっても過言ではないはずです。 グリッドシステムの概念をCSSに 組版印刷の世界では、グリッドシステムと呼ばれる、紙面領域を仮想の格子（グリッド）状に分割して、文字や図版を格子で仕切られた区画に割りつけていくデザイン手法が、長い間 利用されてきました。その基本的なノウハウはウェブデザインの世界でも活かされ、論理的で一貫性のあるページデザイン（設計）に役立てられています。（下掲リソース参照。一例）
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS 3における新しいレイアウト手法：ボックスレイアウト - builder by ZDNet Japan
ウェブページのレイアウトでは、ヘッダーやサイドバー、コンテンツなどをどのように配置するかがポイントとなる。現在、配置のコントロールにはfloatやpositionプロパティを利用するのが一般的だが、CSS 3の「Advanced Layout Module」という草案では、新しいレイアウト手法が提案されている。 このレイアウト手法は「行と列のレイアウト」や「ボックスレイアウト」と呼ばれ、FirefoxとSafari、Google Chromeが対応している。 ボックスレイアウトの機能を利用すれば、これまでのfloatやpositionプロパティでは困難だった「段の高さを揃えた段組み」なども簡単に作成できるようになる。 そこで今回は、floatプロパティとボックスレイアウトを利用した段組みを比較していく。また、CSS 3で段組みのレイアウトを実現する「Multi Column」との違いも確認
CSS3の機能を試す！
CSS3では何ができるのか？ CSS+XHTMLでWebページを作っていると、面倒なことがたくさんありますよね。「なんでこんなところで苦労しなければいけないんだ！」ってことが、本当に多くあります。 例えば、「文字に影を付きる」ことも大変なことなのです。実現するためには、Photoshopなどで影付きの文字を作成し、GIFに書き出て、それをHTML内にイメージタグで挿入して、alt指定でイメージの説明を書いて…。たった「影付きの文字」を使うだけで、これだけの作業を強いられるなんて、やっていられないですよね。 このように「デザイン的なことを実現するために強いられている無駄な作業」それを回避できるのがCSS3です。「文字に影を付きる」は、新しく加わったtext-shadowプロパティで簡単に実現できます。「角丸の囲み」を作りたければ、border-radiusプロパティを使えば、これもまた簡単に
CSS3を知るための5つのテクニック │ これからゆっくり考L +α
CSS3を使ったサンプルを5つとりあげてみました。 -moz-と頭についているのはFirefox3用、-webkit-とついているのはSafari3、Google Chrome用のスタイルです。 1.角丸 CSS #round { width:300px; height:300px; background-color:#666666; border:3px solid #000000; -moz-border-radius:10px; -webkit-border-radius:10px; } HTML <div id="round">全部の角が角丸になります。</div> →サンプルページ 2.各角の角丸を個別に指定 CSS #indie { width:300px; height:300px; background-color:#666666; border:3px solid #00
「CSS Reloaded」CSS3の実践的な使い方をご紹介！の感想
「CSS Reloaded」CSS3の実践的な使い方をご紹介！の感想 先日、アップルストア心斎橋で行われたCSS Reloaded「CSS3の実践的な使い方をご紹介！」に行ってきました。 資料が公開されました。 ■出典元：CSS Reloaded ■著者；John Allsopp ■リンク：Web Directions East 以下、内容を復習もかねてまとめてみました。（サンプルやブラウザ対応などは私が補足したものです。） CSSの歴史 1996年ぐらいからありました。 2000年にCSSのサポートが良いMac IEが登場 2000-2005年はCSS3の開発がストップ 2000-2008年でブラウザが劇的にCSSに対応していく。(ブラウザ Reloaded) 各ブラウザはCSS3を試験的に実装 プリフィックスをプロパティの先頭につける事によってCSS3を実装することが可能。 Firef
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
worldending.jp
CSS 3の段組みと、その使いどころ | クリエイティブ・タブロイド withD（ウィズ・ディー）
CSS3 Previews - CSS3 . Info