ダンボールとかトラック風のアイコン素材
ちょっと変わっててかわいいアイコン、ダンボール箱やトラックなど荷物のコンテナをモチーフにした「Container Icon」 | コリス そのうち使おう。
投稿
ラベル（デザイン関連）が付いた投稿を表示しています
iPhone5発売ついでにWebサイト屋用のメモ
- リンクを取得
- ×
- メール
- 他のアプリ
めもめも。 アプリ屋さんとか本職Web屋さんには意味のないメモ。 解像度とか iPhone3G/3GS（iPhone） 解像度：320x480[px] デバイスピクセル比：1 CSSピクセル：320x480[px] iPhone4/4S（iPhone Retina 3.5inch） 解像度：640x960[px] デバイスピクセル比：2 CSSピクセル：320x480[px] iPhone5（iPhone Retina 4inch） 解像度：640x1136[px] デバイスピクセル比：2 CSSピクセル：320x568[px] 画面の向きがPortraitなら上記解像度だけど，Landscapeなら縦横逆です。 判別 UAではiOS(iPhoneOS)のバージョンしか分からない。 参考 （後半省略）（マイナーバージョンは適当にピックアップ） iPhoneOS：Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en)(略) iPhoneOS2：Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_1 like Mac OS X; ja-jp)(略) iPhoneOS3：Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; ja-jp)(略) iPhoneOS4：Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_5 like Mac OS X; ja-jp)(略) iOS5：Mozilla/5.0 (iPhone; CPU iPhone OS 5_0_1 like Mac OS X) (略) iOS6：Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X)(略) iPhone;の部分がiPod;とかiPad;とかなったりするよ。 （cf. userAgent一覧/ユーザーエージェント一覧 等） というわけで，解像度で判定が必要。JSなら window.screen.height==568 で，CSSなら @media (device-height: 568...