webで縦書きを表現する方法

CSSで対応する方法と画像に変換する方法があります。 CSSの場合は、こちらのページに書いてありました。「テキストを縦書きに表示する」 http://technique.eweb-design.com/0402_tt.html CSSにて 以下の項目を使うことで実現できます。ただし、IE限定とのことですが、最近のブラウザでは対応しているものが多いようです。 writing-mode: tb-rl; […]

CSSのz-indexが効かない!

z-indexを調整してもなぜだか後ろに隠れてしまう。そんなことに出会ったことありませんか? 以下に参考サイトがありました。 z-indexで重なりが直らない場合はtransformのz軸を疑ってみる CSS translateに要注意です。 translateを使っていると効かなくなります。 私の場合は、SliderBarのJSプラグインを入れていたため、その中を調べてみるとtranslateを […]

checkbox(or radio)のスタイルを変更するには?

HTMLのFORM要素のcheckbox(input type=checkbox)とradio(input type=radio)。 checkboxとradioの見た目を変更したいという要望がある。 スタイルシート(CSS)を用いれば可能かと思うが、このFORM要素は、CSSで変更できない。特にIE8以下は、完全に不可能です。 ※CSS3から変更可能。 だけど、どうしてもデザイン的に変更させたい […]

CSS3の角丸をIE8(IE6 & IE7)でも実現させる[border-radius.htc]の落とし穴

border-radios.htcはいまいち使えないことが分かったのでメモです。 Borderのコーナーを角丸にする方法 CSS3では[border-radius]という記述があるので簡単に実現できます。 forefoxやwebkit系(safari,chrome)でも対応させるためには、以下の通り。 ただし、これではIE8以前には対応してません。 IE8以前のIE6,7,8に対応させるためには、 […]

JavaScriptとCSSをブラウザ上で開発しよう

ちょっとした動作確認や実験をしたいとき、テキストを編集して、ブラウザで表示してみて、、という作業になると思います。 パラメータを変更したり、ミスを直したりするのにも若干煩わしさがあったり。 jsbinというサイトでは、直接ブラウザ上でHTMLやJavaScript、CSSを書くことができ、リアルタイムでその実行結果を確認できます。 されに面白いところは、jQueryが使えるところ。 もちろんバージ […]

レイヤー固定CSS

CSSには、レイヤーを好きな場所に固定したり、好きなレイヤーだけをスクロールさせる事が出来る。 こんなのは、ウェブ製作に関わる人なら知ってて当然の知識だと思います。 昔であれば、iframeを用いたりしてページ内に外部のhtmlファイルを読み込む事をしていたが、 現在では、CSSのoverflowを用いる方法に変わった。 これもご存知だと思いますが、iframeで読み込んだページのみがGoogle […]