memo.xight.org

Home > Changelogメモ > CSS > 2ページ目 (全4ページ)
ChangeLog 最新ページ / カテゴリ最新ページ / 前ページ 1 2 3 4 次ページ / 2ページ目 (全4ページ)
2008-12 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

2006-07-24 Mon

ADxMenu - CSSナビゲーションメニュー

- ADxMenu Examples
http://www.aplus.co.yu/adxmenu/examples/

- Reference
aplus :: ADxMenu
http://www.aplus.co.yu/adxmenu/intro/

- via
GIGAZINE - ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」
http://gigazine.net/index.php?/news/comments/20060724_css_adxmenu/

カテゴリ: [CSS]

2006-07-12 Wed

スタイルシートを書く時のガイドライン

- Reference
スタイルシートを書く時のガイドライン - 2xup
http://2xup.org/log/2006/07/11-1956

カテゴリ: [CSS]

2006-06-19 Mon

Clean CSS - CSSの最適化,ファイルサイズ削減ツール

- Summary
テキストフィールドにCSSを入力するか,CSSが置いてあるURLを指定して,"Process CSS" をクリック.
åƳ

- 使用前 (196byte)

#example {
	color: rgb(0,0,0);
	background-color: #ffffff;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px 5px 10px 5px;
}


- 使用後 (Compression: Low)
#example
{
	color:#000;
	background-color:#fff;
	font-weight:700;
	margin:5px;
	padding:10px 5px;
}

入力 196 byte
出力 99 byte
圧縮率 49.5 %
- 97 byte

- 使用後 (Compression: Standard)
#example {
color:#000;
background-color:#fff;
font-weight:700;
margin:5px;
padding:10px 5px;
}

入力 196 byte
出力 94 byte
圧縮率 52.0 %
-102 byte

- 使用後 (Compression: High)
#example{color:#000;background-color:#fff;font-weight:700;margin:5px;padding:10px 5px;}

入力 196 byte
出力 87 byte
圧縮率 55.6 %
-109 byte

- Reference
Clean CSS - A Resource for Web Designers - Optmize and Format your CSS
http://www.cleancss.com/

カテゴリ: [CSS][WebTool]
内部リンク: [2006-08-22-21]

2006-06-19 Mon

きれいな独自フォームの生成方法

- Summary
Niceform[2006-04-18-3]のような独自フォームを生成する方法.

- Reference
maratz.com - 2006-06-11 - Fancy checkboxes and radio buttons
http://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/

- via
phpspot開発日誌 - 2006-06-19 - デフォルトのフォームをクールにカスタマイズする方法
http://phpspot.org/blog/archives/2006/06/post_85.html

カテゴリ: [CSS][JavaScript]

2006-06-18 Sun

(X)HTML の id/class における命名規則

- Reference
And all that Malarkey // Naming conventions table
http://www.stuffandnonsense.co.uk/archives/naming_conventions_table.html
- via
(X)HTML の id/class における命名規則 on CSS Flight - Jun, 15th 2006 (1)
http://purpr.in/presentation/cssflight/

カテゴリ: [CSS]

2006-06-12 Mon

CSS だけでタブ UI を実現

- Summary
CSS3だけでタブを実現.
Behaviour.js を利用している.
- Reference
我的春秋 - Tabs using :target pseudo-class in CSS 3
http://my-chunqiu.cocolog-nifty.com/html/test.html
- via
我的春秋 - 2006-01-05 - JavaScript ソースが HTML から消える日
http://my-chunqiu.cocolog-nifty.com/blog/2006/01/javascript_html_bc22.html
我的春秋 - 2006-06-10 - 続 JavaScript ソースが HTML から消える日
http://my-chunqiu.cocolog-nifty.com/blog/2006/06/_javascript_htm_d49c.html

カテゴリ: [CSS]

2006-06-08 Thu

XHTML + CSS で組みなおす

- Reference
3ping.org - 2006-05-16 - mixiをXHTML+CSSで組みなおす
http://3ping.org/2006/05/16/0529
3ping.org - 2006-05-24 - HatenaをXHTML+CSSで組みなおす
http://3ping.org/2006/05/24/2259

カテゴリ: [CSS]

2006-04-17 Mon

CSSレイアウト サンプル集

- Reference
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
http://blog.html.it/layoutgala/

カテゴリ: [CSS]

2006-04-03 Mon

JavaScriptは使わずCSSだけで作られたイメージギャラリー

- Reference
stu nicholls | CSS PLaY | cross browser multi page photo gallery
http://www.cssplay.co.uk/menu/lightbox.html#flower8

Suckerfish HoverLightbox | Monday By Noon
http://www.mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/

- via
GIGAZINE - JavaScriptは使わずCSSだけで作られたイメージギャラリー
http://gigazine.net/index.php?/news/comments/20060402_cssonly/

カテゴリ: [CSS]

2006-02-16 Thu

IE7におけるCSSサポートの改善

IEBlog : Improving the CSS 2.1 strict parser for IE 7
http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx
IE7におけるCSSサポートの改善 | Web標準Blog | ミツエーリンクス
http://standards.mitsue.co.jp/archives/000076.html

カテゴリ: [Internet Explorer][CSS][Stub]

2006-02-09 Thu

userContent.css で Apache2 の server-status を見やすくする

- 使用前
åƳ

- 使用後
åƳ

- userContent.css

@-moz-document url-prefix("http://localhost/path/to/server-status") {
	h1 {
		maring: 0;
		padding: 10px;
		color: #fff;
		background-color: #000;
	}
	td,th {
		padding: 5px;
		border: 1px #eee solid;
	}
	th {
		color: inherit;
		background-color: #eee;
	}
	pre {
		padding: 10px;
		color: #fff;
		background-color: #000;
	}
}


- Reference
Firefox まとめサイト - usercontent.css
http://firefox.geckodev.org/?usercontent.css

カテゴリ: [Apache2][CSS][Firefox]

2006-01-19 Thu

CSSを使ってキーボード入力をアイコンのように表示

- Source

kbd {
	color: #333333;
	background-color: white;
	text-align: center;
	border-left: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	-moz-border-radius: 4px 4px 4px 4px;
	padding-left: 1px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	margin-left: 2px;
	margin-right: 2px;
	vertical-align: top;
	font-family: sans-serif;
}

- Sample
Ctrl+Alt+Del
- Reference
にわか鯖管の苦悩日記 - 2006-01-11 - CSSを使ってキーボードのアイコンっぽく表示させる
http://kikuz0u.x0.com/td/?date=20060111#p02
- via
cl.pocari.org - 2006-01-11
http://cl.pocari.org/2006-01-11-9.html

カテゴリ: [CSS]
内部リンク: [2006-02-15-1]

2005-11-21 Mon

Internet Explorer で CSSに指定された背景を印刷する

- 方法
[ツール] - [インターネット オプション] - [詳細設定]タブ
[印刷] - [背景の色とイメージを印刷する]チェックボックスにチェック
- ポイント
デフォルトではオフ

2005-11-08 Tue

h1 タグの前で改ページ

- CSS

h1 { page-break-before: always; }

- Reference
  Paged media
  http://www.w3.org/TR/REC-CSS2/page.html
- via
cl.pocari.org - 2005-02-21
http://cl.pocari.org/2005-02-21-1.html

カテゴリ: [CSS]
2008-12 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
最終更新時間: 2008-12-02 10:52

Color Reference

ChangeLogを検索
携帯電話からアクセス!

カテゴリ

最近の話題

リンク

過去ログ

Google

QR Code

Since
2002-11-28
Update
2008-12-02 10:52
Copyright © 2005 xight.org All Rights Reserved.