単純なCSS 2Dアニメなら「transform:translate(x,y)」を使おう

by gailjadehamilton 　一般的にスマートフォン向け（特にiPhone）の場合は、単純な2D移動でも「transform:translate」ではなく 「...

センス良し！スマホサイトのデザインギャラリーサイト10選\

by Broo_am (Andy B) 　スマホサイトのデザインを考えるときに参考になりそうなサイトを10サイトご紹介します。どれも参考になりますよー！ ...

スマホの数字あれこれを探す時に役立つサイト３選

by pavlinajane [iOSのバージョン別シェアを知る]Apple App Store Distribution 　アップルが公式発表している、iOS...

【HTML5 & jQuery】iPhone / Android入力フォームの制御方法

　iPhoneとAndroidでは入力フォームの仕様・タグの対応状況に違いがあります。そこで、実際に実機で検証してみました。※端末に搭載された標準ブラウザーで検証を行っています。 ...

iPhone/Androidブラウザで動画を再生するときのハマりポイントと対処法

　iPhoneやAndroidでもHTML5のvideoタグを利用することで、YouTubeなどのアプリを立ち上げる事無くブラウザ内で動画を再生することができます。しかしこのビデオ...

【スマートフォン向けサイト】フォントサイズの指定には、remを使おう

　CSSでフォントサイズの設定する際、「em」や「px」を使う事が多いと思うのですが、スマートフォン向けサイトの場合は全てのブラウザがCSS3に対応しているのでCSS3から新しく登...

JSを使わずにCSS3の「appearance」を使ってセレクトボックスを自由にデザインする

　「appearance」はCSS3で追加された新しいプロパティです。 appearanceプロパティは、ユーザーが利用するプラットフォームに応じて、 要素がその環境にお...

【jQueryプラグイン】スマホサイトにドロワーを実装してみよう！

ドロワー(ナビゲーションドロワー)って？ 　Facebookアプリなんかでもおなじみ。ドロワーとは、左（もしくは右）からスライドして出てくるナビゲーションです。ドロワー = ...

【Androidサイト】ホーム画面用のウェブクリップアイコンを設定する

　AndroidもiPhoneと同じくウェブクリップアイコンを設定することができます。 設定方法はiPhoneと同じ「apple-touch-icon-precomposed」...

ローカルのファイルを参照させるアプリ、WEB DEBUGGING PROXY「Charles」

　他のブログでもたまに取り上げられているので、わざわざ紹介しなくても良いかなと思っていたのですがものすごく便利なのでやっぱり紹介したいアプリ。それがプロキシデバッグアプリ「Char...