オープン Web テクノãƒã‚¸ãƒ¼ã®ãƒ‡ãƒ¢ | MDN
Mozilla ã¯ã€å¹…広ã„æ—¢å˜ã® Web テクノãƒã‚¸ãƒ¼ã‚’サãƒãƒ¼ãƒˆã—ã€ãれらを使用ã™ã‚‹ã“ã¨ã‚’奨励ã—ã¦ã„ã¾ã™ã€‚ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€ã‹ã¤ã¦ Demo Studio ã§äººæ°—ã®ã‚ã£ãŸã‚‚ã®ã‚‚å«ã‚ã€æŠ€è¡“ã®ãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æä¾›ã—ã¾ã™ã€‚オープン Web テクノãƒã‚¸ãƒ¼ã®ãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚„アプリケーションを知ã£ã¦ã„ã‚‹å ´åˆã€é©åˆ‡ãªã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«ãƒªãƒ³ã‚¯ã‚’è¿½åŠ ã—ã¦ãã ã•ã„。
å¿…èªï¼5分ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã¾ã¨ã‚ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
二度目ã¾ã—ã¦ã€‚デザイナーã®é‡Žç”°ã§ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–Webデザインã«ã¤ã„ã¦ã€åƒ•ãªã‚Šã«ã¾ã¨ã‚ã¦ã¿ãŸã®ã§ã”覧下ã•ã„。今回ã¯ã€åˆ¶ä½œã«é–¢ã™ã‚‹ã“ã¨ã§ã¯ãªãã€æœ€ä½Žé™çŸ¥ã£ã¦ãŠã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã“ã¨ã®åŸºæœ¬ç·¨ã«ãªã‚Šã¾ã™ã€‚ 独å¦ã§ã¤ã¾ãšã„ã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿ Webデザインを効率的ã«å¦ã³ãŸã„ã€è»¢è·ãƒ»å°±è·ã‚’目指ã—ã¦ã„ã‚‹ã€èª°ã‹ã«æ•™ãˆã¦ã‚‚らã„ãŸã„……ã¨ã„ã†æ–¹ã¯ã€ã€Œã‚¹ã‚¯ãƒ¼ãƒ«ã§ã®å‹‰å¼·ã€ã‚‚ãŠã™ã™ã‚ã§ã™ã€‚ã©ã‚“ãªã‚¹ã‚¯ãƒ¼ãƒ«ãŒã‚ã£ã¦ã€ã©ã‚“ãªå†…容ãŒå¦ã¹ã¦ã€è²»ç”¨ã¯ã©ã‚Œãらã„ã™ã‚‹ã®ã‹ã€æƒ…å ±ã¨ã—ã¦æŒã£ã¦ãŠã„ã¦æã¯ãªã„ã¯ãšã€‚下記ã«ãŠã™ã™ã‚スクールを集ã‚ã¦ã¿ã¾ã—ãŸï¼ レスãƒãƒ³ã‚·ãƒ–Webデザインã¨ã¯ 「レスãƒãƒ³ã‚·ãƒ–Webデザインã€ã¨ã¯ã€PCã€ã‚¿ãƒ–レットã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã€è¤‡æ•°ã®ç•°ãªã‚‹ç”»é¢ã‚µã‚¤ã‚ºã‚’Webサイト表示ã®åˆ¤æ–基準ã«ã—ã€ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’柔軟ã«èª¿æ•´ã™ã‚‹ã“ã¨ã‚’指ã—ã¾ã™ã€‚ ç¾åœ¨ã¯PCやスマートフォンãªã©ã€ãƒ‡ãƒã‚¤ã‚¹æ¯Žã«å„HTMLファイル
Media Queries を使ã£ã¦ã€Webサイトをスマートフォンã«å¯¾å¿œã•ã›ã‚‹ã¨ãã®æ³¨æ„書ã
今回ã“ã®ãƒ–ãƒã‚° - Webデザインレシピをã€iPhone ãªã©ã§ã‚‚見れるよã†ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã—ãŸã€‚使用ã—ãŸã®ã¯ CSS3 ã® Media Queries（メディアクエリ）。メディアクエリã®ä½¿ã„方や感想ã€æ°—ã‚’ã¤ã‘ãŸã„注æ„書ãã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ é…ã‚Œã°ã›ãªãŒã‚‰ã“ã®ãƒ–ãƒã‚° – Webデザインレシピをã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚見れるよã†ã«æ”¹ä¿®ã—ã¾ã—ãŸã€‚ã“ã®ãƒ–ãƒã‚°ã¯ WordPress ã§æ›¸ã„ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ iPad ã¸ã®å¯¾å¿œæ–¹æ³•ã¯ã„ãã¤ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ CSS3 ã® Media Queries（メディアクエリ）を使ã£ã¦ã€iPadã€iPhone ãªã©ã€ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œï¼ˆå¯¾å¿œã¨ã„ã†ã‹ã€ä¸€å¿œè¦‹ã‚Œã‚‹ç¨‹åº¦ï¼‰ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ãªã®ã§ Media Queries を使ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã¨ã€ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãŒã‚‰æ€ã£ãŸã“ã¨ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ CSS3 Media Queries 目次
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}