http://www.designwalker.com/2010/05/grid-design.html
無駄ãªdivè¦ç´ ã‚„classã らã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•
グリッドベースã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’作æˆã™ã‚‹ã¨ã€ã¤ã„ã¤ã„divè¦ç´ を多用ã—ã¦ã—ã¾ã„ãŒã¡ã§ã™ãŒã€æ„味ã®ã‚るデータã«ã¯ãã‚Œã«é©ã—ãŸè¦ç´ を使用ã—ã€ç„¡é§„ãªdivè¦ç´ ã‚„classã らã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•ã‚’Webdesigner Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Fight Div-itis and Class-itis With the 960 Grid System 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク：960.gsã®å ´åˆ classã®ä¹±ç”¨ã‚’é¿ã‘ã‚‹ リストè¦ç´ ã®ä½¿ç”¨ ç”»åƒã¨ã‚ャプションã®ä½¿ç”¨ 複数ã®è¦‹å‡ºã—ã¨ãƒ‘ラグラフã®ä½¿ç”¨ åè¦ç´ ã®classã¯è¦ªè¦ç´ ã« ã¯ã˜ã‚ã« æ•°å¹´å‰ã¾ã§ã‚¦ã‚§ãƒ–ページã®è¨è¨ˆã¯ãƒ†ãƒ¼ãƒ–ルãŒã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã—ãŸã€‚ãã—ã¦CSSã¯ãれを大ãã変ãˆã€ä»Šæ—¥ã§ã¯CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒã‚¦ã‚§ãƒ–ページã®è¨è¨ˆã‚’容易ã«ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã“ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワ
Javaã§è»½å¿«ã«ä½¿ãˆã‚‹ã€Œè»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワークã€ç‰¹é›†ã€€ï½žæœ¬æ ¼çš„ãªRoRスタイルフレームワーク「Play!ã€ï¼ˆ1）
ã¯ã˜ã‚㫠今やWebã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨è¨€ãˆã°ã€ãã®ã»ã¨ã‚“ã©ãŒã€ŒRoRタイプã€ã§ã™ã€‚RoR（Ruby on Rails）ãŒWebã®é–‹ç™ºã«ä¸ŽãˆãŸå½±éŸ¿ã¯éžå¸¸ã«å¤§ããã€ãã®å¾Œç”Ÿã¾ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã®å¤šããŒãã®å½±éŸ¿ã‚’å—ã‘ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€Javaã®ä¸–ç•Œã«é–¢ã—ã¦ã¯ã€RoRã¯ãªãœã‹ç´ 通りã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚æ—¢ã«Strutsã¨ã„ã†ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãŒã‚ã£ãŸãŸã‚ã«æ–°ã—ã„MVCフレームワークãŒå‰²ã‚Šè¾¼ã‚€ä½™åœ°ãŒã‚ã¾ã‚Šãªã‹ã£ãŸã®ã‹ã€ã‚ã‚‹ã„ã¯LL（ライトウェイト）言語ã§ãªã„ã¨RoRãªã‚¹ã‚¿ã‚¤ãƒ«ã¯ä½œã‚Šã«ãã‹ã£ãŸã®ã‹ã€‚ã¨ã‚‚ã‚ã‚Œã€ãã®å¾Œã€é•·ã„é–“ã€Javaã§ã¯ã€Œã„ã‚ゆるRoRタイプã€ã¨è¨€ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ç™»å ´ã—ã¾ã›ã‚“ã§ã—ãŸã€‚ ãã®æµã‚Œã‚’変ãˆãŸã®ã¯ã€Groovyã§ã™ã€‚Groovyã®ç™»å ´ã«ã‚ˆã‚Šã€Javaã§ã‚‚LL言語ã®ã‚ˆã†ãªå°å›žã‚Šã®èžãコーディングãŒå¯èƒ½ã¨ãªã‚Šã¾ã—ãŸã€‚ãã®ãŠã‹ã’ã§ã€ã‚ˆã†ã‚„ãJavaã®ä¸–ç•Œã«ã‚‚é…ã¾ããªãŒã‚‰æ–°ã—ã„世
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}