xmarksを利用してFirefoxとSafariのブックマークを同期

Posted by poundhound on August 18, 2009

Tweet

Firefoxをメインブラウザとして利用していますが、Firefoxには翻訳用のアドオンとしてnicetranslatorを入れています。

ブログにエントリーする際リッチテキストを利用していますが、このアドオンが悪さをしてWYSIWYGモードの場合妙なソースコードが挿入されます(このページではこの機能が利用出来ないことを告げるHTMLコードが挿入される)。なのでブログにエントリーする際に利用するブラウザをSafariに切り替えました。

どうせならFirefoxのブックマークとSafariのブックマークを同期させたいと思い、ググるとxmarksと言うアドオンが見つかりました。

このアドオン、結構有名らしいのですが今まで知りませんでした。xmarksのサーバーにブックマークを定期的にアップロードしてバックアップすると言う物ですが、Safari用やIE用のxmarksがあり、これらを利用すると異なるブラウザ間でブックマークが同期出来るのです。

New CSS Sticky Footer -CSSでフッターを下に固定する-

Posted by poundhound on August 16, 2009

Tweet

CSSでフッターを下部に固定する方法ですが、おそらく有名なのはCSSStickyFooterでしょう。コンテンツ部分のpadding-bottomにフッターのheightを指定してフッターのmargin-topにheight分のネガティブマージンを指定するという物です。

CSSStickyで紹介されている(X)HTMLとCSSだと全体を包むdivがありません。よくあるサイトのデザインとして全体を包んだdivの左右にドロップシャドウをつけた画像を縦軸にリーピートさせるものがあります。今回はこのCSSStickyFooterを少々改造して全体を包むコンテナを含んだワイヤーフレームに対応させてみました。

View Demo

CSS2~3 ブラウザ対応状況

Posted by poundhound on August 14, 2009

Tweet

ネタもとはここらへんです。CSS Browser Support

Selector	IE8	IE7	IE6	FF3.5	FF3.0	FF2.0	Chrome	Op9.0	Mac Saf4	Mac Saf3.2
*	○	○	○	○	○	○	○	○	○	○
E	○	○	○	○	○	○	○	○	○	○
.class	○	○	△	○	○	○	○	○	○	○
#id	○	○	○	○	○	○	○	○	○	○
E F	○	○	○	○	○	○	○	○	○	○
E > F	○	○	×	○	○	○	○	○	○	○
E + F	○	○	×	○	○	○	○	○	○	○
E ~ F	○	○	×	○	○	○	○	○	○	○
E[attr]	△	△	×	○	○	○	○	○	○	○
E[attr=val]	○	○	×	○	○	△	○	△	○	○
E[attr~=val]	○	△	×	○	○	△	○	○	○	○
E[attr\|=val]	○	△	×	○	○	△	○	○	○	○
E[attr^=val]	○	×	×	○	○	△	○	×	○	○
E[attr$=val]	○	×	×	○	○	△	○	×	○	○
E[attr*=val]	○	×	×	○	○	△	○	○	○	○
:first-child	○	△	×	○	○	△	○	△	○	○
:link	○	○	○	○	○	○	○	×	○	○
:visited	○	○	○	○	○	○	○	×	○	○
:lang()	○	×	×	○	○	○	○	△	○	○
:before	○	×	×	○	○	○	○	○	○	○
::before	×	×	×	○	○	○	○	○	○	○
:after	○	×	×	○	○	○	○	○	○	○
::after	×	×	×	○	○	○	○	○	○	○
:first-letter	○	○	○	○	○	○	○	○	○	○
::first-letter	×	×	○	○	○	○	○	○	○	○
:first-line	○	○	○	○	○	○	○	○	○	○
::first-line	×	×	○	○	○	○	○	○	○	○
:root	×	×	×	○	○	○	○	×	○	○
:last-child	×	×	×	○	○	△	○	×	○	○
:only-child	×	×	×	○	○	△	○	×	○	○
:nth-child()	×	×	×	○	×	×	○	×	○	○
:nth-last-child()	×	×	×	○	×	×	○	×	○	○
:first-of-type	×	×	×	○	×	×	○	×	○	○
:last-of-type	×	×	×	○	×	×	○	×	○	○
:only-of-type	×	×	×	○	×	×	○	×	○	○
:nth-of-type()	×	×	×	○	×	×	○	×	○	○
:nth-last-of-type()	×	×	×	○	×	×	○	×	○	○
:empty	×	×	×	○	○	△	○	×	○	○
:not()	×	×	×	○	○	○	○	×	○	○
:target	×	×	×	○	○	○	○	×	○	○
:enabled	×	×	×	○	○	○	○	○	○	○
:disabled	×	×	×	○	○	○	○	○	○	○
:checked	×	×	×	○	○	○	○	○	○	○