[B! less] hokacchaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hokaccha id:hokaccha

lessã«é–¢ã™ã‚‹hokacchaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

æœ€è¿‘ã®LESSã®å°è©±ã¨æ–°æ©Ÿèƒ½ç´¹ä»‹ï¼ˆä¸€éƒ¨ï¼‰ - inkdesign
08 Dec 2012 â€»ã“ã®è¨˜äº‹ã¯ã€CSS Preprocessor Advent Calendar 2012ã®7æ—¥ç›®ã®è¨˜äº‹ã®ãŠã¾ã‘ã§ã™ã€‚ CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µï¼ˆCSSãƒ¡ã‚¿è¨€èªžï¼‰ã¯ã€SassãŒäººæ°—ã‹ã¤ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚‚é »ç¹ã€æ–°æ©Ÿèƒ½å¢—ãˆã¦ã‚‹ï¼ã¿ãŸã„ãªç©ºæ°—ã‚’æ„Ÿã˜ãŸã‚Šã™ã‚‹ã‚“ã§ã™ãŒã€LESSã‚‚ãŒã‚“ã°ã£ã¦ã¾ã™ã€‚ é–‹ç™ºã®åœæ»ž 5ãƒ¶æœˆã»ã©å‰ã«Crunchã¨ã„ã†LESSå¯¾å¿œã‚¨ãƒ‡ã‚£ã‚¿ã‚’é–‹ç™ºã—ã¦ã„ã‚‹Matthew Deanæ°ãŒã€ LESSã®é–‹ç™ºæ¢ã¾ã£ã¦ã¾ã™ã‚„ã‚“ã€‚ãã‚Œã«æ¯”ã¹ã¦Sassã¯ã‚ã£ã¡ã‚ƒæ›´æ–°ã—ã¦ã‚“ã§ã€‚ Is LESS in need of support? ã¨ã„ã†issueã‚’ã‚ã’ãŸã€‚ ãã‚Œã«å¯¾ã—ã€é–‹ç™ºè€…ã®Alexis Sellieræ°ï¼ˆ[cloudhead](http://cloudhead.io/ï¼‰ãŒåŒissueã«ã¦ã€ã“ã®ã‚ˆã†ã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’ã‚ã’ãŸã€‚ ä»–ã«ã‚„ã‚‹ã“ã¨ã‚ã‚‹ã‹ã‚‰ã€ä»ŠLESSã«å‰²ãæ™‚é–“ã‚ã‚Šã¾ã›ã‚“ã‚ãƒ¼
hokaccha 2012/12/07
ã€Œå¼·åŒ–ã™ã‚‹ã®ã¯ãã“ã®æ©Ÿèƒ½ã˜ã‚ƒãªã„ã‚“ã˜ã‚ƒã€ã¨ã„ã†æ°—ã‚‚ã—ãªã„ã§ã‚‚ãªã„ã§ã™ãŒã€ï½—ï½—

less
ãƒªãƒ³ã‚¯
Google Bootstrap has moved!
The css3-google-buttons repository has been renamed google-bootstrap. You will be automatically redirected in a few seconds...
hokaccha 2012/05/29
css

less

google
ãƒªãƒ³ã‚¯
Sassã®å˜åœ¨æ„ç¾©ã¸ã®è£œè¶³
Sassã®å˜åœ¨æ„ç¾©ã®è©±ãŒã‚ã‚“ã¾ã‚Šã†ã¾ãä¼ã‚ã£ã¦ãªã„æ„Ÿã˜ãªã®ã§ã€3ã®åˆ¥ã€…ã«æ›¸ã‘ã¦Sassã§é–¢é€£ä»˜ã‘ã‚‰ã‚Œã‚‹ã¨ã„ã†ã“ã¨ã«ã¤ã„ã¦å°‘ã—ã ã‘æ›¸ãã€‚æŠ½è±¡çš„ãªæ¦‚å¿µã®è©±ãªã®ã§å…·ä½“çš„ãªèª¬æ˜Žã¨ã„ã†ã®ã‚‚ãªã‹ãªã‹é›£ã—ã„ã‘ã©ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã†æ™‚ã«ã©ã†ãªã‚‹ã‹ã¿ãŸã„ãªã“ã¨ã‚’å–ã‚Šä¸Šã’ã‚‹ã€‚ Twitter Bootstrapã‚’å§‹ã‚CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã„ãã¤ã‚‚ã‚ã‚‹ãŒã€ãã‚Œã‚‰ã¯ã ã„ãŸã„ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚¯ãƒ©ã‚¹åã‚’æŒã£ã¦ã„ã‚‹ã€‚ä¾‹ãˆã°Twitter Bootstrapã§2ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã‚‹å ´åˆã¯ä»¥ä¸‹ã®ã‚ˆã†ãªHTMLã«ã—ãªãã¦ã¯ãªã‚‰ãªã„ã€‚ <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div> divè¦ç´ ã¯sectionã‚„asideè¦ç´ ãªã©ã‚’ä½¿ã£ã¦ã‚‚è‰¯ã„ãŒã€ã‚¯ãƒ©ã‚¹åã¯ã“ã†ã§ãªãã¦ã¯ãªã‚‰ãªã„ã€‚Sass (ã‚„LESS)ãŒã‚
hokaccha 2012/04/11
sass

less
ãƒªãƒ³ã‚¯
TASS - Ultimate lightweight stylesheet language
Back to the source. TASS does not provide any complex syntaxes or functions, so this is just little better CSS. TASS is like SCSS in SASS and can be used with only browsers like LESS because written in JavaScript. Check it out! <link rel="stylesheet/tass" type="text/x-tass" href="styles.tass"/> <script type="text/javascript" src="tass.js"></script> Download Variables $base-color : #333; $base-back
hokaccha 2012/02/24
css

tass

less

sass
ãƒªãƒ³ã‚¯
SCSSã¨LESSã®ã©ã¡ã‚‰ã‚’å°Žå…¥ã™ã‚‹ã‹è¿·ã£ã¦ã€SCSSã«æ±ºã‚ãŸãƒã‚¤ãƒ³ãƒˆ - çœ ã‚‹å‰ã«å¸ƒå›£ã«ã¯ã„ã‚ã†ã‹
SCSSã¨LESSã®ã©ã¡ã‚‰ã‚’å°Žå…¥ã™ã‚‹ã‹ã‘ã£ã“ã†æ‚©ã‚“ã æ™‚ã®ã¾ã¨ã‚ã§ã™ã€‚ æœ€çµ‚çš„ã«ã¯SCSSã‚’é¸æŠžã—ã¾ã—ãŸãŒã€å°Žå…¥ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ã¡ã«ã¿ã«ã€SCSSã¨LESSã¨ã¯ å†åˆ©ç”¨ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ã‚„å¤‰æ•°ãªã©ã€CSSã‚’åŠ¹çŽ‡çš„ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹ã‚ˆã†ã«æ‹¡å¼µã•ã‚ŒãŸãƒ¡ã‚¿è¨€èªžã§ã™ã€‚ ã©ã¡ã‚‰ã‚‚ã€CSSã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸç‹¬è‡ªã®è¨˜æ³•ã§ã‚‚ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ãã‚Œã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã§CSSã«å±•é–‹ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ LESS SCSS å‹•ä½œç’°å¢ƒã‚„ä½¿ç”¨ãªã©ã®è©³ã—ã„æ¯”è¼ƒã¯ã“ã¡ã‚‰ãŒå‚è€ƒã«ãªã‚Šã¾ã™ http://dxd8.com/archives/217/ Sass â‰ SCSS SCSSã‚’èª¿ã¹ã¦ã„ã‚‹ã¨ã€Sassã¨ã„ã†å˜èªžã‚‚ç›®ã«ã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ä½¿ã„å§‹ã‚ãŸå½“åˆã¯ã”ã£ã¡ã‚ƒã«ãªã£ã¦ãŸã®ã§ã™ãŒ ã‚‚ã¨ã‚‚ã¨ã¯Sassã¨ã„ã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒå˜åœ¨ã—ã€ãã“ã‹ã‚‰æ´¾ç”Ÿã—ãŸã®ãŒ SCSSã‚‰ã—ã„ã§ã™ã€‚ Sassã‚‚åŒã˜ã‚³ãƒ³ã‚»ãƒ—ãƒˆã®CSSæ‹¡å¼µè¨€èªžã§ã™ãŒã€ ãŸã¨
hokaccha 2012/02/20
sass

less
ãƒªãƒ³ã‚¯
LESS & Sass Advent Calendar 2011
.day1 { content: "Sassã§è¡Œã“ã†ï¼"; voice-family: hell2u; } .day2 { content: "CSSã¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ãƒ¡ã‚¿è¨€èªž"; voice-family: debiru; } .day3 { content: "Sass ã‚’ä»Šã™ãå®Ÿå‹™ã§ä½¿ãŠã†ã‚ˆï¼"; voice-family: tacamy; } .day4 { content: "LESSåˆå¿ƒè€…å‘ã‘ã®ãƒŠãƒ‹ã‚«"; voice-family: sigwyg; } .day5 { content: "ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆä½œæˆæ™‚ã®Sassæ´»ç”¨æ³•"; voice-family: mattari_panda; } .day6 { content: "sassã®æŠ‘ãˆã¦ãŠããŸã„functionã®ä½¿ã„æ–¹"; voice-family: a_t; } .day7 { content: "Sasså®Ÿæˆ¦
hokaccha 2011/12/27
less

sass

adventcalendar
ãƒªãƒ³ã‚¯
æ—¥è¨˜ | ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ
blogç§»è¡Œã—ã¾ã—ãŸã€‚æ–°ã—ã„blogã§æ›´æ–°ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚ XMLã‚§â€¦ text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLã‚§â€¦ æ—¥ã€…ã®å‡ºæ¥äº‹2012å¹´7æœˆ8æ—¥æ—¥æ›œæ—¥ ãƒ–ãƒã‚°ä½œã‚ŠãªãŠãã†ã‹ãªãƒ¼ã¨æ€ã£ã¦ã€ã“ã® Webã‚µã‚¤ãƒˆ ã‚’ã¿ãªãŠã—ã¦ãŸã‚‰ã€Web ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¿æƒ…å ±ã¨ã—ã¦ãƒ€ãƒ–ãƒªãƒ³ã‚³ã‚¢ (RDF) ã‚’æ··åœ¨ã•ã›ã¦ã„ãŸã“ã¨ã‚’æ€ã„å‡ºã—ãŸã€‚ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ¼ã«ã‹ã‘ã‚Œã°ã€ã‚°ãƒ©ãƒ•ã‚‚å–ã‚Šå‡ºã›ã¦ ã¿ãŸã„ãªæ„Ÿã˜ã«ãªã‚‹ã€‚ã§ã‚‚çµå±€ã‚ã¾ã‚Šæ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ OGP ã¨ã‹ã‚ã‚Šã¾ã™ã—ãã€‚ Web ãƒšãƒ¼ã‚¸ã¯ XHTML ã«ã—ã¦ãŸã‘ã©ã€ãƒ–ãƒã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆã§å‚ç…§å…ˆã®ãªã„æ•°å€¤å‚ç…§ã¨ã‹æ··ãœã‚‰ã‚Œã‚‹ã¨ XML ãƒ‘ãƒ¼ã‚¹ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã—ã€XML ã ã‹ã‚‰ä»–ã®èªžå½™æ··åœ¨ã§ãã‚‹ã‘ã©ã€RDF ãã‚‰ã„ã—ã‹æ··ãœã¦ãªã‹ã£ãŸã—ã€XHTML æ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ HTML ã« SVG æ··åœ¨ã§ã
hokaccha 2011/12/26
sass

less

adventcalendar
ãƒªãƒ³ã‚¯
http://inputxoutput.com/32/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
hokaccha 2011/12/21
less

adventcalendar
ãƒªãƒ³ã‚¯
Lessã«ãŠã‘ã‚‹Mixinæ´»ç”¨æ³• - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ Less & Sass Advent calendar 2011 ã®15æ—¥ç›®ã§ã™ï¼ ä»Šæ—¥ã¯Lessã«ãŠã‘ã‚‹MixInã®æ´»ç”¨æ³•ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Lessã®Mixinã«ã¤ã„ã¦ Lessã«ãŠã‘ã‚‹Mixinã¨ã„ã†ã®ã¯ã€ç°¡å˜ã«è¨€ã†ã¨é–¢æ•°ã®ã‚ˆã†ãªã‚‚ã®ã§ã€ ã©ã“ã‹ã§å®£è¨€ã—ã¦ãŠã‘ã°ã€ã‚»ãƒ¬ã‚¯ã‚¿ã®ä¸ã§å‘¼ã³å‡ºã™ã“ã¨ãŒå‡ºæ¥ã€ çµæžœã¨ã—ã¦ãã®ä¸èº«ãŒã‚»ãƒ¬ã‚¯ã‚¿å†…ã«å±•é–‹ã•ã‚Œã¾ã™ã€‚ ã”ã¡ã‚ƒã”ã¡ã‚ƒã¨ã‚ã‹ã‚Šã¥ã‚‰ã„ã®ã§ã€å…¬å¼ã®ä¾‹ã‚’æ‹å€Ÿã—ã¾ã™ã€‚ .rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } ã“ã‚“ãªæ„Ÿã˜ã«å®£è¨€ã—ã¦ãŠãã¾ã™ã€‚()ã®ä¸èº«ã¯å¼•æ•°ã¨åˆæœŸå€¤ã§ã™ã€‚ ã‚»ãƒ¬ã‚¯ã‚¿å†…
hokaccha 2011/12/15
less

adventcalendar
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã«ä½¿ãˆãã†ãªLESS/Sassã®æ›¸ãæ–¹ | Good thinking
Responsive Web Designã‚’è€ƒãˆãŸCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤LESS/Sassã®ã‚³ãƒ¼ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æœ¬è¨˜äº‹ã¯Less & Sass Advent Calendar 2011ã®13æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ â€»æŠ•ç¨¿æ—¥ä»˜ãŒ15æ—¥ã«ãªã£ã¦ã„ã¾ã™ãŒã€ç§ã®å‹˜é•ã„ã§æŠ•ç¨¿ãŒé…ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã€‚ã€‚ï¼ˆé–¢ä¿‚è€…ã®æ–¹ã”ã‚ã‚“ãªã•ã„ï¼‰ LESS/Sassã®å‰ã«Responsive Web Designã®å®šç¾©ã®è©± ã¾ãšå…ˆã«Responsive Web Designã¨ã¯ã©ã†ã„ã†ã‚‚ã®ã§ã‚ã‚‹ã‹ã‚’ç¢ºèªã—ã¾ã—ã‚‡ã†ã€‚ Ethan MarcotteãŒæå”±ã—ãŸResponsive Web Designã¯ã€æ¬¡ã®3ã¤ã®è¦ç´ ã§æ§‹æˆã•ã‚ŒãŸã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ A flexible, grid-based layout,ï¼ˆæŸ”è»Ÿã§ã€ã‚°ãƒªãƒƒãƒ‰åž‹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰ Flexible images and media, Media queries
hokaccha 2011/12/15
less

sass

adventcalendar
ãƒªãƒ³ã‚¯
Node.jsã§LESSãƒ•ã‚¡ã‚¤ãƒ«ã‚’å‹•çš„ã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ :: 5509
ã€ŒLess & Sass Advent calendar 2011ã€9æ—¥ç›®ã®ã§ã™ã€‚ æµã‚Œã‚’ã¶ã£ãŸåˆ‡ã£ã¦ã—ã¾ã£ã¦ã‚ã‚Œãªã®ã§ã™ãŒã€Node.jsã¨ã‚ã‚ã›ã¦LESSãƒ•ã‚¡ã‚¤ãƒ«ã‚’å‹•çš„ã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã‚ˆã†ãªã‚„ã¤æ›¸ãã¾ã™ã€‚ ã¿ãªã•ã‚“ã”å˜çŸ¥ã®é€šã‚ŠLESSã¯JSã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§ã€Node.jsã‚’ä½¿ã£ãŸã‚¢ãƒ—ãƒªã§ã¯å‹•çš„ã«LESSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã§ãã¾ã™ã€‚ ã¨ã“ã‚ãŒLESSã®ã‚µã‚¤ãƒˆã«æ›¸ã„ã¦ã‚ã‚‹æ–¹æ³•ã¯ var parser = new(less.Parser); parser.parse('.class { width: 1 + 1 }', function (err, tree) { if (err) { return console.error(err) } console.log(tree.toCSS()); }); ãƒ»ãƒ»ãƒ»ã‚„ã•ã—ããªã„ï¼ ã¾ã‚ã§ã‚‚æ—©ã„è©±ã€parse(hoge, func)ã®hogeã«L
hokaccha 2011/12/09
less

node.js

adventcalendar
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦ã®CSSãƒ¡ã‚¿è¨€èªžã¯LessãŒãŠã™ã™ã‚ï¼ Â« NAVER Engineers' Blog
ã“ã‚“ã«ã¡ã¯ã€NAVER UIT ã¤ã—ã¾ã§ã™ã€‚ Less & Sass Advent calendar 2011ã®8æ—¥ç›®ã§ã™ã€‚ ã“ã‚Œã¾ã§ã®Advent calendarã®è¨˜äº‹ã§ã€Sassã‚„Lessã®æ¦‚è¦ã€æ´»ç”¨æ³•ãªã©ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ä»Šå›žã¯ã€ã€ŒLessã¯æ©Ÿèƒ½ä¸ååˆ†ãã†ã ã—ã€Sassã‚ªã‚·å¤šã„ã—ã€Sassã‚’ä½¿ã„ã¯ã˜ã‚ã‚ˆã†ã‹ãªãƒ»ãƒ»ã€ã¨æ€ã£ã¦ã„ã‚‹æ–¹ã«å‘ã‘ã¦ã¯ã˜ã‚ã¦ã®CSSãƒ¡ã‚¿è¨€èªžã¯LessãŒãŠã™ã™ã‚ã¨ã„ã†ãŠã¯ãªã—ã§ã™ã€‚ Lessã£ã¦ï¼Ÿ æ—¢ã«CSSã¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ãƒ¡ã‚¿è¨€èªž(2æ—¥ç›®è¨˜äº‹)ã‚„LESSåˆå¿ƒè€…å‘ã‘ã®ãƒŠãƒ‹ã‚«(4æ—¥ç›®è¨˜äº‹)ã§ã‚‚ç´¹ä»‹ãŒã‚ã£ãŸã¨ãŠã‚Šã€Lessã¯CSSã‚’è¨˜è¿°ã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã§ã™ã€‚ ãŸã å¾Œç™ºã§ã‚ã‚‹ã«ã‚‚é–¢ã‚ã‚‰ãšã€Sassã«ã‚ã‚‹ã®ã«Lessã«ãªã„æ©Ÿèƒ½ã¯çµæ§‹ã‚ã£ã¦ã€ä¾‹ãˆã°ã€ifã‚„forãªã©ã®åˆ¶å¾¡æ–‡ã€extendãŒä½¿ç”¨ã§ããªã‹ã£ãŸã‚Šã€cssã¸ã®å‡ºåŠ›å½¢å¼ãŒSassã»ã©é¸ã¹ãªã‹ã£ãŸã‚Šãƒ»ãƒ»
hokaccha 2011/12/08
less

adventcalendar
ãƒªãƒ³ã‚¯
LESSåˆå¿ƒè€…å‘ã‘ã®ãƒŠãƒ‹ã‚« - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: ã“ã®è¨˜äº‹ã¯ã€3å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚Webã®é€²åŒ–ã¯é€Ÿã„ï¼æƒ…å ±ã®æ£ç¢ºæ€§ã¯è‡ªå·±è²¬ä»»ã§åˆ¤æ–ã—ã¦ãã ã•ã„ã€‚ ã“ã‚“ã«ã¡ã¯ã€ŽLess & Sass Advent calendar 2011ã€4æ—¥ç›®ã€‚Sig.@sigwygãŒãŠé€ã‚Šã—ã¾ã™ã€‚ã€Œãƒãƒ¼ãƒ‰ãƒ«ä¸‹ã’ã‚‹ã‚ˆã€ã¨è¨€ã£ã¦ã„ãŸtacamyãŒæ–‡é‡ã‚ã‚‹è‰¯è¨˜äº‹ã‚’ä¸Šã’ã¦ãŠã‚Šã€é«˜ã¾ã‚‹ãƒãƒ¼ãƒ‰ãƒ«ã«æã€…ã¨ã—ã¦ã„ã‚‹ä»Šæ—¥ã“ã®é ƒã€‚çš†ã•ã‚“å¦‚ä½•ãŠéŽã”ã—ã§ã—ã‚‡ã†ã‹ã€‚ã¾ã‚åƒ•ã¯ãƒžã‚¤ãƒšãƒ¼ã‚¹ã§è¡Œãã¾ã™ã€‚ä¹…ã—ã¶ã‚Šã®Blogè¨˜äº‹ã§ã™ã—ãï¼ï¼ˆè¨€ã„è¨³ï¼‰ ã•ã¦ã€å°ç‹¡ãäºˆé˜²ç·šã‚’å¼µã£ãŸã¨ã“ã‚ã§LESSç´¹ä»‹ã§ã™ã€‚LESSã¯CSSã«å¤‰æ•°ã‚„ã‚‰é–¢æ•°ã‚„ã‚‰ãƒã‚¹ãƒˆã‚„ã‚‰ã‚’å®Ÿè£…ã—ã¾ã™ã€‚Sassã¨åŒã˜ã‚ˆã†ãªCSSæ‹¡å¼µã¨ã‹ãƒ¡ã‚¿è¨€èªžã¨ã‹è¨€ã‚ã‚Œã‚‹ãƒ¢ãƒŽã§ã™ã€‚ã“ã®è¾ºã‚Šã®è§£èª¬ã¯debiruãã‚“ã®è¨˜äº‹ãŒè©³ã—ã„ã®ã§å‰²æ„›ã€‚
hokaccha 2011/12/05
file://ã®è©±ã—ã¯ã“ã®è¾ºã§ã™ã http://subtech.g.hatena.ne.jp/mala/20110425/1303730089

less

sass

adventcalendar
ãƒªãƒ³ã‚¯
Sass ã‚’ä»Šã™ãå®Ÿå‹™ã§ä½¿ãŠã†ã‚ˆï¼ Â« NAVER Engineers' Blog
ã¯ã˜ã‚ã¾ã—ã¦ã® tacamy ã§ã™ã€‚ ã•ã¦ä»Šæ—¥ã¯ Less & Sass Advent calendar 2011 ã® 3 æ—¥ç›®ã§ã™ã€‚ ã€ŒSassã‹ãã€‚ã¾ãƒ¼ãŸã—ã‹ã«ä¾¿åˆ©ãã†ã ã‘ã©ã€ å®Ÿå‹™ã§ä½¿ãˆã‚‹ã‹åˆ†ã‹ã‚‰ãªã„ã—è‡ªåˆ†ã«ã¯é–¢ä¿‚ãªã„ã‹ãªã€‚ã€ ã¨ã‹æ€ã£ã¦ã¾ã›ã‚“ã‹ãƒ»ãƒ»ãƒ»ï¼ï¼Ÿ ãœã‚“ãœã‚“ãã‚“ãªã“ã¨ãªã„ã§ã™ã‚ˆï¼( ï½¥`Ï‰ï½¥Â´) ãã®è¨¼æ‹ ã«ã€NAVER ã§ã¯åŠå¹´ã»ã©å‰ã‹ã‚‰ã€ æ–°è¦ã‚µãƒ¼ãƒ“ã‚¹ã¯ã™ã¹ã¦ Sass ã‚’ä½¿ã£ã¦åˆ¶ä½œã—ã¦ã„ã¾ã™ãŒã€å•é¡Œãªãä½¿ãˆã¦ã„ã¾ã™ã€‚ ã‚€ã—ã‚åŠ¹çŽ‡åŒ–ã§ãã¦ã€CSS ã‚’æ›¸ãå·¥æ•°ãŒæ¸›ã£ãŸæ°—ã‚‚ã—ã¾ã™ï¼ˆå€‹äººã®æ„Ÿæƒ³ã§ã™ï¼‰ã€‚ å°é›£ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ã“ã®ã‚ã¨ã® 22 äººãŒæ›¸ã„ã¦ãã‚Œã‚‹ã¨æ€ã†ã®ã§ï¼ˆä¸¸æŠ•ã’ï¼‰ã€ ä»Šæ—¥ã®è¨˜äº‹ã§ã¯ã€Sass ã‚’å®Ÿå‹™ã§ä½¿ã†ã“ã¨ã«çµžã£ã¦æ›¸ã„ã¦ã¿ã¾ã™ã€‚ å®Ÿå‹™ã§Sassã‚’ä½¿ã†ãƒ¡ãƒªãƒƒãƒˆã£ã¦ï¼Ÿ åˆ¶ä½œã®å·¥æ•°ãŒæ¸›ã‚‹ CSS3 ã‚’ä½¿ã†ã¨ãã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒªãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ã„ã¡ã„ã¡è‡ªåŠ›ã§ã¤ã‘ãŸã‚Šã€
hokaccha 2011/12/03
sass & less Adevent Calendar 3æ—¥ç›®

sass

less

adventcalendar
ãƒªãƒ³ã‚¯
CSSã¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ãƒ¡ã‚¿è¨€èªž | debilog
Less & Sass Advent calendar 2011 ã® 2 æ—¥ç›®ã‚’æ›¸ãã¾ã™ã€‚ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ã¨ãã®ã‚¢ãƒ—ãƒãƒ¼ãƒã«è§¦ã‚ŒãŸå¾Œã§ã€ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®ãƒ†ãƒ¼ãƒžã§ã‚ã‚‹ LESS ã‚„ Sass ãŒã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸åˆ¶ä½œè€…ã«ã¨ã£ã¦ã©ã®ã‚ˆã†ã«å½¹ã«ç«‹ã¤ã‚‚ã®ãªã®ã‹ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚ãªãŸãŒ HTML ã‚„ CSS ã‚’æ›¸ãã“ã¨ã«ãªã£ãŸã‚‰ HTML ã‚‚ CSS ã‚‚è‡ªåˆ†ã§æ›¸ã HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¹ã‚ãƒ³ã‚’ä½¿ã† CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã† CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç´¹ä»‹ ãƒ¡ã‚¿ CSS è¨€èªž CSS ã®æ§‹æˆè¦ç´ CSS ã®ä»•æ§˜ã§ã¯ã§ããªã„ã“ã¨ CSS ã®ãƒ¡ã‚¿è¨€èªžã‚’ä½¿ã† Sass 3 ç³»ã®ç™»å ´ ä»–ã®ãƒ¡ã‚¿ CSS è¨€èªž çµ‚ã‚ã‚Šã« ã‚ãªãŸãŒ HTML ã‚„ CSS ã‚’æ›¸ãã“ã¨ã«ãªã£ãŸã‚‰ å€‹äººã‚„å›£ä½“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãŸã„ã¨ã å€‹äººã§ä½¿ã£ã¦ã„ã‚‹ãƒ–ãƒã‚°ãªã©ã® CMS ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã„ã¨ã ä»•äº‹ã§ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒª
hokaccha 2011/12/02
less sass Advent Calendar äºŒæ—¥ç›®

adventcalendar

css

less

sass
ãƒªãƒ³ã‚¯
CodeKit - THE Mac App for Web Developers
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
hokaccha 2011/11/06
less

sass
ãƒªãƒ³ã‚¯
less ã® tail -f ãƒ¢ãƒ¼ãƒ‰çš„ãªä½•ã‹ - å®‡å®™è¡ŒããŸã„
ä»Šã€è¡æ’ƒçš„ãªäº‹å®ŸãŒç¤¾å†… IRC ã«ä½•æ°—ç„¡ãæµã‚Œã¦ãŸã€‚ ã‚‚ã†ã€ã“ã‚Œã‚’çŸ¥ã‚‰ãªã‹ã£ãŸã›ã„ã§ç„¡é§„ã«ã—ãŸæ™‚é–“ã‚’æƒ³åƒã™ã‚‹ã ã‘ã§æ³£ããã†ã«ãªã£ãŸã€‚ id:sett-4 : (less ã§) shift+Fã§tail -fãƒ¢ãƒ¼ãƒ‰ã«ã€‚Ctrl+Cã§è„±å‡º ã‚‚ã†ã€æœ¬å½“ã©ã‚Œã ã‘ä»Šã¾ã§ã€ãã®äºŒã¤ã‚’è¡Œãæ¥ã—ã¦ã„ãŸã‹â€¦â€¦ orz
hokaccha 2010/12/09
linux

less
ãƒªãƒ³ã‚¯
1