タグ

ブックマーク / 3ping.org (2)

  • CSSの実装状況で変わるボックスのデザイン方法

    Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない1つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS

  • Vicunaのスキンをローカルで編集・調整する方法 - 3ping.org

    Vicunaで配布しているスキンをカスタマイズする場合には、ローカルでスキンCSSを編集したあとにサーバーにアップロードし、実際のブログの表示を確認するという方法になりますが、大幅に変更したい場合などは編集のたびにこの作業をしなくてはならず、とっても面倒くさいです。 そこで、編集作業を軽減するために、VicunaのXHTML構造と同じHTMLファイルを用意しました。このファイルを使い、ローカルでスキンの編集と表示の確認をした後、完成したCSSファイル一式をサーバーニアップロードすることでローカルでの表示と実際にVicunaを使って運営されているブログが同じように表示されます。 私がVicunaのスキンを製作するときはこのファイルを利用しています。 使い方 まず以下のリンクからtyle-test.zipをダウンロードします。 Download: styleTest.zip スキンフォルダの中

  • 1