レイヤー固定CSS
CSSには、レイヤーを好きな場所に固定したり、好きなレイヤーだけをスクロールさせる事が出来る。 こんなのは、ウェブ製作に関わる人なら知ってて当然の知識だと思います。 昔であれば、iframeを用いたりしてページ内に外部のhtmlファイルを読み込む事をしていたが、 現在では、CSSのoverflowを用いる方法に変わった。...
View ArticleClik here to view.
JavaScriptとCSSをブラウザ上で開発しよう
ちょっとした動作確認や実験をしたいとき、テキストを編集して、ブラウザで表示してみて、、という作業になると思います。 パラメータを変更したり、ミスを直したりするのにも若干煩わしさがあったり。 jsbinというサイトでは、直接ブラウザ上でHTMLやJavaScript、CSSを書くことができ、リアルタイムでその実行結果を確認できます。 されに面白いところは、jQueryが使えるところ。...
View ArticleCSS3の角丸をIE8(IE6 & IE7)でも実現させる[border-radius.htc]の落とし穴
border-radios.htcはいまいち使えないことが分かったのでメモです。 Borderのコーナーを角丸にする方法 CSS3では[border-radius]という記述があるので簡単に実現できます。 forefoxやwebkit系(safari,chrome)でも対応させるためには、以下の通り。 moz-border-radius: 5px; //for Firefox...
View ArticleClik here to view.
checkbox(or radio)のスタイルを変更するには？
HTMLのFORM要素のcheckbox(input type=checkbox)とradio(input type=radio)。 checkboxとradioの見た目を変更したいという要望がある。 スタイルシート(CSS)を用いれば可能かと思うが、このFORM要素は、CSSで変更できない。特にIE8以下は、完全に不可能です。 ※CSS3から変更可能。...
View ArticleClik here to view.
CSSのz-indexが効かない！
z-indexを調整してもなぜだか後ろに隠れてしまう。そんなことに出会ったことありませんか？ 以下に参考サイトがありました。 z-indexで重なりが直らない場合はtransformのz軸を疑ってみる CSS translateに要注意です。 translateを使っていると効かなくなります。...
View ArticleClik here to view.
webで縦書きを表現する方法
CSSで対応する方法と画像に変換する方法があります。 CSSの場合は、こちらのページに書いてありました。「テキストを縦書きに表示する」 http://technique.eweb-design.com/0402_tt.html CSSにて 以下の項目を使うことで実現できます。ただし、IE限定とのことですが、最近のブラウザでは対応しているものが多いようです。 writing-mode:...
View Article