css

CSS3 Columns を試してみる

css

Opera 11.10 の最新 weekly で CSS3 Columns なるものが使えるようになったので早速試してみた. CSS3 Columns は簡単にいうと今まで float や position などを使って行っていた段組を簡単に行えるプロパティたち. 導入したのはこのブログのフッタ部分. HTM…

jQuery と CSS3 の :target セレクタを使ってスライドショーを作ってみた

:target セレクタの便利さを試してみたかったので作ってみた. デモ: jQuery Slideshow with CSS3 :target selector 上下キーでページ切り替え.単純なページ切り替えしか実装していない.文字が追加で表示されるとか横から何か飛び出てくるとかはできない…

ページ内検索と表示されていない文字

<p>hog<span style="display:none;">fuga</span>e</p> <p>hog<span style="visibility:hidden;">fuga</span>e</p> 上記のような HTML だと 1行目は 'hoge' 2行目 は 'hog e' と表示される。 このようなページで 'hoge' とページ内検索をしたらどうなるかを各ブラウザで調べてみた。 IE & Firefox 1, 2行目いずれもマッチせず。 Opera 1 行目のみマッチ。…

Opera で float した要素の文字列選択がおかしい?

http://higeorange.com/tmp/test_float.html Opera で各 li 要素に対して文字列選択を試みてほしい。 なお背景色が黄色になっているところが float した要素。 画像のようにおかしく文字列選択できる。 実際にこのように選択した状態で文字列をコピーすると…

CSSのセレクタ対応状況を調べる

css

http://www.css3.info/selectors-test/test.html 各ブラウザの対応状況を数字だけならべると, Opera 9.02 Passed 26 out of 43 selectors and 292 out of 513 total tests Firefox 1.5.0.7 Passed 36 out of 43 selectors and 314 out of 513 total tests F…

CSSの最適化

CSS

Format and Minify Your Code Online やってくれること OperaIRC+のCSSを最適化してみてやってくれたことを列挙。 セレクタ,プロパティのソート 中身が空のセレクタの削除。 プロパティの値を短く。 色指定の変更。white->#fff, #ffffff -> #fff, #c0c0c0 ->…

スタイル変更ほぼ完了

CSS

OperaIRC+のほうとほぼ統一ということで。ヘッダーの色が気に入らないけどそこは有料オプションにしないと解決しないので放置。 この、スタイル変更には大いにOperaの"Reload from Cache"が役にっ立った。その方法を後で書くことにする。 ソースビューアで行…

フォント問題

上の画像ははてなlabo-Wordlinkのタグクラウドの画像であるが、日本語のフォントが大きい場合文字が重なって表示されてしまう。Opera(Linux)のみにおいて確認。Firefox(Linux)だと正常に表示された。はてなブックマークのタグクラウドにおいても同様に表示さ…

The CSS Playground

このサイトすごい。CSSだけでいろんなことをやろうというもの。参考になりそう。