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

Itisango id:Itisango

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

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

Bootstrap 3ã‹ã‚‰Bootstrap 4ã«ç§»è¡Œã™ã‚‹æ™‚ã«çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚‹æ³¨æ„ç‚¹ã®ã¾ã¨ã‚
Bootstrap 4ã§ã¯ãã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã‚’ã¯ã˜ã‚ã€ã‚°ãƒªãƒƒãƒ‰ã®å˜ä½ã‚„ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã®classãŒå¤‰ã‚ã‚Šã€ãã—ã¦ã‚«ãƒ¼ãƒ‰ã‚„ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãªã©ã®æ–°ã—ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«Flexboxã‚‚åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Bootstrap 3ã‹ã‚‰Bootstrap 4ã«ç§»è¡Œã™ã‚‹æ™‚ã«çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚‹æ³¨æ„ç‚¹ã‚’ã¾ã¨ã‚ãŸãƒªã‚¹ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ How to Migrate from Bootstrap Version 3 to 4 ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ Bootstrap 4ã§å¤‰ã‚ã£ãŸç‚¹ Bootstrapã®ãƒ•ã‚¡ã‚¤ãƒ«æ§‹é€ Bootstrap 4ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ ãƒªã‚»ãƒƒãƒˆã¯ã€ã€Œnormalize.cssã€ã‹ã‚‰ã€Œreboot.cssã€ã« classã®å¤‰æ›´ã¨ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ ãƒ†ãƒ¼
Itisango 2016/03/17
Bootstrap

ã‚ã¨ã§èªã‚€

css

bootstrap4

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

JavaScript

Sass

flexbox

web

ã‚°ãƒªãƒƒãƒ‰
ãƒªãƒ³ã‚¯
ä»Šã©ãã®Gruntã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºï¼ˆHTML/CSSç·¨ï¼‰ - MOL
Sassãªã©ã®CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’ä½¿ã†Webãƒ‡ã‚¶ã‚¤ãƒŠãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚Sassã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã ã‘ãªã‚‰é»’ã„ç”»é¢ï¼ˆã‚¿ãƒ¼ãƒŸãƒŠãƒ«ï¼‰ã‚’ä½¿ã‚ãšã¨ã‚‚GUIã‚¢ãƒ—ãƒªã‹ã‚‰ã®åˆ©ç”¨ã§å•é¡Œã‚ã‚Šã¾ã›ã‚“ã€‚ãŒã€ã“ã“ã¯ä¸€æ©è¸ã¿è¾¼ã‚“ã§Gruntï¼ˆJavaScriptè£½ã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ï¼‰ã‚’ä½¿ã£ã¦ã€Sassä»¥å¤–ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚„ãƒ©ã‚¤ãƒ–ãƒªãƒãƒ¼ãƒ‰ã€ç”»åƒæœ€é©åŒ–ã€CSSã®ãƒªãƒ³ãƒˆã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ç”Ÿæˆãªã©ã€ã‚ã‚‰ã‚†ã‚‹ä½œæ¥ã‚’Gruntã«ä»»ã›ã¦ã‚ˆã‚ŠåŠ¹çŽ‡çš„ãªé–‹ç™ºç’°å¢ƒã‚’æ‰‹ã«å…¥ã‚Œã¦ã¿ã¾ã›ã‚“ã‹ã€‚ ã©ã‚‚ã€Front-end Developerã‚’ã—ã¦ãŠã‚Šã¾ã™@t32kã§ã™ã€‚ä»Šæ—¥ã¯ãŒã‚“ã°ã‚Šã¾ã™ã€‚ Frontrendã¨ã„ã†ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£æ´»å‹•ã‚’ã—ã¦ã„ã¾ã™ã€‚é€šå¸¸ã¯æ±äº¬ã§3~4ãƒ¶æœˆã®å‘¨æœŸã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ãƒ†ãƒ¼ãƒžã«ã—ãŸå‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¦ã„ã¾ã™ã€‚è‰¯ã‹ã£ãŸã‚‰ã¿ãªã•ã‚“ã‚‚ã”å‚åŠ ãã ã•ã„ã¾ã›ã€‚ Agenda ä»Šæ—¥ã®è©±ã™å†…å®¹ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ ãªãœGruntã‚’ä½¿ã†ã®ï¼Ÿ Gruntã®ä½¿
Itisango 2013/12/02
2014å¹´

application

HTML

grunt

apps

app

sass

javascript

slide
ãƒªãƒ³ã‚¯
BEMã¨ã„ã†å‘½åè¦å‰‡ã¨Sass 3.3ã®æ–°ã—ã„è¨˜æ³• - ã‚¢ã‚¤ãƒ³ã‚·ãƒ¥ã‚¿ã‚¤ãƒ³ã®é›»è©±ç•ªå·
BEMã‚’ä½¿ã£ãŸå‘½åãŒã¨ã¦ã‚‚æ˜Žå¿«ã§ã€ã“ã®ã¨ã“ã‚HTMLã‚„CSSã‚’æ›¸ãã®ã«ã‚ˆãä½¿ã£ã¦ã„ã‚‹ã€‚CSSã®ã‚¯ãƒ©ã‚¹åã¨ã—ã¦æ›¸ãå ´åˆã¯ã€BEMã‚’CSSç”¨ã«ä½¿ã„ã‚„ã™ãã—ãŸMindB EMdingã¨ã„ã†æ›¸ãæ–¹ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã€‚æœ€åˆã«ã“ã‚Œã‚’çŸ¥ã£ãŸã¨ãã¯ã€Œã“ã‚“ãªæ±šã„è¨˜è¿°ã®ä»•æ–¹ã¯ä½¿ã„ãŸããªã„ã€ã¨æ€ã£ã¦ãŸã‚“ã ã‘ã©ã€ã™ã£ã‹ã‚Šæ…£ã‚Œã¦ã€ä»Šã§ã¯ãã®æ˜Žå¿«ã•ã«ã¡ã‚‡ã£ã¨å¿ƒé…”ã—ã‹ã‘ã¦ã„ã‚‹ã»ã©ã€‚ BEMã®æ–¹æ³•è«–ã¨MindB EMdingã®ãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦ã¯ãã‚Œãžã‚Œã®æ–‡æ›¸ã‚’èªã‚“ã§ã‚‚ã‚‰ã†ã¨ã—ã¦ã€ãã‚Œã‚‰ã‚’ã²ã£ãã‚‹ã‚ã¦å¤§é›‘æŠŠã«èª¬æ˜Žã™ã‚‹ã¨ã€BEMã¨ã¯Blockã€Elementã€Modifierã®é æ–‡å—ã‚’å–ã£ãŸã‚‚ã®ã§ã€æ§‹æˆã™ã‚‹è¦ç´ ã‚’ãã®ã©ã‚Œã‹ã«å½“ã¦ã¯ã‚ã¦å‘½åã—ã¦ã„ãæ–¹æ³•ã€‚ã©ã®å ´åˆã§ã‚‚å¿…ãšBlockã‚‚ã—ãã¯ãã®ModifierãŒãƒ«ãƒ¼ãƒˆã«ã‚ã‚Šã€ãã®ä¸ã«ã€æ‰€å±žã™ã‚‹Elementã‚‚ã—ãã¯ãã®ModifierãŒå«ã¾ã‚Œã‚‹æ§‹æˆã«ãªã‚‹ã€‚ Block - æ§‹æˆã®ãƒ«ãƒ¼ãƒˆã¨ãª
Itisango 2013/10/29
bem

html

CSS

webåˆ¶ä½œ

å‘½åè¦å‰‡

markup

development

modifier

block

sass
ãƒªãƒ³ã‚¯
Sass 3.3ã®æ–°ã—ã„ãƒ‡ãƒ¼ã‚¿åž‹: ãƒžãƒƒãƒ—
SassConfã«åˆã‚ã›ãŸã®ã‹ã€Sassã®3.3 RC.1ãŒå‡ºãŸã€‚ã“ã‚Œã§3.3ã§ã®è¿½åŠ æ©Ÿèƒ½ã‚‚å›ºã¾ã£ãŸã‚ˆã†ãªã®ã§ã€CHANGELOGã‚’ã¡ã‚ƒã‚“ã¨èªã‚“ã ã¨ã“ã‚ã€1ã‹æœˆã»ã©å‰ã«å–ã‚Šè¾¼ã¾ã‚Œã¦ã„ãŸæ–°ã—ã„ãƒ‡ãƒ¼ã‚¿åž‹ã§ã‚ã‚‹ãƒžãƒƒãƒ—ã«ã¤ã„ã¦ã‚‚ã¡ã‚ƒã‚“ã¨å…¥ã£ã¦ã„ãŸã€‚ãƒžãƒƒãƒ—ã¯ã€ã„ã‚ã‚†ã‚‹ãƒãƒƒã‚·ãƒ¥ã¨ã‹é€£æƒ³é…åˆ—ã¨ã‹ã„ã†åå‰ã§å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã€‚ ãƒžãƒƒãƒ—ã®æ›¸ãæ–¹ã¯ãƒªã‚¹ãƒˆã¨ã»ã¨ã‚“ã©åŒã˜ã§ã€ãƒªã‚¹ãƒˆã®å„è¦ç´ ã«ã‚³ãƒãƒ³(:)åŒºåˆ‡ã‚Šã§ã‚ãƒ¼ã¨å€¤ã‚’ãƒ¯ãƒ³ã‚»ãƒƒãƒˆã§æ›¸ãã€ã¨ã„ã†ã‚ˆã†ãªã‚‚ã®ã€‚ä¾‹ã¨ã—ã¦ã€ãƒ—ãƒé‡Žçƒã‚»ãƒ»ãƒªãƒ¼ã‚°ã®å„ãƒãƒ¼ãƒ è‰²ã‚’èƒŒæ™¯è‰²ã«ã—ãŸã‚¯ãƒ©ã‚¹ã‚’åãã‚‚ã®ä½œã£ã¦ã¿ã‚‹ã€‚ $team-colors: ( giants: #f90, tigers: #fc0, carp: #f00, dragons: #009, baystars: #269, swallows: #03c ); @each $team, $color in $team-colors {
Itisango 2013/10/17
sass

web

programming

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

2013å¹´

software

development

ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢

é–‹ç™º

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

css

dreamweaver

webåˆ¶ä½œ

css3

study

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

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

web

2013å¹´
ãƒªãƒ³ã‚¯
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
Itisango 2012/07/21
css

Sass

SCSS

html

haml

Webåˆ¶ä½œ

framework

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
Itisango 2012/07/14
CSS

sass

HTML

sample
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’åŠ é€Ÿã™ã‚‹CodeKit :: 5509
ã¾ãŸç´¹ä»‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã€‚ã€‚ã€‚Sasså¸ƒæ•™æ´»å‹•ã®ä¸€è²«ã§ã™ã€‚ã©ã†ã‚‚ã€‚ Sassã¨ã‹LESSã£ã¦ä½¿ã£ã¦ã¾ã™ã‹ï¼Ÿæ›¸ãã®ãŒã¨ã¦ã‚‚å„„åŠ«ãªCSSï¼ˆå€‹äººã®æ„Ÿæƒ³ã§ã™ï¼‰ã‚’å¿«é©ã«æ›¸ãã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ä¸Šã«ã€å§‹ã‚ãŸé ƒã®æ¥½ã—ã•ãŒæˆ»ã‚Šã¾ã™ï¼ˆå€‹äººã®æ„Ÿæƒ³ã§ã™ï¼‰ã€‚è©³ã—ã„ã“ã¨ã¯ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‹ãŸãŒãŸã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã¨ã—ã¦ã€‚Sassã®è¨˜äº‹ãŒå¤šã„ã®ã¯åƒ•ãŒSassä½¿ã£ã¦ã‚‹ã‹ã‚‰ã§ã™ã€‚SassæŽ¨ã—ã§ã™ã€‚ CSSã¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ãƒ¡ã‚¿è¨€èªž Sassã€ãã—ã¦Sassy CSS (SCSS) Sass ã‚’ä»Šã™ãå®Ÿå‹™ã§ä½¿ãŠã†ã‚ˆï¼ Sassã‚’è¦šãˆã‚ˆã† LESSåˆå¿ƒè€…å‘ã‘ã®ãƒŠãƒ‹ã‚« ã¨ã„ã†ã‹ LESS & Sass Advent Calendar 2011ï¼ˆï¼‰ ã‚’ã¿ã¦ãã ã•ã„ã€‚ æµ¸é€ã—ã«ãã„ç†ç”±ã¯è‰²ã€…ã‚ã‚‹æ°—ãŒã—ã¾ã™ãŒãƒ»ãƒ»ãƒ» ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒã‚ã‚“ã©ã„ ãã®ã¨ãŠã‚Šã§ã™ã€‚æ…£ã‚Œã§ã™ã‘ã©ãã€‚ã¨ã£ã¤ãã«ãã„æ„Ÿã‚’ã“ã„ã¤ãŒå‡ºã—ã¦ã‚‹ã®ã¯ãã®é€šã‚Šã§ã—ã‚‡ã†ã€‚ é»’ã„ç”»é¢ãŒã¡ã‚‡ã£
Itisango 2012/07/14
sass

css

webåˆ¶ä½œ

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

webdesign

scss

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

rails

Sass

ruby

HTML

programming

Webé–‹ç™º
ãƒªãƒ³ã‚¯
1