こんにちは、まだ1月感覚の抜けないhakoishiです。 ただでさえ短い2月、気がついたら「そんなのあったっけ?」になってそうでどうしよう。 さて、今回はページの上下左右中央にボックスを配置する時、最低限のマージンを確保する方法をご紹介します。 言葉では伝えにくいので早速サンプル。 ページの上下左右中央にボックスを配置する時、最低限のマージンを確保するサンプル ウィンドウを広げたり縮めたりしてみてください。 ページ中央に配置されたグレーのボックスが、ウィンドウが一定サイズ以下(このサンプルの場合、ヘッダー、フッターを別として縦400px、横600px)になるとそのままの配置で固定されます。 ※IE7以降対応です。 エラーページとかアクセスマップとか、中身がちょっぴりしかないんだけどちょっとだけこだわりたいなー、なんてページに使うと良いんではないでしょうか? まずはベース。当ブログのこの記事
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには? ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
iPhoneでウェブ版Googleマップ http://maps.google.com を開くと自分のマイマップをみることができるんですね。クチコミなどの情報もついてるし、ルート検索もできちゃいます。これ便利です! これまでの方法 これまではMy Maps http://my-maps.appspot.com/maps を使ってましたが、Google側のAPIの廃止とかでアクセスできなくなってました。 GoogleマイマップをiPhoneマップで見る方法: おとうさんのつれづれLifehack(ライフハック) こちらのページで対処法もありますが、ちょっとだけ大変。詳しくはこちらのページをどうぞ。 GoogleマイマップをiPhoneで表示(2011/2/1以降):ふじくろ日記:So-net blog マイマップをiPhoneから編集できるアプリも購入しました。でもサファリでマイマップをみる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く