LESSã§3å€ãƒ©ã‚¯ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° 記事一覧 | gihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â 。個別ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„る記事ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
LESSã‚’ã¯ã˜ã‚よã†ã¨æ€ã£ãŸã‚‰ã¨ã‚Šã‚ãˆãšBootstrapã®mixinsを入れã¦ãŠãã¨ä¾¿åˆ©
LESSã‚’ã¯ã˜ã‚よã†ã¨æ€ã£ãŸã‚‰ã¨ã‚Šã‚ãˆãšBootstrapã®mixinsを入れã¦ãŠãã¨ä¾¿åˆ© LESSã«ã¯Mixinã¨ã„ã†è¤‡æ•°ã®ãƒ—ãƒãƒ‘ティをã¾ã¨ã‚る機能ãŒã‚ã‚Šã¾ã™ã€‚ 例ãˆã°css3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックスãªã©è¨å®šã—ã¦ãŠã‘ã°ã€ã‚ã¨ã§ï¼‘è¡Œã§å‘¼ã³å‡ºã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ã§ã€å®Ÿéš›ä½œæˆã™ã‚‹ã«ã‚ãŸã‚Šä¸€ã‹ã‚‰ä½œã‚‹ã‚ˆã‚Š Twitter Bootstrap を利用ã™ã‚Œã°ã€ã‚ˆã使ã„ãã†ãªæ©Ÿèƒ½ãŒã‚らã‹ã˜ã‚ã¾ã¨ã¾ã£ã¦ã‚‹ã®ã§ã„ã„ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã€‚ 投稿日2012å¹´04月17æ—¥ æ›´æ–°æ—¥2012å¹´04月17æ—¥ css3プãƒãƒ‘ティ 準備ãŒã§ããŸã¨ã“ã‚ã§æ—©é€Ÿä½¿ã£ã¦ã¿ã¾ã—ょã†ã€‚ 最åˆã¯CSS3ã§è¿½åŠ ã•ã‚ŒãŸã€Œborder-radiusã€ã§è§’丸ã«ã—ã¦ã¿ã¾ã™ã€‚ ãŸã¨ãˆã°ã€Œid="box1"ã€ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸã€Œdivã€ãŒã‚ã‚Šã¾ã™ã€‚ html <div id="box1"></div> 通常ã®cssã§ã—ãŸã‚‰æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã‚ˆã。 css
CSSã®è¨˜è¿°ãŒ3å€é€Ÿããªã‚‹ã€ŒLESSã€ã®ä½¿ã„æ–¹ (1/2)
2012å¹´02月09日　13時58分更新 æ–‡â—斉藤ç¥ä¹Ÿï¼<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近ã®Webサイトã¯å¤§è¦æ¨¡å‚¾å‘ã«ã‚ã‚Šã€Webアプリケーションを構築ã™ã‚‹æ©Ÿä¼šã‚‚増ãˆã¦ãã¾ã—ãŸã€‚jQueryã‚„MooToolsãªã©ã€JavaScriptを手軽ã«åˆ©ç”¨ã§ãるよã†ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリーãŒæ™®åŠã™ã‚‹ä¸€æ–¹ã€Webサイトã®è¡¨ç¤ºã‚’æ‹…ã†CSSã«ã‚‚ã€ã€ŒBlueprintã€ã‚„「960 Grid Systemã€ã«ä»£è¡¨ã•ã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒç™»å ´ã—ã¦ã„ã¾ã™ã€‚ 「LESSã€ã‚„「Sassã€ã®ã‚ˆã†ãªCSS拡張メタ言語ã¯ã€ã“ã†ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã¯ç•°ãªã‚Šã€CSSã®è¨€èªžè‡ªä½“ã‚’æ‹¡å¼µã—ã€CSSã«ã¯å˜åœ¨ã—ãªã„æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã‚‚ã®ã§ã™ã€‚CSS拡張メタ言語を利用ã™ã‚‹ã“ã¨ã§ã€å¤‰æ•°ã€ãƒŸãƒƒã‚¯ã‚¹ã‚¤ãƒ³ã€å…¥ã‚Œåルールã€åå‰ç©ºé–“ã€å››å‰‡æ¼”ç®—ã€é–¢æ•°ãªã©ã®å‹•çš„ãªå‡¦ç†ã‚’CSSã«è¿½åŠ ã§ãã€CS
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}