[CSS]スマフォã§ã‚‚å°åˆ·ã—ã¦ã‚‚レイアウトãŒç´™ã®ã‚ˆã†ã«ç¾Žã—ã„フォームを実装ã§ãã‚‹ -Grid formsデスクトップã§ã®è¡¨ç¤ºã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¹ãƒžãƒ•ã‚©ã‚„タブレットã§ã‚‚ã€ãã—ã¦å°åˆ·ã—ã¦ã‚‚ã‹ã£ã“ã„ã„レイアウトã®ãƒ•ã‚©ãƒ¼ãƒ を実装ã§ãるスタイルシートã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ å°†æ¥çš„ã«ã¯ã‚¹ã‚¯ãƒªãƒ—トを使ã£ã¦ã€æ©Ÿèƒ½ã‚’強化ã—ã¦ã„ãよã†ã§ã™ã‚ˆã€‚ Grid Forms Grid Formsã®ãƒ‡ãƒ¢ Grid Formsã®ä½¿ã„æ–¹ Grid Formsã®ãƒ‡ãƒ¢ æœ¬æ ¼çš„ãªãƒ‡ãƒ¢ã®å‰ã«ã€ã¾ãšã¯ç°¡å˜ãªãƒ‡ãƒ¢ã‹ã‚‰ã€‚ デモã¯Chrome, Safari, Firefoxãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã€ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–レットã®ãƒ–ラウザã§ã”覧ãã ã•ã„。IEã¯9+ã§ã€IE8以下ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–éžå¯¾å¿œã§ã™ãŒåˆ¥ã‚¹ã‚¯ãƒªãƒ—トを併用ã™ã‚‹ã“ã¨ã§å¯¾å¿œå¯ã§ã™ã€‚ Grid Formsã¯ãã®åã®é€šã‚Šã‚°ãƒªãƒƒãƒ‰ã‚’ベースã«ã—ãŸãƒ•ã‚©ãƒ¼ãƒ ã§ã€ç´™ã®ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ç¾Žã—ã„フォームを簡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ デモページã§ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ã•ã¾ã–ã¾ãªè¦ç´ ãŒç¾Žã—ã„グリッドã§ãã£ã¡ã‚Šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã•ã‚Œã¦ã„
floatを解除ã™ã‚‹æ‰‹æ³•ã®clearfix 㨠次世代ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è©±
2013å¹´ã®ã‚¦ã‚§ãƒ–デザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’探るã‹ã£ã“ã„ã„UIデザインã®ã¾ã¨ã‚
水彩タッãƒã®ç¾Žã—ã„エフェクトをウェブデザインã«å–り入れるãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ã¾ã¨ã‚ | コリス
ページã®å¹…960pxを基準ã«ã—ã¦ã€è¨è¨ˆã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ | コリス
960 Grid System — Demo
ãƒã‚´ã‚¹ãƒˆãƒƒã‚¯
é…色ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€æ–‡ç« ã€å†™çœŸã€ã‚»ãƒ³ã‚¹ãŒãªã„ã¨ã‚ãらã‚ã‚‹å‰ã«å‹‰å¼·ã—よã†ï¼ï½œWebpark
Pinterestã£ã½ã„レイアウトを作ã£ã¦ã¿ã‚‹
{{#tags}}- {{label}}
{{/tags}}