S8 COMPACT / 9FPS TO 18FPS / AUTO-B / MULTI-CARTRIDGE / DYNAMIC AUDIO / ON-THE-FLY TELECINE / SFX
Nizo for iPhone
S8 COMPACT / 9FPS TO 18FPS / AUTO-B / MULTI-CARTRIDGE / DYNAMIC AUDIO / ON-THE-FLY TELECINE / SFX
[CSS]スマフォ対応サイトã®ãŸã‚ã«Media Queriesã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
iPhoneãªã©ã®å°ã•ã„サイズã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚’ã¯ã˜ã‚ã€2560pxã®å¤§ãã„サイズã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ãªã©ã€ãã‚Œãžã‚Œã®å¹…ã«é©ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’自動的ã«é©ç”¨ã™ã‚‹Media Queriesã‚’ã—ã£ã‹ã‚Šã¨èº«ã«ã¤ã‘ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ デモページã®ç¢ºèª HTML CSS Media Queries 完æˆã—ãŸãƒ‡ãƒ¢ã®ç¢ºèª デモページã®ç¢ºèª ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®å‰ã«ã¾ãšã€ãã‚ŒãŒã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„。 ã“ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯HTML5+CSS3 Media Queriesã§ä½œæˆã•ã‚Œã¦ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ç”¨ã—ã¦ã„るビューãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºã«é©ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«è‡ªå‹•èª¿æ•´ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ デモページ å·¦ã‹ã‚‰ã€ãƒŽãƒ¼ãƒžãƒ«ã€ãƒŠãƒã‚¦ã€ã‚¹
ã“ã‚Œã¯å‡„ã„ãžï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘HTML5生æˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€Œmobl〠| MOONGIFT | オープンソース・ソフトウェア紹介をä¸å¿ƒã¨ã—ãŸITエンジニア/Webデザイナーå‘ã‘ブãƒã‚°
moblã¯Eclipse上ã§é–‹ç™ºã—ã€HTML5/CSS/JavaScript/ç”»åƒã‚’生æˆã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€‚ moblã¯Java製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。スマートフォンã®äººæ°—ãŒã¨ã¦ã‚‚高ã„。特ã«WebKitã®ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã‚’組ã¿è¾¼ã‚“ã§ã„ã‚‹ã‚‚ã®ãŒæ®†ã©ã§ï¼ˆiOS/Android/Palm Pre/Blackberryãªã©ï¼‰HTML5ã®æ©æµã«ã‚ãšã‹ã‚Šã‚„ã™ã„ã®ãŒè‰¯ã„。 開発環境ã¯Eclipse ãã‚“ãªHTML5ã®ãƒ‘ワーを使ãˆã°ã€ã¾ã‚‹ã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªå‹•ä½œã‚’ã•ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ã«ãªã£ã¦ã„る。ãã®ãŸã‚ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ライブラリã¯æ•°å¤šãã‚ã‚Œã©ã€moblã¯ä¸€å‘³ã‚‚二味もé•ã†ã€‚完全ã«å°‚用言語ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘Webアプリケーションを開発ã§ãる。 moblã¯Eclipse用ã®ãƒ—ラグインをé…布ã—ã¦ãŠã‚Šã€ãれをインストールã—ãŸå¾Œãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作æˆã™ã‚‹ã€‚使ã†ã®ã¯moblã¨ã„ã†æ‹¡å¼µåã®
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}