Mac [Mac]MacでAndroid仮想デバイス(AVD) の設定方法
前回のAndroid SDK Macのインストール方法の記事ではSDK の設定方法までを紹介させていただきましたが、 今回はMacのデスクトップ上でAndroid のエミュレータを動かす際に必要なAndroid 仮想デバイス(AVD)を設定...
Android
Mac 
Macアプリケーション [Mac]Android SDK Macのインストール方法
Android ブラウザでスマホサイトのデザインや挙動を確認するため、MacにAndroid SDKをインストールした時の方法を備忘録としてまとめました。 今回、Javaの開発環境であるEclipse などを入れるステップは省略させていただ...
サーバードメインSSL 無料で使えるCDN「CloudFlare」の導入方法
無料で使えるCDNサービスCloudFlareを導入した際の手順を備忘録でまとめました。 「CloudFlare」は、ブログ内の画像ファイルなどを複数のサーバーにキャッシュさせることで、ユーザーからのアクセスに応じて最適なサーバーから提供さ...
CSSプロパティ [CSS]-webkit-box-reflect による鏡面効果の設定方法とAndroid への対応方法
CSS3の-webkit-box-reflectプロパティを使って画像に「鏡面効果」を与える方法のご紹介です。 以前紹介させていただいたreflection.jsのような Javascript を使う方法もありますが、SafariやChro...
スマフォ・iPhone iPhoneでホーム画面にサイトのブックマーク用アイコンを設置する方法
iPhoneでWEBサイトをブックマークして、ホーム画面にアイコンを設置する方法のまとめです。 今回はアプリのお話ではありませんが、「アイコン画像をどのサイズで用意すれば良いのか？」を考える上で、iPhone、iPad、Android アプ...
スマフォ・iPhone iPhone、iPad、Androidアプリのアイコン画像サイズのまとめ
iPhone、Androidのアプリやスマホサイト向けに「どのサイズのアイコン画像を用意すれば良いのか？」 色々調べていると、各ブログで色々紹介されていましたので備忘録としてまとめました。 iPhone のアイコンサイズ 57 × 57ホー...
CSSスニペット [スマホ]iOSやAndroidでリンクタップ時のハイライト表示を変更する方法
スマホサイトでリンクをタップすると、iPhone（iOS）ならリンク周りにグレーの影が、Androidであればリンクの周りにオレンジの枠が表示されると思います。 このグレーの影やオレンジの枠（ハイライト表示）をCSSの-webkit-tap...
CSSプロパティ [CSS]スマホサイトで端末を横にしても文字サイズを拡大させない方法
iPhoneなど向けにスマホサイトを作っていると「端末を横にすると、文字が拡大表示されちゃう！」と困った経験があるかもしれませんが、 CSSの-webkit-text-size-adjust:100%