|
||||||||||||||||||||||
HTMLにおけるレイヤー表示（Flashを背景にする場合） 投稿者 : mamoru tanaka
最近、制作案件でFlashを背景として使用することが多いので、その方法を簡単にご紹介します。
はじめに、レイヤー階層について説明します。 以下に3つの画像があります。
これらは、通常ですとこのように横並びに表示され画像が重なることはありません。画像を重ねて表示するには以下のように設定します。
.htaccessによるファイル一覧の非表示投稿者 : mamoru tanaka
サーバーによってその仕様は異なりますが、一般的に
http://○○○○.com/フォルダ名/ とURLを指定すると、そのディレクトリに格納されている「index.html」 または、「index.php」が表示されます。 しかし、さくらインターネットなど一部のサーバーでは「index.html」 または、「index.php」 がないディレクトリをブラウザで表示するとファイルの一覧画面が表示されてしまいます。
IE8の不具合と解決方法 第1回投稿者 : mamoru tanaka
2009年3月19日にリリースされた正式版IE8。いくつか不具合報告があるようです。
私が見つけた不具合とその解決策を紹介していきたいと思います。
過去のバージョンのInternetExplorerも同時に確認「IETester」投稿者 : mamoru tanaka
インターネットを閲覧するブラウザはたくさんありますが、過去記事「ブラウザによるフォントサイズの違いと統一」でも述べているとおりブラウザによってCSSの解釈が異なるためサイトのレイアウトや文字の大きさが微妙に異なってしまうことがあります。
そのためクロスブラウザ処理を行う必要があるのですが、InternetExplorerに関してはバージョンによってレイアウトの表示が異なったりするので、各バージョンでの確認が必要です。
モバイルサイトのXHTMLコーディング投稿者 : mamoru tanaka
モバイルサイトは携帯電話のキャリアや機種によって動作やレイアウトが異なる場合があります。これはそれぞれのキャリアや機種によって規格の違いがあるためです。
最近ではこの規格を統一しようという動きもありますが、いつになるか分かりませんし、古い機種の携帯電話を長く使われる方もいますので、しばらくはそれぞれのキャリアや機種での使用の違いを意識する必要があります。 以前は3キャリア共通で動作やレイアウトに違いのないようなコーディング方法となると制約が多く、デザインの自由度が低いのが悩みの種でした。 日進月歩のこの業界、3キャリア共通で使用できるコーディング方法が以前に比べだいぶ変わって来ましたので、モバイルサイトのXHTMLでのコーディング方法をご紹介します。
colspan使用の注意点投稿者 : mamoru tanaka
以前から、「お問い合わせ」ページや「ショッピングカート」ページなどを制作する際に
少し複雑なテーブルをつくると、たまにInternetExplorer6でレイアウトが崩れる現象がありました。 調べてみたところ、InternetExplorer6のバグでテーブルに「colspan」が含まれると幅の指定がずれる ということが分かりました。
ブラウザによるフォントサイズの違いと統一投稿者 : mamoru tanaka
ブラウザによって文字の見た目の大きさが異なる場合があります。
これは、それぞれのブラウザが基準としている文字の大きさが違うからです。 例を挙げると IE5.x以前 は「100%=small」であり、基準のフォントサイズがmedium。 IE6以降 は「100%=medium」で、基準のフォントサイズがmedium。 IEでは「small=16px」ですが FireFoxでは「small=13px」。 また、macのFireFox2.xのみ「small=16px」など。 他にもブラウザごとのフォント自体の描画処理能力なども影響します。 このようなブラウザによる文字の大きさの違いをスタイルシートで統一させる方法をご紹介します。
クリックヒートマップ投稿者 : mamoru tanaka
ウェブサイトにおいて、アクセス解析を用いて今後のサイトの運営方針を考えている方は多いと思います。
アクセス数・セッション数・ページビューなどのサイトを訪れた人数の統計はサイトの運営していく上で大変重要な指数です。 今回は、少し変わったページの統計を紹介します。
Google Chromeの登場について投稿者 : mamoru tanaka
web制作において、頭を悩ませる問題の一つにクロスブラウザ処理というものがあります。皆さんはインターネットを見る際にどのようなブラウザをお使いでしょうか？
WindowsならInternet Explorer、MacならSafariが一般的ですが、その他にもFirefox、Netscape、Operaなどインターネットを閲覧するブラウザはたくさんあります。 問題なのはこれらブラウザによって、サイトのレイアウトや文字の大きさが異なるのです。Internet Explorerで正しく表示されていてもFirefoxでみるとレイアウトが崩れているなどということが多くあります。そうならないために、それらブラウザ一つ一つで正しく表示されているかチェックする作業をクロスブラウザ処理といいます。
Web標準とCSSハック投稿者 : mamoru tanaka
こんにちは。PMのtanakaです。
突然ですが、皆さんは何のブラウザをお使いでしょうか？ Internet Explorerですか？それともFireFox？ MACをお使いの方ならSafariでしょうか？ たくさんのブラウザが存在しますが、それぞれによってページの見え方が異なります。 ページをきちんとデザインし、レイアウトしたとしても他のブラウザでレイアウトが崩れていることはよくあります。
「Windows Vista」に標準で搭載されるフォント「メイリオ」投稿者 : mamoru tanaka
最近Vistaマシンを使用していると、きれいなフォントのサイトを見つけることがあります。
■日経BPネット （http://www.nikkeibp.co.jp/） ■MAJOR.JP （http://mlb.yahoo.co.jp/） ■浅草神社 （http://www.asakusajinja.jp/index_2.html） などのサイトです。 |
||||||||||||||||||||||
 |
