[B! sass] fukudamasa09ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fukudamasa09 id:fukudamasa09

sassã«é–¢ã™ã‚‹fukudamasa09ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

${{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}}

Online StyleSheet Generator | OneClickCSS
What's this? HTMLã‚½ãƒ¼ã‚¹ã‚’ã‚‚ã¨ã«ã€id,classåCSSã€åå«ã‚»ãƒ¬ã‚¯ã‚¿CSSã€åã‚»ãƒ¬ã‚¯ã‚¿CSSã€LESSã€SASSã€SCSSã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ å¾“æ¥ã®HTMLã‚³ãƒ¼ãƒ‡ã‚£ã‚°ã‚’å¼·åŠ›ã«ã‚µãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ What's LESS/SASS/SCSS? LESS / SASS / SCSSã¯CSSã‚’åŠ¹çŽ‡çš„ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹CSSãƒ¡ã‚¿è¨€èªžã§ã™ã€‚ å¾“æ¥ã®CSSã«æ¯”ã¹åå«ã‚»ãƒ¬ã‚¯ã‚¿ãƒ»åã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç°¡å˜ã«ç®¡ç†ã™ã‚‹ã“ã¨ãŒã§ãã€é«˜é€Ÿã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ LESS OFFICIAL SASS/SCSS OFFICIAL é–¢é€£ã‚µãƒ¼ãƒ“ã‚¹ é«˜ç”»è³ªã‚µãƒ ãƒã‚¤ãƒ«ç”Ÿæˆã‚µãƒ¼ãƒ“ã‚¹ HTTPã‚¯ã‚¨ãƒªãƒ‡ã‚³ãƒ¼ãƒ‰ SQLãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ Insertæ–‡ãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ ã‚¹ãƒšãƒ¼ã‚¹ãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ JSONãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ HTML/XMLãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ Emmet toolkit for <textare
fukudamasa09 2014/08/12
2.5

webservice

browser

webã‚µãƒ¼ãƒ“ã‚¹

css

sass

generator

LESS

HTML

SCSS
ãƒªãƒ³ã‚¯
Your Friendly Web Development Companion
Your Friendly Web Development Companion Prepros compiles your files, transpiles your JavaScript, reloads your browsers and makes it really easy to develop & test your websites so you can focus on making them perfect.
fukudamasa09 2014/08/12
browser

SCSS

LESS

CoffeeScript

javascript

windows

ãƒ„ãƒ¼ãƒ«

web

css

sass
ãƒªãƒ³ã‚¯
ã„ã¤SASSã‚’è¦šãˆã‚‹ã‹ï¼Ÿä»Šã§ã—ã‚‡ï¼ï¼Preprosã§ç°¡å˜ã«ç’°å¢ƒã‚’ã¤ãã‚ã†
ä»Šã•ã‚‰ãã®ãƒã‚¿ï½—ï½—ï½—ä½•è¨€ã£ã¦ã‚“ã®ï½—ï½—ï½—ï½—ï½µï½¯ï½¿ï½—ï½—ï½—ï½—ï½— ã¨ã‹è¨€ã‚ã‚Œãªã„ãŸã‚ã«ã€ãã‚ãã‚SASSã¨ã‹Compassã¨ã‹ãã®è¾ºã‚Šã‚’ä½¿ã†ç’°å¢ƒã‚’æ•´ãˆã¦ã¿ã¾ã›ã‚“ã‹ï¼Ÿ ä¾¿åˆ©ãªã®ã¯ã‚ã‹ã£ã¦ã‚‹ã€‚ã‘ã©ãƒ»ãƒ»ãƒ» SASSã«é–¢ã™ã‚‹å°‚é–€æ›¸ã‚‚è²©å£²ã•ã‚Œã¦è¬›ç¿’ä¼šãªã©ã‚‚è¡Œã‚ã‚Œã€ã“ã‚Œã‹ã‚‰ã©ã‚“ã©ã‚“ç›®ã‚’ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã™ã§ã«ãƒãƒƒãƒˆã‚„å‘¨ã‚Šã§å™‚ã‚’èžã„ã¦ã€Œä¾¿åˆ©ãã†ã€ã¨æ€ã£ã¦ã‚‹äººã‚‚å¤šã„ã¯ãšã€‚ ã§ã‚‚ãªã‚“ã§æ‰‹ã‚’å‡ºã›ãªã„ã®ã‹ãƒ»ãƒ»ãƒ» ä»Šã®CSSã§ååˆ† ã‚„ã‚ã†ã¨æ€ã£ãŸã‘ã©Rubyã¨ã‹gemã¨ã‹ãªã‚“ã¨ã‹æ›¸ã„ã¦ã¦ã€ã‚ˆãã‚ã‹ã‚‰ãªã„ ã‚ã®é»’ã„ç”»é¢ãŒè‹¦æ‰‹ ã‚ˆãã‚ã‹ã‚‰ãªã„ï¼ŸCUIï¼ˆã‚ã®é»’ã„ç”»é¢ï¼‰ãŒè‹¦æ‰‹ï¼Ÿã‚‚ã†ãã‚“ãªã“ã¨ã¯è¨€ã‚ã›ãªã„ï¼ï¼ãã‚“ãªã‚ãªãŸã«ã‚³ãƒ¬ï¼ï¼ ã“ã‚Œãƒžã‚¸ã„ã„ã‚“ã§ã™ã‚ˆã€‚è‹±èªžç‰ˆã§ã™ã‘ã©ã€‚ã§ã‚‚ã»ã‚“ã¨ã‚¿ã‚¬ãƒã‚°èªžã®äººã§ã‚‚ä½¿ãˆã¡ã‚ƒã†ãƒ¬ãƒ™ãƒ«ã€‚ ã¨ã‚Šã‚ãˆãšã“ã‚Œã§compassã‚’ä½¿ã£ã¦ã¿ã‚‹ã®ã¯ã©ã†ã§ã—ã‚‡ã†ã‹ï¼Ÿ Winã§ã‚‚Macã§ã‚‚ã“ã‚Œã§ã„ã‘ã¾ã™ã—
fukudamasa09 2014/08/12
compass

sass

1402

CSS
ãƒªãƒ³ã‚¯
CSS Preprocessor Advent Calendar 2012 - Adventar
Sassã€Lessã€Stylusãªã©CSS Preprocessorã«é–¢ã™ã‚‹Advent Calendarã§ã™ã€‚ Sass LESS Stylus
fukudamasa09 2014/07/01
Advent Calendar

compass

design

advent

stylus

calendar

AdventCalendar

sass

less

css
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰Sassã‚’å§‹ã‚ãŸã„äººã¸ï¼å°Žå…¥æ‰‹é †ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ(Dreamweaverå¯¾å¿œ) | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨ã§ã™ã€‚ å…¨ãé–¢ä¿‚ãªã„è©±ã§ã™ãŒã€ãƒã‚±ãƒƒãƒˆãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ Xãƒ»YãŒç™ºå£²ã•ã‚ŒãŸãã†ã§ã™ãã€‚ã€Œé‡‘ãƒ»éŠ€ã€ãƒ–ãƒ©ãƒƒã‚¯ãƒ»ãƒ›ãƒ¯ã‚¤ãƒˆã¨ããŸã‚‰ã€æ¬¡ã¯ãƒ‘ã‚¹ãƒ†ãƒ«ã‚«ãƒ©ãƒ¼è¾ºã‚ŠãŒæ¥ã‚‹ã¯ãšã‚„ï¼é–“é•ã„ãªã„ï¼ã€ã¨æ€ã£ã¦ã„ãŸåƒ•ã®äºˆæƒ³ã¯ã¾ã‚“ã¾ã¨å¤–ã‚Œã¾ã—ãŸã€‚ã¾ã‚ãã‚Œã¯ã„ã„ã¨ã—ã¦ã€ ä»Šå›žã¯Sassã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨èªžã‚‰ã›ã¦ã„ãŸã ãã¾ã™ã€‚Sassã¨ã„ã†ã¨ã€ã€ŒåŠ¹çŽ‡ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ãƒ”ãƒ¼ãƒ‰ãŒè¶…ä¸ŠãŒã‚‹ã‚‰ã—ã„ã€ã¨ã‹ã€ã€ŒLINEæ ªå¼ä¼šç¤¾ã€æ ªå¼ä¼šç¤¾DeNAã¨ã‹ã‚‚æŽ¡ç”¨ã—ã¦ã‚‹ã‚‰ã—ã„ã€ã¨ã„ã†è©±ã‚’èžãã¾ã™ã€‚åƒ•ã‚‚Sassã«ã¤ã„ã¦ã¯å‹‰å¼·ã—ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€å½“åˆã¯ã‚ã‹ã‚Šã«ãã„éƒ¨åˆ†ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ ãã‚Œã¯ã€Œãã‚‚ãã‚‚SassãŒä½•ãªã®ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„ã€‚ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžï¼Ÿï¼Ÿã€ã£ã¦ã“ã¨ã¨ã€ã€Œã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒä¸Šæ‰‹ãã„ã‹ãªã„ï¼ã‚³ãƒžãƒ³ãƒ‰ãƒ—ãƒãƒ³ãƒ—ãƒˆä½¿ã„æ–¹ã‚ã‹ã‚‰ãªã„ï¼Dreamweaverï¼ˆä»¥ä¸‹DWï¼‰å‹•ã‹ãªã„ï¼GUIã‚½ãƒ•ãƒˆã£ã¦ãªã«ï¼ï¼Ÿã€ã£ã¦ã“ã¨ã§ã™ã€‚
fukudamasa09 2013/10/16
css

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

DeNA

css3

webãƒ‡ã‚¶ã‚¤ãƒ³

sass

*Sass

webåˆ¶ä½œ

dreamweaver

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æ¸›ã‚‰ã™ãŸã‚ã«ã€CSS Spriteç·¨ã€‘ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆåœ°ç„ã‹ã‚‰ã®è§£æ”¾ - MOL
ã“ã®ã‚·ãƒªãƒ¼ã‚ºã¯HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã®ç†è§£ã‚’é€šã˜ã¦Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®é‡è¦æ€§ã«ã¤ã„ã¦è€ƒãˆã‚‹5ç« æ§‹æˆã«ãªã£ã¦ã„ã‚‹ã€‚ ã€åºç« ã€‘HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã¯ç”˜ãˆ ã€CSS Spriteç·¨ã€‘ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆåœ°ç„ã‹ã‚‰ã®è§£æ”¾ ã€WebFontç·¨ã€‘ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã—ã¦ã‚³ãƒžãƒ³ãƒ‰å©ã„ã¦ã‚¦ã‚§ãƒ¼ã‚¤ ã€DataURIç·¨ã€‘é…å»¶ãƒãƒ¼ãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ–ãƒãƒƒã‚¯ã‚’å›žé¿ ã€çµ‚ç« ã€‘æˆ‘ã€…ã«ã¯1000msã®çŒ¶äºˆã—ã‹æ®‹ã•ã‚Œã¦ã„ãªã„ 2æ—¥ç›®ã¯ã€HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æ¸›ã‚‰ã™æœ€ã‚‚ãƒãƒ”ãƒ¥ãƒ©ãƒ¼ãªæ‰‹æ³•ã€CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«ã¤ã„ã¦èª¬æ˜Žã™ã‚‹ã€‚ ã¾ãšã¯å‹•ç”»ã‚’ã”è¦§é ‚ããŸã„ã€‚ imgè¦ç´ èªã¿è¾¼ã¿ | WebPagetest Test Result CSS Spriteèªã¿è¾¼ã¿ | WebPagetest Test Result å·¦ãŒ30å€‹ã®ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã‚’ä¸€ã¤ä¸€ã¤imgè¦ç´ ã¨ã—ã¦èªã¿è¾¼ã‚“ã§ã„ã‚‹ã®ã«å¯¾ã—ã¦ã€å³ã¯ï¼‘ã¤ã®èƒŒæ™¯ç”»åƒï¼ˆCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆï¼‰ã¨ã—ã¦èªã¿è¾¼ã‚“ã§ã„ã‚‹ã€‚ã“ã®å ´åˆã€
fukudamasa09 2013/08/20
performance

css

css sprite

compass

http

Sass

Maple

#201308

CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
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
fukudamasa09 2013/07/04
html

css

CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

haml

web

css

SCSS

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

Sass

framework
ãƒªãƒ³ã‚¯
ã¡ã‚ƒã‚“ã¨CSSã‚’æ›¸ããŸã‚ã« - CSS/Sassè¨è¨ˆã®è©±
TalkNote Vol.8 ç™ºè¡¨ã‚¹ãƒ©ã‚¤ãƒ‰ 2013/06/30 è¿½è¨˜: æœ¬ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç´¹ä»‹ã—ã¦ã„ã‚‹SMACSSæ—¥æœ¬èªžè¨³ï¼ˆé›»åæ›¸ç±ï¼‰ãŒç™ºå£²ã•ã‚ŒãŸã®ã§ã€èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ã”è¦§ãã ã•ã„ã€‚ SMACSS https://smacss.com/Read less
fukudamasa09 2013/06/26
css

css

*ã‚ã¨ã§èªã‚€

bem

web_ã‚¹ãƒ©ã‚¤ãƒ‰

architecture

oocss

Sass

slideshare

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
[CSS]ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹Sass/Compassã®ãƒœã‚¿ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒª -Buttons
æœ€å¾Œã¯ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ä¸Šã‹ã‚‰ã€ã‚µã‚¤ã‚ºå¤‰æ›´ã€inputã‚„buttonãªã©ã®ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã€ãƒ©ãƒƒãƒ‘ãƒ¼ä»˜ãã®ãƒœã‚¿ãƒ³ Buttonsã®ä½¿ã„æ–¹ ä½¿ã„æ–¹ã¯éžå¸¸ã«ç°¡å˜ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« Buttons.zipã‚’Buttons- GitHubã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/button.css"> Step 2: HTML ã‚ã¨ã¯ã€HTMLã«ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½¿ã†ã ã‘ã§å®Ÿè£…ã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ã®HTMLã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ <a href="#" class="button button-rounded button-flat-primary">press me</a> <a href="#" clas
fukudamasa09 2013/06/24
compass

font

font-family

color

HTML

ãƒœã‚¿ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

sass

css
ãƒªãƒ³ã‚¯
ã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œCompassåŸºç¤Žç·¨ | DevelopersIO
ã¯ã˜ã‚ã« å£ç¯€ã®å¤‰ã‚ã‚Šã‚ã§é¢¨é‚ªã‚’ã²ã„ã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿåƒ•ã¯38åº¦ã®ç†±ã§ä¼šç¤¾ã‚’ä¼‘ã¿ã¾ã—ãŸã€‚ã”ã‚ã‚“ãªã•ã„ã€‚ å‰å›žã¯ã€Œã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œåŸºç¤Žç·¨ã€ã§GUIã§SCSSã‚’ä½¿ãˆã‚‹Scout.appã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦ã€ã¾ãŸSCSSã®4ã¤ã®ä¸»ãªæ©Ÿèƒ½ã€Œå¤‰æ•°ã€ã€Œå®£è¨€ãƒ–ãƒãƒƒã‚¯ã®ãƒã‚¹ãƒˆã€ã€ŒMixinsï¼ˆé–¢æ•°ï¼‰ã€ã€Œã‚»ãƒ¬ã‚¯ã‚¿ç¶™æ‰¿ã€ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ãã“ã§ã€ä»Šå›žã¯GUIãƒ„ãƒ¼ãƒ«ã®Scout.appã«åŒæ¢±ã•ã‚Œã¦ã„ã‚‹Compassã«ã¤ã„ã¦æ´»ç”¨æ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚Compassã¯ã€SCSSä½¿ã„ãªã‚‰å¿…é ˆã®ä¾¿åˆ©ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ Compass - CSS ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ compassã¯Sassã‚’ä½¿ã£ãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®CSSã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ compassã‚’ä½¿ã†ã“ã¨ã§ã€Bender Prefixã€CSS Spriteã‚’è‡ªå‹•
fukudamasa09 2012/10/24
compass

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

å…¥é–€

CSS

*ã‚ã¨ã§èªã‚€

CSS3

SCSS

webãƒ‡ã‚¶ã‚¤ãƒ³

sass

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æœ€è¿‘è©¦ã—ã¦ã„ã‚‹ Sass ã®æ›¸ãæ–¹
æœ€è¿‘ã€Sass 3.2 (ãƒ—ãƒ¬ãƒªãƒªãƒ¼ã‚¹ç‰ˆ) ã‚’ä½¿ã£ã¦æ–°ã—ã„æ›¸ãæ–¹ã‚’æ¨¡ç´¢ã—ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€ãã®æ–¹å‘æ€§ã«è‡ªä¿¡ãŒæŒã¦ãªã„ã®ã§ã€ã¡ã‚‡ã£ã¨ã•ã‚‰ã—ã¦ã¿ã¦åå¿œã‚’è¦‹ã‚ˆã†ã¨ã„ã†è©¦ã¿ã§ã™ã€‚ ã¾ãšåŸºæœ¬çš„ãªæ–¹å‘ã¨ã—ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè€ƒãˆæ–¹ã‚’å‚è€ƒã«ã—ã¦ã„ã¾ã™: ãªãœ @kotarok ã•ã‚“ã¯ mixin ã‚ˆã‚Š extend ã‚’æŽ¨ã™ã®ã‹ - mixi Engineers' Blog Sassã®å˜åœ¨æ„ç¾© - Weblog - hail2u.net Sassã®å˜åœ¨æ„ç¾©ã¸ã®è£œè¶³ - Weblog - hail2u.net ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«åˆã‚ã›ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ›¸ãã®ã§ã‚‚ãªãã€ã‚¹ã‚¿ã‚¤ãƒ«ã«åˆã‚ã›ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã®ã§ã‚‚ãªã„ã€ãã‚Œãžã‚Œã‚’é©åˆ‡ã«æ›¸ã„ãŸä¸Šã§çµã³ã¤ã‘ã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªã“ã¨ã‚’åƒ•ãªã‚Šã«ã‚„ã‚ã†ã¨ã—ã¦ã„ã¾ã™ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã®å®Ÿè£…ã¨ã€ãã‚Œã‚‰ã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’åˆ†é›¢ã™ã‚‹ã€ã¿ãŸã„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã€å…·ä½“çš„ã«ã¯ Placeholder (%)
fukudamasa09 2012/07/12
.NET

color

link

css

class

font

css

blog

sass

dev
ãƒªãƒ³ã‚¯
Sassã‚ˆã‚Šãƒ©ã‚¯ãƒãƒ³ï¼ŒLESS.appã§ç°¡å˜CSSã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç”Ÿæ´»ï¼ï¼ˆMacé™å®šï¼‰
LESSã¨Sassã‚’æ¯”è¼ƒã—ã¦ã„ã¾ã—ãŸ LESS Â« The Dynamic Stylesheet language Sass - Syntactically Awesome Stylesheets ã“ã“åŠå¹´ãã‚‰ã„ã®é–“ã«ï¼Œåå‰ã‚’èžãã‚ˆã†ã«ãªã£ãŸSassã¨ï¼Œãã‚Œã«å½±éŸ¿ã•ã‚Œã¦ä½œã‚‰ã‚ŒãŸå¾Œç™ºã®LESSã‚’æ¯”è¼ƒæ¤œè¨Žã—ãŸã¨ã“ã‚ï¼Œä»¥ä¸‹ã®ã‚ˆã†ãªç†ç”±ã‹ã‚‰LESSã‚’ä½¿ã†ã“ã¨ã«ã—ã¾ã—ãŸï¼Ž ä»Šå›žã¯ï¼Œè‡ªåˆ†ã®ä½œæ¥ã®åŠ¹çŽ‡åŒ–ã¯ã‚‚ã¡ã‚ã‚“ï¼Œå°†æ¥çš„ã«ãƒãƒ¼ãƒ ã§ã‚·ã‚§ã‚¢ã§ãã‚‹æŠ€è¡“ã«ãªã‚Šå¾—ã‚‹ã‹ï¼Œã¨ã„ã†è¦³ç‚¹ã‹ã‚‰é¸æŠžã—ã¦ã„ã¾ã™ï¼Ž LESSã‚’é¸ã¶ç†ç”± LESS.appã¨ã„ã†GUIãƒ„ãƒ¼ãƒ«ãŒå˜åœ¨ã™ã‚‹ node.jsã§å‹•ãWebãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ExpressãŒLESSã«æ¨™æº–å¯¾å¿œã—ã¦ã„ã‚‹(ã‚‰ã—ã„) æ–‡æ³•ãŒSassã‚ˆã‚Šç´ ç›´ï¼†ã‚·ãƒ³ãƒ—ãƒ«ã§æ…£ã‚Œã¦ã‚‚ã‚‰ã„ã‚„ã™ãã† ã“ã®ä¸ã§ã‚‚ï¼ŒLESS.appã®å˜åœ¨ãŒä¸€ç•ªã®æ±ºã‚æ‰‹ã¨ãªã£ã¦ï¼Œãƒžã‚¤ãƒŠãƒ¼ãªã¯ãšã®LESSã«è»é…ãŒä¸ŠãŒã£ã¦ã—ã¾
fukudamasa09 2012/03/26
LESS

app

css

node.js

mac

sass

ãƒ¬ãƒ“ãƒ¥ãƒ¼

tool

ã“ã‚Œã¯ã™ã”ã„

æ¯”è¼ƒ
ãƒªãƒ³ã‚¯
ã€Sassã‚’è¦šãˆã‚ˆã†ï¼ã€‘ã‚‚ãã˜çš„ãªã®ã¨å‚è€ƒãƒªãƒ³ã‚¯
éœ€è¦ãŒæœ‰ã‚‹ã®ã‹ç„¡ã„ã®ã‹ã‚‚åˆ†ã‹ã‚‰ãšã€åŠåˆ†ä»¥ä¸Šã¯å‹¢ã„ã§æ›¸ã„ã¦ãŸSassã‚’è¦šãˆã‚ˆã†ã‚·ãƒªãƒ¼ã‚ºã§ã™ãŒã€å°‘ã—ã§ã‚‚åˆ©ç”¨ã™ã‚‹äººãŒå¢—ãˆã‚‹ãã£ã‹ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ã‚«ãƒ†ã‚´ãƒªä¸€è¦§ã‹ã‚‰å…¨éƒ¨è¦‹ã‚Œã¾ã™ã‘ã©ã€ä¸€å¿œã€Sassã‚’è¦šãˆã‚ˆã†ï¼ã€‘ã®å…¨è¨˜äº‹ä¸€è¦§ã§ã™ã€‚ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.1ã€‘ã¯ã˜ã‚ã« ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.2ã€‘ä½•ãŒã™ã”ã„ã®ï¼Ÿãƒ—ãƒã‚°ãƒ©ãƒ ãŒå‡ºæ¥ãªãã¦ã‚‚ä½¿ãˆã‚‹ï¼ŸåŠ¹çŽ‡ãŒãƒ›ãƒ³ãƒˆã«ä¸ŠãŒã‚‹ã®ï¼Ÿ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.3ã€‘ä¸€ç•ªã‚«ãƒ³ã‚¿ãƒ³ãªç’°å¢ƒæ§‹ç¯‰ï¼ˆScoutç·¨ï¼‰ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.4ã€‘Sassã®åŸºæœ¬çš„ãªè¨˜è¿°æ–¹æ³• ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.5ã€‘ç’°å¢ƒæ§‹ç¯‰ï¼ˆé»’ã„ç”»é¢ç·¨ï¼‰ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.6ã€‘é»’ã„ç”»é¢ã§ã®å®Ÿéš›ã®é‹ç”¨ã«é–¢ã—ã¦ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.6.5ã€‘ãƒãƒƒãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½¿ã£ã¦ã‚«ãƒ³ã‚¿ãƒ³ã«é»’ã„ç”»é¢ã§Sassã‚’åˆ©ç”¨ã™ã‚‹ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.7ã€‘ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ†å‰²ã—ã¦ç®¡ç†ã‚’æ¥½ã«
fukudamasa09 2012/03/15
sass

tutorial

ãŠå½¹ç«‹ã¡

dropbox

CSS

ã¾ã¨ã‚

SCSS

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

å‚è€ƒ
ãƒªãƒ³ã‚¯
æ—¥æœ¬ Haml ã®ä¼š
Haml/Sass ã®æ™®åŠã‚’ç›®çš„ã¨ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚°ãƒ«ãƒ¼ãƒ—ã§ã™ã€‚Rails å‹‰å¼·ä¼š@æ±äº¬ã®åˆ†ç§‘ä¼šã®ã‚ˆã†ãªä½ç½®ä»˜ã‘ã§æ´»å‹•ã—ã¦ã„ã¾ã™ã€‚ç•¥ç§°ã¯æ—¥æœ¬ãƒãƒ ã§ã™ã€‚ æ´»å‹•å†…å®¹ Haml/Sass ã«é–¢ã™ã‚‹æƒ…å ±äº¤æ› (Rails å‹‰å¼·ä¼š@æ±äº¬ã€ã¾ãŸã¯ irc.freenode.net ã® #rails-tokyo ãƒãƒ£ãƒ³ãƒãƒ«) å„ç¨®ã‚¤ãƒ™ãƒ³ãƒˆã«ãŠã‘ã‚‹ Haml/Sass ã®å®£ä¼ ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ—ãƒãƒ€ã‚¯ãƒˆã« Haml åŒ–ãƒ‘ãƒƒãƒã‚’æŠ•ã’ã‚‹
fukudamasa09 2012/03/12
sass

css

programming

rails

.NET

haml

ruby

HTML

Sass

sinatra
ãƒªãƒ³ã‚¯
ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.4ã€‘Sassã®åŸºæœ¬çš„ãªè¨˜è¿°æ–¹æ³•
å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€ç„¡äº‹ã«SassãŒå‹•ä½œã™ã‚‹ç’°å¢ƒãŒæ•´ã£ãŸã‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ã„ã‚ˆã„ã‚ˆé€šå¸¸ã®CSSã§ã¯å‡ºæ¥ãªã‹ã£ãŸSassã®è¨˜è¿°ï¼ˆSassè¨˜æ³•ï¼‰ã«é–¢ã—ã¦ã§ã™ï¼ ã¾ãšã¯åŸºæœ¬ã£ã¦æ„Ÿã˜ã§ã™ãŒã€ã“ã‚Œã ã‘ã§ã‚‚ååˆ†Sassã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŠ¹çŽ‡ãŒä¸ŠãŒã‚‹ï¼ã£ã¦æ€ã£ã¦ã‚‚ã‚‰ãˆã‚Œã°å¹¸ã„ã§ã™ï¼žï¼œ è¨˜æ³•ã®å‰ã« Sassè¨˜æ³•ã®å‰ã«ã€Sassã¯CSSã®ã€Œå®Œå…¨ãªä¸Šä½äº’æ›ã€ã¨è¨€ãˆã‚‹ã®ã§ã€CSSã®ãƒ«ãƒ¼ãƒ«ã¯ã™ã¹ã¦ãã®ã¾ã¾åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ãã®ç‚ºã€cssãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãã®ã¾ã¾æ‹¡å¼µåã ã‘ .scssã«å¤‰æ›´ã—ã¦å¤‰æ›ï¼ˆã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ï¼‰ã—ç›´ã™ã¿ãŸã„ãªäº‹ã‚‚å¯èƒ½ã§ã™ã€‚ï¼ˆåœ§ç¸®ã§ãã‚‹ç¨‹åº¦ã®ãƒ¡ãƒªãƒƒãƒˆã—ã‹æœ‰ã‚Šã¾ã›ã‚“ãŒï¼‰ è»½ãä½™è«‡ã§ã™ãŒã€ã“ã®CSSã¨ã®å®Œå…¨ãªäº’æ›æ€§ãŒå¾“æ¥ã®Sassã«ã¯ç„¡ã‹ã£ãŸã®ã§ã™ãŒã€ç¾è¡Œã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ãã‚ŒãŒå‡ºæ¥ã‚‹ã®ã§ã€ä½™è¨ˆãªäº‹ã‚’è¦šãˆã‚‹å¿…è¦ãŒãªãã€Sassã®æ©Ÿèƒ½ã‚’ä»Šã¾ã§ã®CSSã®çŸ¥è˜ã«ãƒ—ãƒ©ã‚¹ã‚¢ãƒ«ãƒ•ã‚¡ã¨ã—ã¦ä½¿ãˆã‚‹ã‚“ã§ã™
fukudamasa09 2012/03/05
sass

css

scss

SCSS
ãƒªãƒ³ã‚¯
ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ•ã‚©ãƒ³ãƒˆãŒä½œã‚Œã‚‹iPadç”¨ãƒ•ã‚©ãƒ³ãƒˆä½œæˆã‚¢ãƒ—ãƒªã€ŒiFontMakerã€ï½œlinker journalï½œlinker
The domain name Linker.in is for sale A great idea deserves a great domain name!
fukudamasa09 2012/03/02
sass

webåˆ¶ä½œ

useWork

scss

hoge

css

css3

Dreamweaver

Mac

dreameweaver
ãƒªãƒ³ã‚¯
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ãã‚“ã®è¨˜äº‹ãŒè©³ã—ã„ã®ã§å‰²æ„›ã€‚
fukudamasa09 2012/02/10
sass

Sass

JavaScript

webkit

CSS

development

web

adventcalendar

LESS
ãƒªãƒ³ã‚¯
compass-style.org is almost here!
The owner of this domain has not yet uploaded their website.
fukudamasa09 2012/01/13
framework

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

CSS

design

css

Ruby

sass

compass

scss

blueprint
ãƒªãƒ³ã‚¯
1