スマホå‘ã‘WEBサイトデザイン集 AGT smartphone design galleryã¯ã€ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œWebサイトを集ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã™ã€‚
スマホサイト WEBデザイン集 AGT smartphone design gallery
スマホå‘ã‘WEBサイトデザイン集 AGT smartphone design galleryã¯ã€ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œWebサイトを集ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã™ã€‚
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作るã¨ãã® viewport è¨å®šï¼“パターンã
スマートフォンå‘ã‘ã® Web サイトを作るã¨ãã€viewport ã®è¨å®šæ¬¡ç¬¬ã§ä½¿ã„å‹æ‰‹ãŒå¤§å¹…ã«å¤‰ã‚る。 最近ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web デザインãŒæµè¡Œã—ã¦ã‚‹ã‘ã©ã‚‚ã€ãã®å¤§å‰æã¨ã—㦠viewport ã®è¨å®šãƒ‘ターンを抑ãˆã¦ãŠãã®ã¯é‡è¦ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€viewport ã®è¨å®šã«ã‚ˆã£ã¦ã€è¦‹ãŸç›®ãƒ»ä½¿ã„å‹æ‰‹ãŒã©ã†å¤‰ã‚ã‚‹ã‹ã‚’解説ã™ã‚‹ã€‚ パターン1: 何も考ãˆãšã« HTML を書ã ã¾ãšã¯ã€viewport を指定ã›ãšã«ã€å˜ç´”㪠HTML をスマートフォンã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んãªç´ æãŒã”ã£ãŸç…®ã«ãªã£ãŸæ§˜åã‚’ãŠæ¤€ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ 湯気ãŒ<strong>「ã¦ã£ãã€</strong>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—味ã«ãªã£ã¦ã„ã¾
æ„外ã«çŸ¥ã‚‰ãªã„ãŠé‡‘借りるãªã‚‰ã¨ãŠé‡‘借りる審査通らãªã„ç†ç”±ã®ç§˜å¯†ã‚’ã€ï¼‘ã¤ã ã‘æ•™ãˆã¾ã™ã€‚
ã‚ã‹ã£ãŸï¼ãŠé‡‘借りるãªã‚‰ã§ãŠé‡‘借りる審査通らãªã„ç†ç”±â€¦ ã‚ã‘ã‚‚ãªãå«Œãªæ°—æŒã¡ã«ãªã£ã¦ã—ã¾ã†äººãŒå˜åœ¨ã—ã¾ã™ã€‚ 出æ¥ãŒå¯„ã£ã¦ããŸã‚‰ãƒ カムカã—ã¦ã€ãŠé‡‘借りる審査通らãªã„ç†ç”±ãªã®ã§ã€ãƒžãƒˆãƒ¢ã«å¯¾å¿œã™ã‚‰ã§ããšã€ãŠé‡‘借りる審査通らãªã„ç†ç”±ã«å†·ãŸã„対応をã—ã¦ã—ã¾ã„ã¾ã™ã€‚ãŠé‡‘借りるãªã‚‰ã«å†·é™ã«ãªã‚Šã€æ‚”やむもã®ã®ã€ä»¥é™ã ã£ãŸã‚‰ã€å«Œã ã¨ã„ã†ã“ã¨ã§é ãŒã„ã£ã±ã„ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ å°‘é¡èžè³‡ã®å¤šæ§˜ã•ã‹ã‚‰ã„ãˆã°ã€å¥½ãã«ãªã‚Œãªã„人ãŒã„ã‚‹ã®ã‚‚当ãŸã‚Šå‰ãªã®ã§ã—ょã†ã€‚ ãŠé‡‘借りるãªã‚‰ã‚’好ãã«ãªã‚‹ã®ã¯ç„¡ç†é›£é¡Œã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªãã€æ€¥å¤‰ã‚’ãªãã—ã¦ã—ã¾ãˆãªã„ã®ã§ã€å›°ã£ã¦ã„ã¾ã™ã€‚ ãŠé‡‘借りる審査通らãªã„ç†ç”±ã«è€ƒãˆã‚‹ã®ã§ã‚ã‚Œã°ã€å®¢è¦³çš„ã«ã¯ãã‚“ãªã«æ‚ªã„人ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ã‹ã‚‰ã€ãŠé‡‘借りる審査通らãªã„ç†ç”±ã«é™ã‚Šã€ç§ã¯ãŠã‹ã—ã„ã¨æ€ã„ã¾ã™ã€‚ãŸã¾ãŸã¾ãƒ†ãƒ¬ãƒ“ä¸ç¶™ãªã©ã‚’ç›®ã«ã™ã‚‹ã¨ã€å…¥å‡ºé‡‘å¯èƒ½ã¸ã®å‚åŠ ã‚’ç›®æŒ‡ã™äººãŒã‚ã¾ã‚Šã«ã‚‚多ãã¦ã¡ã‚‡ã£ã¨å‘†ã‚Œã¦ã—ã¾ã„ãã†
スマートフォン用テーマã¸ã®åˆ‡ã‚Šæ›¿ãˆ
クールã§ã‹ã£ã“ã„ã„MT＆WordPressテーマè¨å®šãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ï¼ˆWEB編） > WordPressテーマè¨å®šç·¨ > WPテーマã®è¨å®š > スマートフォン用WPテーマ > スマートフォン用テーマã¸ã®åˆ‡ã‚Šæ›¿ãˆ WordPressã¯URL転é€ã§ãªãã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ãŒã‚ã£ãŸã‚‰ã€ï¼°ï¼£ç”¨ã®ãƒ†ãƒ¼ãƒžã‹ã‚‰ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ãƒ†ãƒ¼ãƒžã«åˆ‡ã‚Šæ›¿ãˆã¦è¡¨ç¤ºã™ã‚‹ã“ã¨ã§å¯¾å¿œã—ã¾ã™ã€‚ ã—ãŸãŒã£ã¦ã€PCã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨ã‚‚ã«åŒã˜ã‚¢ãƒ‰ãƒ¬ã‚¹ã§ã®é‹ç”¨ã«ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ†ãƒ¼ãƒžã®åˆ‡ã‚Šæ›¿ãˆã¯ãƒ—ラグインを利用ã™ã‚‹ã“ã¨ã§å®¹æ˜“ã«è¨å®šã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ スマートフォン用テーマã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã¯ã€ï¼°ï¼£ç”¨ãƒ†ãƒ¼ãƒžã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã¨åŒã˜ã§ã™ã€‚ ＰＣ用テーマã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’å‚考ã«ã€ãƒ†ãƒ¼ãƒžã‚’サーãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ï¼ˆã‚‚ã—ãã¯ã€ç®¡ç†ç”»é¢ã‹ã‚‰è¨å®šï¼‰ã—ã¦ãã ã•ã„。 スマートフォン用テーマã®åˆ‡ã‚Šæ›¿ãˆãƒ—ラグイン 当サイトã§ã¯ã€ã‚¹ãƒžãƒ›ç”¨ãƒ†ãƒ¼ãƒžã¸ã®åˆ‡ã‚Šæ›¿
WPスマホ用テーマã§ã€ŽPC版ã¸ã®åˆ‡ã‚Šæ›¿ãˆãƒœã‚¿ãƒ³ã€ã‚’実装ã§ãるプラグイン「MW Theme Switcher on WPtapã€ã®ä½¿ã„æ–¹
Home > WordPress > WPスマホ用テーマã§ã€ŽPC版ã¸ã®åˆ‡ã‚Šæ›¿ãˆãƒœã‚¿ãƒ³ã€ã‚’実装ã§ãるプラグイン「MW Theme Switcher on WPtapã€ã®ä½¿ã„æ–¹ 先日ãŠä»•äº‹ã§ã€æ ªå¼ä¼šç¤¾ã²ã¤ã˜ãも様ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’制作ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã¯WordPressã§æ§‹ç¯‰ã•ã‚Œã¦ã„ã¾ã—ã¦ã€ä»Šå›žã‚らãŸã«jQuery Mobileを使ã£ãŸã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆç”¨ã®ãƒ†ãƒ¼ãƒžã‚’作æˆã—ã€ãƒ—ラグインを用ã„ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆåˆ¥ã«ãƒ†ãƒ¼ãƒžã‚’自動ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ã¨ã„ã†æ¡ˆä»¶ã§ã—ãŸã€‚ ã§ã€ãã®éš›ã«ã€ŒPC用サイトã€ã¨ã€Œã‚¹ãƒžãƒ›ç”¨ã‚µã‚¤ãƒˆã€ã¸ã®åˆ‡ã‚Šæ›¿ãˆãƒœã‚¿ãƒ³ã‚’実装ã—ãŸã®ã§ã€ãŠã•ã‚‰ã„ãŒã¦ã‚‰å½“ブãƒã‚°ã®ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã«ã‚‚実装ã—ã¦ã¿ã¾ã—ãŸã€‚ã¨ã„ã†ã“ã¨ã§ã€ãã®æ–¹æ³•ã«ã¤ã„ã¦ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã«â€¦ ç§ã®ãƒ–ãƒã‚°ã®ã‚ˆã†ã«ã€ã‚‚ã¨ã‚‚ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å°‘ãªã„サイトã§ã¯ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‹ã‚‰PC版ã¸ã®åˆ‡ã‚Šæ›¿ãˆã¯ã•ã»ã©å¿…è¦ãªã„ã‹ã¨
WordPressサイトをスマートフォン表示ã¸å¯¾å¿œã•ã›ã‚‹ãŸã‚ã«ã‚„ã£ãŸã“ã¨
MS Office カテゴリ MS Office (107) 関連タグ Access (45) Excel (94) OfficeScripts (2) PowerPoint (8) Python (4) VBA (92) YouTube (7) イラスト (44) 入門 (38) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (7) アプリ (29) イラスト (44) デザイン (15) ブãƒã‚° (39) 入門 (38) åˆ†æž (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaS
HTML5/CSS3ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®åŸºæœ¬ (1/5)
スマートフォンサイトã®ã‚µã‚¤ãƒˆè¨è¨ˆã€ç”»é¢è¨è¨ˆã«ç¶šãã€ä»Šå›žã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨HTML/CSSã®åˆ¶ä½œã§ã™ã€‚å‰å›žä½œæˆã—ãŸãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ã‚‚ã¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—を作æˆã—ã€HTML/CSSをコーディングã—ã¦ã„ãã¾ã™ã€‚ Photoshopã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—を作æˆã™ã‚‹ 最åˆã«ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚½ãƒ•ãƒˆã‚’利用ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—を作æˆã—ã¾ã™ã€‚今回ã¯Photoshop CS5を使ã„ã¾ã—ãŸãŒã€Fireworksã‚„Illustratorãªã©ä½¿ã„慣れãŸãƒ„ールã§æ§‹ã„ã¾ã›ã‚“。 デザインã«ã‚ãŸã£ã¦ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザーã®ç”»é¢é ˜åŸŸã‚’定義ã—ãŸãƒ†ãƒ³ãƒ—レートを用æ„ã—ã¦ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ーツを作æˆã€é…ç½®ã—ã¦ã„ãã¾ã™ã€‚ç”»é¢é ˜åŸŸã¯ã‚µã‚¤ã‚ºã‚’測ã£ã¦ã‚¬ã‚¤ãƒ‰ã‚’引ã„ã¦ã‚‚よã„ã§ã™ãŒã€æœ¬é€£è¼‰ã®ç¬¬5回ã§ç´¹ä»‹ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—レートを利用ã™ã‚‹ã®ãŒæ‰‹è»½ã§ã™ã€‚
スマートフォンサイトã®HTMLコーディングメモ12個 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
display:table-cell; を活用ã™ã‚‹ リã‚ッドレイアウトã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã™ã”ã便利。 親è¦ç´ ã« display:table; åè¦ç´ ã« display:table-cell; 記事リストãªã©ã€ç”»åƒã¨ãƒ†ã‚ストを横並ã³ã«ã™ã‚‹ã¨ãã«ã€‚ å‡ç‰ã«æ¨ªä¸¦ã³ã«ã—ãŸã„ã¨ãã«ã€‚ タップ時ã®ã‚«ãƒ©ãƒ¼è¨å®š CSSã§ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šã€‚アルファ値もè¨å®šå¯èƒ½ã€‚ -webkit-tap-highlight-color: rgba(255,105,183,0.6); ç”»åƒã€iframeã« max-width を指定 img・iframeã¯ã€ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã¦ç”»é¢ã‹ã‚‰ã¯ã¿å‡ºã™ã“ã¨ãŒã‚ã‚‹ã®ã§ max-width:100%; を指定ã™ã‚‹ã€‚ word-break:break-all; を指定 スマホã¯å¹…ãŒç‹ã„ãŸã‚ã€é•·ã„URLãªã©ãŒ1è¡Œã«å…¥ã‚Šãã‚Šã¾ã›ã‚“。 word-break:break-all; ã‚’é©å®œæŒ‡å®šã™ã‚‹ã€‚ フォ
スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ | ユージック
スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ 2011å¹´1月22æ—¥ iPhoneã¨Android両方ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ スマートフォンå‘ã‘サイト作æˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作æˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 横幅ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320px～640pxã€æ¨ªå‘ãã§480px～960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ 標準ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(横)/480px（縦）を標準ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ※iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…部解åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãれるãŸã‚。 ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’作æˆã™ã‚‹éš›ã‚‚縦を標準ã¨ã™ã‚‹éš›ã¯320px（横）ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
My Sony | ソニー
クーãƒãƒ³ãƒ»ãŠè²·ã„物券:couponæžš ソニーãƒã‚¤ãƒ³ãƒˆ:pointãƒã‚¤ãƒ³ãƒˆ 一度サインアウトã—ã¦ã€å†åº¦ã‚µã‚¤ãƒ³ã‚¤ãƒ³ã—ã¦ãã ã•ã„
スマートフォン/æºå¸¯æŒ¯ã‚Šåˆ†ã‘方法
今更ã§ã¯ã‚ã‚‹ã‚“ã§ã™ãŒã€æŒ¯ã‚Šåˆ†ã‘ã®æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚最近ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã«ã‚‚作らãªã„ã¨ã„ã‘ãªã„状æ³ã§ã¯ã‚ã‚Šã¾ã™ã—ã€ã‚„ã¯ã‚Šã“ーゆã†ã®ãŒã‚ã‚‹ã¨ã„ã„ã®ã‹ãªã¨æ€ã„ã¾ã—ã¦ã€ä½¿ã†æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã”紹介ã—ã¦ãŠãã¾ã™ã€‚ ãŸã ã€ã©ã®æ©Ÿç¨®ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å€¤ã™ã‚‹ã‹ãŒå•é¡Œã§ã—ã¦ã€ã„ã‚ã„ã‚調ã¹ã¦ã¿ãŸã‚“ã§ã™ãŒã“ã‚Œã§åˆã£ã¦ã„ã‚‹ã‹ã©ã†ã‹ã¯ã‚ã‹ã‚‰ãªã„ã®ã§ã™ãŒç§ãªã‚Šã«ä½œã£ã¦è¦‹ã¾ã—ãŸã€‚ 今回2ã¤ã®ãƒ‘ターンをã”紹介ã—ã¾ã™ã€‚ スãƒãƒ³ã‚µãƒ¼ãƒªãƒ³ã‚¯ 1.htaccessã«ã‚ˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³/æºå¸¯åˆ¤åˆ¥ .htaccessã«ã‚ˆã‚‹åˆ¤åˆ¥ã§ã™ã€‚ã“ã‚Œã¯è¨ç½®ã—ãŸãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã™ã¹ã¦ãŒå¯¾è±¡ã«ãªã‚Šã¾ã™ã€‚ã©ã“ã‹ã‚‰ã§ã‚‚åŒã˜æ‰€ã«å°Žã„ã¦ãれるã®ã§ä¾¿åˆ©ã§ã™ã€‚ RewriteEngine On # SmartPhone RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phon
æ±äº¬ãƒ»å¤§é˜ªã®ãƒ›ãƒ¼ãƒ ページ・Webåˆ¶ä½œä¼šç¤¾ï½œæ ªå¼ä¼šç¤¾ã‚¸ãƒ¼ãƒ”ーオンライン
å…¨ã¦ã®ã‚µã‚¤ãƒˆ 採用サイト コーãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆ サービスサイト å¦æ ¡ã‚µã‚¤ãƒˆ ブランドサイト マーケティング ãã®ä»– ãŠå®¢ã•ã¾ã‚¤ãƒ³ã‚¿ãƒ“ュー
[CSS]CSS3ã®Media Queries（メディアクエリ）ã®ä½¿ã„æ–¹ã¨å®Ÿè£…例
CSS3 Media Queries 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« CSS2ã®Media typesã§ã¯screen, printãªã©ã®ã‚ˆã†ã«ç‰¹å®šã®ãƒ¡ãƒ‡ã‚£ã‚¢ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚CSS3ã§ã¯ã‚¯ã‚¨ãƒªã‚’åŠ ãˆã‚‹ã“ã¨ã§ã€ã•ã‚‰ã«åŠ¹çŽ‡çš„ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’使用ã§ãã¾ã™ã€‚ Media Queriesã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çŠ¶æ…‹ã‚’調ã¹ã€ãã‚Œã«ã‚ã£ãŸç‰¹å®šã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚例ãˆã°ã€å¤§ãã„ディスプレイ用ã¨å°ã•ã„モãƒã‚¤ãƒ«ç”¨ã«ãã‚Œãžã‚Œç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’指定ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Media Queriesã®ä½¿ã„æ–¹ ã¾ãšã¯ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ã¿ã¦ãã ã•ã„。 ブラウザã®ã‚µã‚¤ã‚ºã‚’変更ã™ã‚‹ã¨ã€ã‚¹ã‚¿ã‚¤ãƒ«ãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
info-architecture.jp
Redirecting...
スマートフォンサイトを10分ã§ä½œæˆ
スマフォã§ã‚‚黄金比をå–り入れãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’組ã‚ã‚‹CSSフレームワーク「Less Frameworkã€æ載ã®WPテーマ・Whiteboard - ã‹ã¡ã³ã¨.net
iPhoneã‚„iPadç‰ã«ã‚‚Webサイトを最é©åŒ–ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザイン構築ã«å½¹ç«‹ã¤ãƒ•ãƒ¬ãƒ¼ãƒ ワークやTipsã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}