960 Grid System – 知ã£ã¦ãŠããŸã„5ã¤ã®ã“㨠| CSS RadarYUI 2: Grids CSSã‚„Blueprintã€ãã—ã¦ä»Šå›žç´¹ä»‹ã™ã‚‹960 Grid Systemã«ä»£è¡¨ã•ã‚Œã‚‹CSSグリッドシステムã¯ã€ã”å˜çŸ¥ã®é€šã‚ŠCSSã«ã‚ˆã‚‹ã‚°ãƒªãƒƒãƒ‰ãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ—©ãã€ç°¡å˜ã«ä½œã‚‹ãŸã‚ã«å˜åœ¨ã™ã‚‹ã€‚ ãªãœã‚°ãƒªãƒƒãƒ‰ãŒå¿…è¦ãªã®ã‹ï¼Ÿ ルールãªã—ã€ç„¡åˆ¶é™ã®ãƒ©ãƒ³ãƒ€ãƒ (Fig.2)ãŒç¾Žã—ãã¯ãªã„ã¨ã¯è¨€ã„切れãªã„ãŒã€ã‚°ãƒªãƒƒãƒ‰ã‚’利用ã—ãŸå ´åˆ(Fig.1)ã§ã¯ãƒ‘ターンをèªè˜ã—ã‚„ã™ãã€æƒ…å ±ã‚’ã‚ˆã‚Šæ•´ç†ã—ã‚„ã™ããªã‚‹ã€‚ グリッドシステムã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã€ç§©åºã‚’作り出ã™ã€ã‚‚ã£ã¨ã‚‚シンプルã§ã€å¼·åŠ›ãªãƒ„ール。 シンプルã§ã‚ã‚‹ãŸã‚ã€é¢ç™½ã¿ã®ãªã„デザインã—ã‹ä½œã‚Šå‡ºã›ãªã„ã¨æ€ã‚ã‚ŒãŒã¡ã ãŒã€å¿…è¦æœ€å°é™ã®æ§‹é€ ã¯ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã«ä»»ã›ã¦ã—ã¾ã„ã€ãã®æ§‹é€ ã®ä¸Šã§è‡ªç”±ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’生ã¿å‡ºã™ã“ã¨ã«å°‚念ã™ã‚‹ã€ã¨ã„ã†è€ƒãˆæ–¹ã‚‚ã§ãる。 960 Grid System by Nathan Smith å¹¾ã¤ã‹ã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹
960 Grid System ã®ã‚¯ãƒ©ã‚¹ã¨å†…容 | /blog
http://www.divitodesign.com/css/960-css-framework-learn-basics/
縦書ã文庫ã®é–‹ç™ºæ—¥èªŒ 960 grid system メモ
{{#tags}}- {{label}}
{{/tags}}