前回の Android SDK Mac のインストール方法 の記事ではSDK の設定方法までを紹介させていただきましたが、

今回はMac のデスクトップ上でAndroid のエミュレータを動かす際に必要なAndroid 仮想デバイス(AVD) を設定する方法を紹介させていただきます。
続きを読む

Android ブラウザでスマホサイトのデザインや挙動を確認するため、Mac にAndroid SDK をインストールした時の方法を備忘録としてまとめました。

今回、Javaの開発環境であるEclipse などを入れるステップは省略させていただき、Mac でAndroid エミュレータを動かすために必要な「Android SDK Mac」のインストール方法と、「Android仮想デバイス(AVD)」の設定方法の2 回に分けて紹介させていただきます。
続きを読む

無料で使えるCDN サービス「CloudFlare」を導入した際の手順を備忘録でまとめました。

「CloudFlare」は、ブログ内の画像ファイルなどを複数のサーバーにキャッシュさせることで、ユーザーからのアクセスに応じて最適なサーバーから提供させるという負荷分散の仕組みで、これによりブログ本体のパフォーマンス向上が期待できると言われています。

今回はムームードメインで管理したドメインのネームサーバーを、CloudFlare のネームサーバーに変更する方法のご紹介です。
続きを読む

CSS3 の -webkit-box-reflect プロパティを使って画像に「鏡面効果」を与える方法のご紹介です。

以前紹介させていただいた reflection.js のような Javascript を使う方法もありますが、SafariやChrome、iPhoneなどのスマホへの対応に限るものの、CSS だけで手軽に鏡面効果を演出できるので便利なプロパティだと思います。
続きを読む

iPhone でWEBサイトをブックマークして、ホーム画面にアイコンを設置する方法のまとめです。

今回はアプリのお話ではありませんが、「アイコン画像をどのサイズで用意すれば良いのか？」を考える上で、iPhone、iPad、Android アプリのアイコン画像サイズのまとめ の記事でも紹介させていただいたアイコンサイズも参考にしています。
続きを読む

iPhone、Android のアプリやスマホサイト向けに「どのサイズのアイコン画像を用意すれば良いのか？」を調べていると、各ブログで色々紹介されていましたので備忘録としてまとめました。
続きを読む

スマホサイトでリンクをタップすると、iPhone（iOS）ならリンク周りにグレーの影が、Android であればリンクの周りにオレンジの枠 が表示されると思います。

このグレーの影やオレンジの枠（ハイライト表示）をCSS の -webkit-tap-highlight-color で無効にしたり、ハイライトカラーを変更する方法をまとめました。
続きを読む

iPhone など向けにスマホサイトを作っていると「端末を横にすると、文字が拡大表示されちゃう！」と困った経験があるかもしれませんが、

CSS の -webkit-text-size-adjust:100% を使って端末横回転時の文字拡大表示を防ぎます。
続きを読む