【CSS3】メディアクエリを使ってスマホやiPadで当ブログを見た時のレイアウトを変えてみる
スマホでのサイト閲覧が増えてきているので当サイトもスマホ専用の表示をカスタマイズしてみました。ただし今回は完全なレスポンシブデザインまではいかずあくまでスマホ対策用のカスタマイズです。
HTMLやCSSや簡易スクリプトに関する記事一覧です。
スマホでのサイト閲覧が増えてきているので当サイトもスマホ専用の表示をカスタマイズしてみました。ただし今回は完全なレスポンシブデザインまではいかずあくまでスマホ対策用のカスタマイズです。
Fireworks をそこそこ長く使っているのですが、いっつもイライラしていた Fireworks の悪いクセと思っていた仕様が実は初期設定で直ることを知ってガクゼンとした件です。
apple touch iconを設置して自サイトを目立たせてみましょう。クリックされる率が高くなる可能性ありですよ。
target=”_blank”のついたリンクには専用のアイコンをつけると一目でわかりやすいんですが、画像リンクの後ろにもちょこんと表示されちゃってあわてて対策を。
404 Not Foundページは出ないにこしたことはないんですが、サイトの変更などがあった場合はどうしてもURLが変わってしまうこともあります。それを自動的にトップページに誘導させようというものです ・・・
CSSのfont-familyの書き方がいまいちよくわかってなかったんですがようやくその方向性を見出すことができました。
特殊文字と呼ばれる文字をそのまま打ち込んでもブラウザによっては正確に表示してくれないことも多々あります。その差をなくすための共通表示的なコードの書き方をまとめてみました。
以前はサイトのデザインを「表」と呼ばれる手法でレイアウトしたもんですが今はCSSでのデザインが主流となりつつあります。
Amazonのインスタントストアやバナーでiframe指定するとIEのみ背景色を取り除こうにもtransparentが機能しないのでその解決法です。
画像ファイル名に半角カッコを含ませても問題なく表示されますが、CSSの背景画像として指定すると全く表示されなくなります。これってCSSの仕様?