iPadãªã©ã®ã‚¿ãƒ–レットデãƒã‚¤ã‚¹ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を見る際ã«ã€ã•ã¾ã–ã¾ãªã‚·ãƒ¼ãƒ³ã‚’想定ã—ã¦èªã¿ã‚„ã™ã„コンテンツをæä¾›ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚
iPadãªã©ã®ã‚¿ãƒ–レットデãƒã‚¤ã‚¹ã§èªã¿ã‚„ã™ã„コンテンツを作æˆã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Bibliotype
iPadãªã©ã®ã‚¿ãƒ–レットデãƒã‚¤ã‚¹ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を見る際ã«ã€ã•ã¾ã–ã¾ãªã‚·ãƒ¼ãƒ³ã‚’想定ã—ã¦èªã¿ã‚„ã™ã„コンテンツをæä¾›ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚
[CSS]Media Queries（メディア クエリ）を使用ã—ãŸãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®æŒ‡å®šæ–¹æ³•ã®ã¾ã¨ã‚
CSS3ã®Media Queries（メディア クエリ）を使用ã—ã¦ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãƒ–ラウザ用をã¯ã˜ã‚iPhone, iPadãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç”¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’分ã‘ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ Hardboiled CSS3 Media Queries [ad#ad-2] スタイルシートã®åˆ†ã‘æ–¹ã¯2種類ã‚ã‚Šã¾ã™ã€‚ プãƒãƒ‘ティå˜ä½ ファイルå˜ä½ プãƒãƒ‘ティå˜ä½ã§ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’è¨å®š 「/* Styles */ ã€ã®ç®‡æ‰€ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’記述。 スマートフォン（（縦長・横長）
2011å¹´ã®ã‚¦ã‚§ãƒ–デザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’振り返る
2011å¹´ã®ã‚¦ã‚§ãƒ–制作ã®è©±é¡Œã®ä¸å¿ƒã¯HTML5ã¨CSS3ã§ã—ょã†ã€‚ ã“ã“ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³é¢ã‚’ä¸å¿ƒã«ã€2011å¹´ã«äººæ°—ãŒé«˜ã‹ã£ãŸã‚¦ã‚§ãƒ–デザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’紹介ã—ã¾ã™ã€‚ Popular Web Design Trends in 2011: Over 50 Inspiring Examples [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ Responsive Web Design 点線 サークル レトãƒã‚¹ã‚¿ã‚¤ãƒ« リボン マジックナンãƒãƒ¼ã€Ž3〠少ã—ã‚ãã‚Œã¦ã‚‹ãƒšãƒ¼ãƒ‘ー ボーダーレス グリッド 対角線 Responsive Web Design Responsive Web Designã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ©ç”¨ã™ã‚‹ç’°å¢ƒï¼ˆã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºãªã©ï¼‰ã«åˆã‚ã›ã¦æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹æ–¹æ³•ã§ã™ã€‚デスクトップ用ã®ãƒ–ラウザã ã‘ã§ãªãã€iPhoneãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€iPadãªã©ã€ã‚らゆるデãƒã‚¤ã‚¹ã«æœ€é©ãª
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}