Case-mobile-design - case-mobile-design.com - casemobile by hi-posi inc.
General Information:
Latest News:
[スマホサイト]ビューポートの指定 26 Aug 2013 | 04:39 am
自分的メモ。有名どころのサイトはどうなっているかまとめてみました。 Yahoo http://m.yahoo.co.jp/ Google http://www.google.com/?hl=ja ユニクロ http://www.uniqlo.com/jp/sp/ Docomo http://www.nttdocomo.co.jp/smt/index.html iPhoneからの場...
[iPhone][Android]素敵スマートフォンサイト150超えました！ 25 Jul 2013 | 04:53 am
Pinterestを使って素敵なデザインのスマートフォンサイトを収集しているのですが、その数が150を超えました！ クオリティの高いサイトは眺めているだけでも勉強になります。 関連リンク スマホサイトデザインのPinterestを始めました http://pinterest.com/mobileDesignJp/pins/
[Android公式]Android向けモック制作に役立つパーツPSD/AIデータ 24 Jul 2013 | 05:23 am
http://developer.android.com/design/downloads/index.html Android向けモック制作に役立つパーツPSD/AIがAndroid Developersで配信されています。 「Download All」で全ての素材をまとめてダウンロードすることができます。 これはかなり便利！重宝しています。 http://developer.andro...
iOSシミュレーターでハードウェアアクセラレーションが効いている部分を確認する 23 Jul 2013 | 06:53 am
先日のエントリー「iPhoneでtranform3dの時だけにハードウェアアクセラレーションが効いているのか疑問だ」的なことを書いた私ですが、xcode付属のiOSシミュレーター上でGPUが効いているか確認する方法がありました。 手順 iOSシミュレーターを立ち上げる → Debug → Color Blended Layersにチェックを入れる。 ハードウェアアクセラレーションが効いている...
[スマートフォン]単純なCSS 2Dアニメなら「transform:transform3d(x,y,z)」じゃなくて「transform:translate(x,y)」かも？ 22 Jul 2013 | 12:17 pm
一般的にスマートフォン向け（特にiPhone）の場合は、単純な2D移動でも 「transform:translate」ではなく「transform:transform3d」を使った方がCSSアニメーションが早いと言われています。これは、transform3dを使ったときにiPhone(多分Androidも3.0から)のハードウェアアクセラレーションが有効になるためと言われているためです。 （ ´...
JSを使わずにCSS3の「appearance」を使ってセレクトボックスを自由にデザインする 16 Jul 2013 | 07:02 am
「appearance」はCSS3で追加された新しいプロパティです。 appearanceプロパティは、ユーザーが利用するプラットフォームに応じて、 要素がその環境における標準的なUI（ユーザーインターフェース）のような外観になるよう指定する際に使用します。 出典：http://www.htmq.com/css3/appearance.shtml appearanceを使ってセレクトボックス...
スマホサイトデザインのPinterestを始めました 16 May 2013 | 07:26 am
http://pinterest.com/mobileDesignJp/pins/ 自分的に「これ素敵！」「このUI参考になる！」と思ったサイトデザインを Pinterestでまとめることにしました。 ☆縦長なサイトを紹 [...]
【スマートフォン向けサイト】フォントサイズの指定には、remを使おう。 14 May 2013 | 07:19 am
CSSでフォントサイズの設定する際、「em」や「px」を使う事が多いと思うのですが、スマートフォン向けサイトの場合は全てのブラウザがCSS3に対応しているのでCSS3から新しく登場した単位である「rem」で設定するのがお [...]
iPhone/Androidブラウザで動画を再生するときのハマりポイントと対処法 11 May 2013 | 10:09 am
iPhoneやAndroidでもHTML5のvideoタグを利用することで、 YouTubeなどのアプリを立ち上げる事無くブラウザ内で動画を再生することができます。 しかしこのビデオタグ、、、 端末によって動作が本当にま [...]
スマホ向けのフリックjQueryプラグインは「flipsnap.js」がおすすめ 7 May 2013 | 06:25 am
フリックUIを実装しているサイト スマホ向けのフリックのためのjQueryプラグインってなかなか良い物がなかったのですが、最近は「flipsnap.js」がお気に入りです。ほぼどの端末（Android2系でも！）で、ちゃ [...]
