Webデザイン・開発の基本 HTMLネタのポータル

※ ※

[CSS]クロスブラウザ、マルチカラム対応のフッタを下部に固定表示するスタイルシート | コリス　[　情報元へ　]
New CSS Sticky Footer - 2009 demo主な対応ブラウザは、FX6/7/8, Fx2/3, Op9.6/10, Safari3.2, Crome1となっており、他にも多くのブラウザに対応しています。 対応ブラウザリストNew CSS Sticky Footerは、同じくフ...

[CSS]コンテンツ箇所をHTMLの上部に配置するスタイルシートのトリック | コリス　[　情報元へ　]
CSS#content{float: right;width: 685px;margin: 120px 0 0 0;padding: 20px;}#header{width: 970px;position: absolute;top: 0; left: 0;}#sidecol{width: 235...

俺がHTML&CSSを覚えた方法 - Life goes on　[　情報元へ　]
Web関係[web] CSSを「ちゃんと」書けるようになりたい - Greenbear Diary (2009-05-06)はてなブックマーク - Greenbear Diary - CSSを「ちゃんと」書けるようになりたい今日こんな記事をブクマしたので、参考になるかどうか分からないけど俺のマーク...

クオリティーの高いフリーのXHTML/CSSテンプレート50 | CREAMU　[　情報元へ　]
noupeで、クオリティーの高いフリーのXHTML/CSSテンプレートが紹介されています。ざっといくつかご紹介。↑はSymisun。Creative MediaGreen SolutionsTreeHouseRamblingSoulライセンスについてはリンク先を確認してください。 PSDファイルが...

[CSS]ネガティブマージンの理解を深め、活用するテクニック集 | コリス　[　情報元へ　]
スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。The Definitive Guide to Using Negative Margins1...

a要素が2行になった場合に背景下にテキストが来ないように。｜CSS HappyLife　[　情報元へ　]
目新しいネタは全く見つからないとか色々を言い訳に、月1書けばいい方になってる今日この頃・・・うぅ。 そういえば、web creatorsの5月号（たぶん）に参考にしているサイトでウチのサイトの名前があったとかどーとか聞いたんですがマジっすか！？読んでないーorz あと、7月号（Vol.91）にちょ...

Tableのデザインまとめ | DesignWalker　[　情報元へ　]
料金表やスペック表などに使えそうなTableのデザインを探してみるといろいろと見つかりました。以前にもこのブログで「TableとCSSいろいろ」でもご紹介しましたが、今回はTableのデザインパート２と言う事で、いろいろとまとめてみました。サンプルやダウンロードページが別に分かれているところは、そ...

[CSS]角丸を使用しないで、四隅をすっきりみせるスタイルシート　[　情報元へ　]
�q1px rounded corners/smart faking �qdemo仕組みはdivを二つ使用し、paddingとmargin、もしくはmarginとborderで「1px欠け」を実装しています。HTMLCSS(padding&margin).example1 .outer {back...

使っていないCSSを見つけ出す方法 | エンタープライズ | マイコミジャーナル　[　情報元へ　]
Windows Internet Explorer 8オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属してい...

CSS３を使った、強くて速いデザイン例 | CREAMU　[　情報元へ　]
CSS3でできることをいち早く知っておきたい。そんなあなたにおすすめなのが、『Stronger, Better, Faster Design with CSS3』。CSS３を使った、強くて速いデザイン例です。以下の例が紹介されています。Inline Form Labels inputのフィールドに...

[　← 前の画面に戻る　]