• RSS
2カラム、3カラムサイトの可変レイアウトのHTMLとCSSまとめ

2カラム、3カラムのサイトやブログを作る上で、ブラウザの伸縮に応じてコンテンツ部の幅を「可変」にする方法のまとめです。

左右メニューの幅は固定にして、コンテンツ部の幅だけがブラウザを縮めれば狭くなり、伸ばせば広くなる、という作りです。
続きを読む

[CSS]float で並べた2つの要素の高さを揃える方法

2カラムのサイトを構築する上で、高さの異なる要素(サイドメニューとコンテンツ部)をfloat で隣合わせた時に「高さを揃える」方法のご紹介です。
続きを読む

[Fla]Swfobject 利用時の wmode 属性を transparent に設定する方法

Flash ムービーを設置したサイトで、例えば
「グローバルナビのドロップダウンメニューの要素がフラッシュの『下』に隠れてしまう」
「Lightbox で画像を立ち上げたら、拡大画像がFlash ファイルよりも『下』に表示される」
なんて経験をされた方もいらっしゃるのではないかと思いますが、

今回はSwfobject を使ってFlash ムービーを表示させる上で、このレイヤーの問題をどのように解決するかについて、回避方法をまとめました。
続きを読む

[HTML]Flashファイル(SWFファイル)をキャッシュをさせない方法

Flashファイル(.swf)を扱う際にはキャッシュの問題が結構面倒くさくて…

固定のFlash ムーヴィならさほぼ気にはならないですが、情報が頻繁に更新されるようなFlash の場合はキャッシュをさせないようにしておかないと、SWFファイルが更新されてもユーザが最新のファイルを見ているとは限りません。
続きを読む

[HTML]スマホサイトでお世話になる <meta name=”viewport”> の設定のまとめ

meta viewport は、デバイスに応じてウィンドウの幅や高さを調整できたり、画面を拡大縮小率を調整したりと、表示領域を設定する上で重要なメタデータです。

特に、スマートホンやiPad などのタブレット向けにサイトを構築したり最適化する際に、<head> 内に meta viewport を設定しておかないと上手く収まってくれません。
続きを読む

特定のファイルを閲覧禁止にしたり、ベーシック認証をかける方法

.htaccess で特定のファイルの閲覧を禁止する方法と、.htaccess と.htpasswd を使って特定のファイルへBasic 認証を設置する方法のご紹介です。
続きを読む