http://www.phonegap.com/
考察：Appleã¯ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’作らãªã„。
今ã¾ã§æ°—ã¥ã‹ãšã«ã„ãŸãŒã€Appleã¯ã‚¹ãƒžãƒ›(スマートフォン)å‘ã‘サイトを作ã£ã¦ã„ãªã„。ãã‚Œã¯ä½•æ•…ã‹ã€‚ 予算ãŒãªã„ã¨ã‹ã€(ã©ã“ãžã®ãƒ¡ãƒ¼ã‚«ãƒ¼ã¨é•ã£ã¦)ウェブデザインや自社製å“ã«ã¤ã„ã¦ã®ç†è§£åº¦ãŒä½Žã„ã¨ã‹ã€ãŠãらããã†ã„ã£ãŸãƒã‚¬ãƒ†ã‚£ãƒ–ãªç†ç”±ã§ã¯ãªã„。Appleã®ã‚¦ã‚§ãƒ–サイトã«ã¯ã€è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«é€šã˜ã‚‹ä¸»å¼µãŒè¡¨ç¾ã•ã‚Œã¦ã„る。 Mobile Safari ã®UIデザインã®æœ¬è³ªã‚’垣間見るウェブデザイン 自社ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆ(ã“ã“ã§ã¯ç‰¹ã«Mobile Safari)ã®UIデザインãŒã€ä½•ã‚’ç†æƒ³ã¨ã—ã¦ã€ã©ã†èª¿æ•´ã•ã‚Œã¦ããŸã®ã‹ã€ã“ã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒã§ãる。 Appleã®ã‚¦ã‚§ãƒ–サイトã®è£å´ã‚’ã¡ã‚‡ã£ã¨ã ã‘覗ã„ã¦ã¿ã‚‹ã¨ã€viewport ã« width=1024 ãŒè¨˜è¿°ã•ã‚Œã¦ã„る。ã“ã‚Œã¯ã€iPhoneã®å°ã•ãªç”»é¢ã§ã‚‚1024px分ã®å¹…ãŒã‚ã‚‹ã‚‚ã®ã¨ä»®æƒ³ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€å‘ªæ–‡ã®ã‚ˆã†
ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒ¬ãƒãƒ¼ãƒˆã€‘ ã€MIX11レãƒãƒ¼ãƒˆã€‘ IE9デモã§æ³¨ç›®ã‚’集ã‚ãŸã€ŒSVG女åã€
[CSS]Media Queries（メディア クエリ）を使用ã—ãŸãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®æŒ‡å®šæ–¹æ³•ã®ã¾ã¨ã‚
CSS3ã®Media Queries（メディア クエリ）を使用ã—ã¦ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãƒ–ラウザ用をã¯ã˜ã‚iPhone, iPadãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç”¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’分ã‘ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ Hardboiled CSS3 Media Queries [ad#ad-2] スタイルシートã®åˆ†ã‘æ–¹ã¯2種類ã‚ã‚Šã¾ã™ã€‚ プãƒãƒ‘ティå˜ä½ ファイルå˜ä½ プãƒãƒ‘ティå˜ä½ã§ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’è¨å®š 「/* Styles */ ã€ã®ç®‡æ‰€ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’記述。 スマートフォン（（縦長・横長）
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - yomotsu/SVG_Filter_Effects
実践・ウェブアプリ高速化テクニック#Chrome+HTML5 Conference
Loading...
WebSocketã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ 通信
{{#tags}}- {{label}}
{{/tags}}