いろんなことの備忘録

音楽とかwebとか

コーディング

スマホサイトのviewport 設定

ちょっと古いけどまとまってますtech.nitoyon.com

viewport metaを記述してなくてつまづいた

うっかり抜けてただけですごく時間がとられた... スマホで幅がおかしい フォントサイズが明らかに小さいとかあったらこれを見直すblog.鶯梭庵/links/たぶん、ほとんどの人は viewport meta タグの指定をまちがえてる

Google Mapの左上のポップ、枠、吹き出しを消す

Google Mapの左上の表示がいらない時、邪魔な時の対処法です 消すというよりは見えなくするようです 以下のコードをコピペしてください <div style="width: 100%; overflow: hidden; height: 300px;"> </div>

JSのユーザーエージェント判別によるcss読み込み

スマホだけbodyにパディングをつけたいなど最低限のスマホ対応の場合に便利なJSによるcssの分岐 head内に記述 iphoneとipodは iphone.cssを読み込む androidは android.cssを読み込む その他は pc.cssを読み込む <script> (function(){ var _UA = navigator.userAgen…

はてなブログでソースコードを記述

1 はてな記述モードに変更しましょう ダッシュボード > 設定 > 編集モード > はてな記述モードに変更 2 文字を「>||」と「|| 「こんにちわ」を囲うと こんにちわ 3 「>||」の中に言語を指定してあげよう カラフル! htmlだと 「>|html|」 <p>こんにちわ</p> cssだと…