CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height
はてな内の2カラムレイアウト - tikeda's blog
最近のリニューアルなどを経て、はてなのサイトは、2カラムでブラウザサイズに合せてメインカラムが可変するレイアウトが増えてるのですがキーワードページなどメインカラムの要素が様々だったり、カラムの上下左右と柔軟性が必要な場合が多く、色々やりくりした結果、floatを使った以下の方法で定着しています。 HTML <div id="main"> <div class="box"></div> <div class="box"></div> </div> <div id="sidebar"> </div> CSS #main{ float:left; width:100%; } #sidebar{ float:left; width:250px; background:#CCC; margin-left:-260px; } .box{ margin-right:260px; }こうすると、メインカラ
HTML＆CSSサンプル集
aichan.biz This domain is expired. The domain owner has to renew it from the admin setting if you continue using it. 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner direct
CSS Tips for はてなダイアリー：構造詳細
ここでは、はてなダイアリーの構造を少し詳細に解説しています。 そもそもCSSって何？ と云う方がいきなり見てもチンプンカンプンかもしれません。HTMLおよびCSSについては、以下のリソースが参考になります。 仕様書 CSS1の仕様書の原文(英語) CSS2の仕様書の原文(英語) CSS2の仕様書の翻訳(日本語) Ａ CSS2の仕様書の翻訳(日本語) Ｂ W3Cの仕様書等の文書の日本語訳集 リファレンス、バグ ごく簡単なHTMLの説明 スタイルシート1 - スタイル設定の方法 ばけらの CSS リファレンス CSSバグリスト＠CSSバグ辞典スレッド また、記述されたCSSが仕様に適合しているかどうか検証してくれるサービスがあります。 W3C CSS 検証サービス なにぶんミスの多い人間なので、誤字・脱字・不適切なマークアップ或いは完全な間違いなどの不備がありましたら、はてなの日記（Run,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLの外部ファイル化
はてなダイアリー - はてなダイアリー - 1日分のHTMLテンプレートの構造
Dynamic Drive CSS Library- Practical CSS codes and examples
http://www.dhtmlgoodies.com/scripts/css-lookup/css-lookup
CSSによる段組（マルチカラム）レイアウト講座