public marks

PUBLIC MARKS from asiamoth with tag css

December 2005

A css mouseover

え!? CSSだけでこの表現!?

Photos of Tamara Loncar-Agoli

ナビゲーション部分のタブが、CSSだけで表現されている。

November 2005

Changingman layout | And all that Malarkey

by 2 others
ナビゲーション部分を固定しているレイアウトのサンプル。

eto.com/d - 0503

(via)
これまた画像を使わずに角を丸くする。

cornerRound.js サンプル

画像を使わずに角を丸くする。

October 2005

Lucky bag::blog: tableの見栄えをCSSで整える

by 1 other
thタグ、初めて知った……

hail2u.net - Weblog - 大きな画像でレイアウトがあばばばばば

『overflowの値にhiddenやscrollを指定することでレイアウトや見た目の崩れを回避することが可能です。』

Lucky bag::blog: dt と dd を横並び

『display: table;』ってプロパティがあるんだ。知らなかった。

September 2005

ただのにっき(2005-09-22)

『preでも(normalと違い)改行を生かしたまま折り返してくれる』とのこと。

Simple, accessible "more" links

by 3 others
CSSだけでシンプルに「続きを読む」リンク。

Lucky bag::blog: リモートロールオーバーを CSS だけでやってみる

『離れた部分の画像をロールオーバーで変化させる』のを、javascriptを使わずに表現。

Lucky bag::blog: Re: CSSの謎

『Windows IE の場合は、メインコンテンツに画像を置いた際に、画像幅以下までウィンドウを縮めていくと ナビゲーションが画像に重ならずにメインコンテンツの下にストンと落ちてしまう現象が起こる。』 clearを使うと解決できるとのこと。

hail2u.net - Weblog - Negative Margin Trick

『Header + (Liquid Column + Fixed Column) + Footer』というレイアウトの時にいいみたい。

August 2005

Styling <abbr> in IE

by 2 others
IEでabbrタグをspanタグでスタイリング。自動で行うJavascriptもある。

Chitatopops: 2005-08-14

『チェックボックスやラジオボタンに使えるファンシーな画像とCSSなどのファイルのセット 』の紹介。

Lucky bag::blog: pre要素にoverflow

『横に長いコードの場合は、overflow: auto;と指定し、スクロールバーが表示されるようにしているのすが、IEの場合pre要素の幅を指定してあげないと、バーが表示されずpre要素内の中身いっぱい横に伸びて表示されてしまいます。』

July 2005

スタイルシートスタイルブック » Blog Archive » ソースを見てまず勉強

『一言でいうと通常のソースビューの強力版』とのこと。

徒波|不要なコンテキストメニューを非表示にする 【userChrome.css】

Firefoxの右クリックメニューから、不要な物を非表示にする。userChrome.cssを利用。

Hide CSS from browsers :: @import

by 15 others (via)
各ブラウザで「@import」でCSSを読み込む際の可否表。

June 2005

『Bookmarklet: Mouseover DOM Inspector : styletype.jp』

by 1 other
これはすごい!! マウスを乗せた要素のCSS情報をポップアップ表示するBookmarklet。

[自]『wg:Fun with Drop Shadows』

by 6 others
CSSで画像のドロップシャドーを表現する方法。

『JavaScript Instant CSS Editor | 東京嫉妬』

by 2 others
プレビューしながらCSSの設定が行える。これは便利!!