Featured webinar Spring Boot Omakase (Part 2), Mark Heckler
VMware Tanzu Blog | VMware Tanzu
Featured webinar Spring Boot Omakase (Part 2), Mark Heckler
ã€Susy】Sass,Compassã§ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ã¾ã - Milk+ea
何 Susyã¯Compassã®ãƒ—ラグインã§ã™ã€‚ グリッドãªã‚µã‚¤ãƒˆã‚’制作ã™ã‚‹ãŸã‚ã®Mixinã‚’æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ モãƒã‚¤ãƒ«ãƒ»ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚‚å¯èƒ½ã‚ˆã€‚ インストール Susy: Getting Startedを眺ã‚ãŸã‚‰å¤šåˆ†ã‚ã‹ã‚Šã¾ã™ã€‚ 使ã„æ–¹ åˆæœŸè¨å®š Susyを使ã†ã¨ãã¯æ¬¡ã®å¤‰æ•°ã«ä½•ã‹ã—ら値を代入ã—ã¦ã‹ã‚‰ä½¿ã„ã¾ã™ã€‚ $total-columns : 12; $column-width : 4em; $gutter-width : 1em; $grid-padding : 0.5em; $container-style : 上ã‹ã‚‰é †ç•ªã« 何カラム使ã†ã‹ã€‚上ã§ã¯ï¼‘２カラム。 １カラムã‚ãŸã‚Šã®å¹…ã¯ã©ã‚Œã ã‘ã‹ã€‚ カラム間ã®margin(å¹…)ã¯ã©ã‚Œã ã‘ã‹ã€‚margin-right: 1em　ã¿ãŸã„ã«ã€‚ グリッド左å³ã®paddingã¯ã©ã‚Œã ã‘ã‹ã€‚TwitterBootstrapã ã£ãŸã‚‰.rowã®å·¦å³ã«ã¿ãŸã„
Sassã¨Compassを使ã£ã¦æ¥½ã—ãCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ - develo.org
HTMLã€CSSã€Javascriptã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€çµµã‚’æã„ãŸã‚Šã€‚
Sassã€ãã—ã¦Sassy CSS (SCSS)
CSSã‚’æ‹¡å¼µã—ãŸãƒ¡ã‚¿è¨€èªžã§ã‚ã‚‹Sassã€ãã—ã¦ãã®åˆ¥æ–‡æ³•ã¨ã—ã¦å®šç¾©ã•ã‚ŒãŸSCSSã«ã¤ã„ã¦ã€960.gsãªã©ã®CSSフレームワークã¨çµ¡ã‚ã¦ã€Sass (主ã«SCSS)ã®è‰¯ã•ã‚’解説ã™ã‚‹ã€‚ CSSフレームワーク Sass Sassy CSS aka SCSS SCSSã§CSSフレームワーク 2カラムレイアウトã®ä½œæˆ clearfixã‚„Reset CSSã®çµ„ã¿è¾¼ã¿ カラム幅ã®å¤‰æ›´ カラムã®å…¥ã‚Œæ›¿ãˆ SCSSã§å®Œçµã™ã‚‹ã“ã¨ã®æ„義 ã¾ã¨ã‚ 最後㫠CSSフレームワーク 960.gsã‚„Blueprintã€BlueTripãªã©CSSフレームワークã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã¯è‰²ã€…ã‚る。フレームワークã¨åä¹—ã‚‹ã ã‘ã®ã“ã¨ã¯ã‚ã£ã¦ã€ãれらã®ç”Ÿç”£æ€§ã¯ã¨ã¦ã‚‚高ã„。テンプレートã§é©åˆ‡ã«ã‚¯ãƒ©ã‚¹åã‚„IDを埋ã‚込むã ã‘ãªã®ã§ã€è¤‡é›‘怪奇ãªCSSコーディングをæ„è˜ã™ã‚‹ã“ã¨ãªã誰ã§ã‚‚ç°¡æ½”ã«ãã‚Œã„ãªã‚«ãƒ©ãƒ ・レイアウトを作æˆã§ãる。 HTML 4
1
ランã‚ング
メンテナンス
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Bourbon - A Lightweight Sass Tool Set
{{#tags}}- {{label}}
{{/tags}}