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

hachi09 id:hachi09

sassã«é–¢ã™ã‚‹hachi09ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

æ¬¡ä¸–ä»£CSSç™»å ´ï¼PostCSSã®ç°¡å˜ãªä½¿ã„æ–¹ - TetraThemesãƒ–ãƒã‚°
æœ€è¿‘ã®Webåˆ¶ä½œã®ç¾å ´ã§ã¯ã€ãµã‚ã£ã¨ã—ãŸè‡ªç„¶ãªå‹•ãã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„SMACSSã®ã‚ˆã†ãªã‚¹ã‚¿ã‚¤ãƒ«ã®æ¦‚å¿µã€ã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ãªã©ã€PSDã‚’ãã®ã¾ã¾CSSåŒ–ã™ã‚Œã°ã„ã„ã¨ã„ã†æ™‚ä»£ã§ã¯ãªããªã£ã¦ãã¦ã„ã¾ã™ãã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã«å¯¾å¿œã™ã‚‹ãŸã‚ã€ã™ã§ã«Bootstrapã‚„SASSã®ã‚ˆã†ãªpre-processorã‚’æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ã¨ã“ã‚ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ãŒã€ã“ã“ã«ãã¦PostCSSã¨ã„ã†ãƒ¤ãƒ„ãŒæ³¨ç›®ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯æ¬¡ä¸–ä»£CSSï¼ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€PostCSSã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ PostCSSã£ã¦ä½•ï¼Ÿ PostCSSã¯javascriptã‚’ä½¿ã£ã¦CSSã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¤‰æ›ã™ã‚‹ã€CSS Processorã€‚javascriptã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦æ—¢ã«æ•°å¤šãå…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€å¤‰æ•°ã‚„ãƒŸãƒƒã‚¯ã‚¹ã‚¤ãƒ³ã€ã‚«ã‚¹ã‚¿ãƒ ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ãªã©æ§˜ã€…ãªæ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€é–¢æ•°ã‚’ä½¿ã†å ´åˆã‚’é™¤ãCSSã‹ã‚‰ã‹ã‘é›¢ã‚ŒãŸç‰¹æ®Šãªè¨˜
hachi09 2015/10/14
sass

postcss
ãƒªãƒ³ã‚¯
Webtomahawk.com
Webtomahawk.com Related Searches: Anti Wrinkle Creams song lyrics Parental Control Work from Home Online classifieds Dental Plans 10 Best Mutual Funds Related Searches: Anti Wrinkle Creams song lyrics Parental Control Trademark Free Notice Privacy Policy
hachi09 2015/08/14
sass
ãƒªãƒ³ã‚¯
Sassã‚³ãƒžãƒ³ãƒ‰ã®ä½¿ã„æ–¹ã‚’è¦šãˆã‚ˆã† | Webåˆ¶ä½œè€…ã®ãŸã‚ã®Sassã®æ•™ç§‘æ›¸ - å…¬å¼ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆ
#main { width: 600px; p { margin: 0 0 1em; em { color: #f00; } } small { font-size: small; } }
hachi09 2015/08/14
sass
ãƒªãƒ³ã‚¯
Sass/Compassã®å°Žå…¥ã¨ç’°å¢ƒæ§‹ç¯‰
[2014.02.15]CSS Nite LP32 Sassã€ŒSass/Compassã®å°Žå…¥ã¨ç’°å¢ƒæ§‹ç¯‰ã€ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™Read less
hachi09 2015/08/14
sass

compass
ãƒªãƒ³ã‚¯
Webtomahawk.com
Webtomahawk.com Related Searches: Best Mortgage Rates Designer Apparel find a tutor Work from Home fashion trends Top Smart Phones Credit Card Application Related Searches: Best Mortgage Rates Designer Apparel find a tutor Trademark Free Notice Privacy Policy
hachi09 2015/08/14
sass
ãƒªãƒ³ã‚¯
åŸºæœ¬ - Sassã‚ªãƒ¬ã‚ªãƒ¬ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
Sassã¯CSSã¨ã‚ˆãä¼¼ã¦ã„ã¾ã™ãŒã€CSSã§ã¯å‡ºæ¥ãªã„ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€ä½¿ã†ã¨ãã«é¿ã‘ã¦ã¯é€šã‚Œãªã„åŸºæœ¬ä¸ã®åŸºæœ¬ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ @import æœ‰åŠ¹ãªæ¡ä»¶ ãƒ•ã‚¡ã‚¤ãƒ«åå…ˆé ã«ã‚¢ãƒ³ãƒ€ãƒ¼ã‚¹ã‚³ã‚¢ã‚’ä»˜ã‘ã‚‹ãƒ«ãƒ¼ãƒ«ï¼ˆpartialï¼‰ è¤‡æ•°æŒ‡å®š å¤‰æ•°ã¨æ–‡å—åˆ—è£œå®Œ @importã®ãƒã‚¹ãƒˆ ã‚³ãƒ¡ãƒ³ãƒˆ æ–‡å—ã‚³ãƒ¼ãƒ‰ã®æŒ‡å®š Windowsç’°å¢ƒã«ãŠã‘ã‚‹Ruby ã®å¤–éƒ¨ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å•é¡Œ ãƒã‚¹ãƒˆ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ãƒã‚¹ãƒˆ è¦ªã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’å‚ç…§ã™ã‚‹ @import CSSã‚‚300è¡Œã‚’è¶…ãˆã¦ãã‚‹ã¨åˆ†å‰²ã—ãŸããªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã¨ã‚‚ã¨CSSã«ã¯ @import ã§ä»–ã®CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ã“ã¨ãŒå‡ºæ¥ã¾ã™ãŒã€ Sassã®@importã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚ˆã‚Šã‚‚ã¡ã‚‡ã£ã¨ä¾¿åˆ©ã«ãªã£ã¦ã„ã¾ã™ã€‚ æœ‰åŠ¹ãªæ¡ä»¶ 1. ãƒ•ã‚¡ã‚¤ãƒ«åã«æ‹¡å¼µå.cssãŒã¤ã„ã¦ã„ã‚‹ @import "foo.css"; 2. ãƒ•ã‚¡ã‚¤ãƒ«åãŒ http:/
hachi09 2015/08/12
sass
ãƒªãƒ³ã‚¯
ï¼ˆMacã§ï¼‰Sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã€åŸºæœ¬ã®ã‚¢ãƒ¬ã‚³ãƒ¬ã‚’ã–ã£ãã‚Šã¨ã€‚
å¿˜ã‚Œã¦ã¾ã—ãŸã€‚ã›ã£ã‹ãã¾ã¨ã‚ã¦ãŠã„ãŸã®ã«ã€‚ä»¥å‰ã€ã€Œã¨ã‚Šã‚ãˆãšSassã‚’è§¦ã£ã¦ã¿ã‚ˆã†ã‚ˆï¼ã€çš„ãªè¨˜äº‹ã‚’äºŒæœ¬æ›¸ã„ã¦ã€ä»Šå›žã®ã¯ãã‚Œã«ç¶šãå†…å®¹ã¨ãªã£ã¦ã¾ã™ã€‚ ã€ŽSassã€ã‚’ã‚µã‚¯ãƒƒã¨ãƒ–ãƒ©ã‚¦ã‚¶ã§è©¦ã™ã¨ã“ã‚ã¾ã§ã‚„ã‚‹ã€‚ 1åˆ†ã§ã€‚ã€ŽSassâ†’Macã€ã¸ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹æ‰‹é †ã€‚ ã‚¹ã‚´ãä¾¿åˆ©ã ã¨å™‚ã®Sassã€‚è©¦ã™ã«ã¯ã€ã„ãã¤ã‹æ–°ã—ã„çŸ¥è˜ãŒå¿…è¦ã§ã™ã€‚ãã®ä¸€ã¤ãŒã€Œã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã€ã€‚èžãæ…£ã‚Œãªã„è¨€è‘‰ã«å°»è¾¼ã¿ã—ã¡ã‚ƒã„ãã†ã§ã™ãŒã€æã‚Œã‚‹ãªã‹ã‚Œã€‚ã„ã–ã‚„ã£ã¦ã¿ã‚‹ã¨ã€æ„å¤–ã«ç°¡å˜ãªã“ã¨ã«é©šãã¾ã™ã€‚ è‘—è€…æƒ…å ±ï¼šã“ã®è¨˜äº‹ã‚’æ›¸ã„ãŸäºº ã‚¦ã‚§ãƒ–ã•ãˆ webæ¥ç•Œ14å¹´ç›®ã€‚ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦æ´»å‹•å¾Œã€æ³•äººåŒ–ã€‚ä»Šã§ã‚‚å¹´é–“100ä»¶ä»¥ä¸Šã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ä¼ç”»ãƒ»åˆ¶ä½œã«é–¢ã‚ã£ã¦ã„ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ã•ãˆã«ã§ãã‚‹ã“ã¨ã€ãŠä»•äº‹ã®ã”ç›¸è«‡ï¼žã‚µãƒ¼ãƒ“ã‚¹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€‘ Follow @websae2012 ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã¨ã¯ï¼Ÿ ã€ŒSassãƒ•ã‚¡ã‚¤ãƒ«ã€ã‚’ã€ŒCSSãƒ•ã‚¡ã‚¤ãƒ«ã€ã«å¤‰æ›ã™
hachi09 2015/08/12
sass
ãƒªãƒ³ã‚¯
ã‚³ãƒžãƒ³ãƒ‰ã§ã¿ã‚‹Sassã®åŸºæœ¬ã¨å‡ºåŠ›ã‚¹ã‚¿ã‚¤ãƒ«
CSS Preprocessor Advent Calendar 2012ã®14æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ Sassã‚’è‡ªåˆ†ã®é–¢ã‚ã‚‹ã„ã‚ã„ã‚ãªæ¡ˆä»¶ã§å–ã‚Šå…¥ã‚Œå§‹ã‚ã¦æ•°ãƒ¶æœˆãŸã¡ã¾ã—ãŸã€‚ãŸã æœªã ã«ã†ã¾ãã„ã‹ãªã„ã¨ã“ã‚ã‚‚ã‚ã‚Šã¤ã¤ã€æ—¥ã€…ä½¿ã„æ–¹ã‚’æ¨¡ç´¢ã—ã¤ã¤æ§‹æˆã‚’ã‹ã‚“ãŒãˆã¦ã‚„ã£ã¦ã„ã‚‹çŠ¶æ³ã§ã™ã€‚æ§‹æˆã®åŸºæœ¬ã¯ã€CSS Preprocessor Advent Calendar 2012ã®10æ—¥ç›®ã«@Takazudoã•ã‚“ãŒæ›¸ã„ã¦ã„ã‚‹ã‚ˆã†ã«ã€OOCSSã‚’å¿µé ã«ãŠãã¤ã¤æ§‹æˆã—ã‚ˆã†ã¨å–ã‚Šçµ„ã‚“ã§ã„ã¾ã™ã€‚ ã•ã¦ä»Šå›žã¯ä½¿ã£ã¦ã„ã‚‹å†…å®¹ã‚ã‚Œã“ã‚Œã¨ã‹ã‚‚è€ƒãˆã¾ã—ãŸãŒã€ç°¡å˜ã«åŸºæœ¬çš„ãªã¨ã“ã‚ã‚’ã€‚ã‚³ãƒžãƒ³ãƒ‰å©ã„ã¦ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã®ã¨ã“ã‚ã‚’æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ Sassã®æ§‹é€ æ¨¡ç´¢ä¸ ä»Šæ—¥ã®æœ¬é¡Œã«å…¥ã‚‹å‰ã«ä½™è«‡ã‹ã‚‰ã€‚ ä¸€äººã‚„OOCSSã‚’ç†è§£ã™ã‚‹äººã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é€²ã‚ã‚‹å ´åˆã¯OOCSSã§æ§‹æˆã—ã¦ã„ãã®ã¯å•é¡Œãªã„ã®ã§ã™ãŒã€CSSãŒè‹¦æ‰‹ãªäººã¨è¤‡æ•°ãŒåŒæ™‚ã«é€²ã‚ã‚‹ã‚ˆã†
hachi09 2015/08/12
sass
ãƒªãƒ³ã‚¯
ScaleOut | Supership
2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ 2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚ æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚
hachi09 2015/07/28
sass
ãƒªãƒ³ã‚¯
æ±šã„cssã‚’æ•´å½¢ã™ã‚‹Webã‚¢ãƒ—ãƒªã€Œcss2scssã€ã§ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã—ãŸéš›ã€ã€Œãƒ¤ãƒã„ã€ã¨æ„Ÿã˜ãŸï¼“ã¤ã®æ©Ÿèƒ½ã¨ï¼“ã¤ã®ç‚¹ - Qiita
#ã‚ã‚‰ã¾ã— åˆ¥ã®æ¥è€…ãŒæ§‹ç¯‰ã—ãŸã¨ã„ã†å®¢å…ˆã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®cssãŒéžå¸¸ã«èªã¿ã¥ã‚‰ãã€ èª°ã‚‚æ‰‹ãŒä»˜ã‘ã‚‰ã‚Œã¦ãªã„çŠ¶æ…‹ã§ãƒ¤ãƒã„ï¼ˆcompactã®çŠ¶æ…‹ã§ç´„350è¡Œï¼‰ã€‚ ãã“ã§ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚’ã—ã‚ˆã†ã¨æ€ã£ãŸéš›ã«ã€è€ƒãˆãŸã€‚ ã€Œã©ã†ã›ãªã‚‰sass/scsså¯¾å¿œã«ã—ãŸæ–¹ãŒå¯èªæ€§ã‚‚å¯ç”¨æ€§ã‚‚ä¸ŠãŒã‚‹ï¼ãƒ¤ãƒã„ï¼ã€ sass/scss â†’ css ã¯å½“ãŸã‚Šå‰ã¨ã—ã¦ã€ css â†’ sass/scss ã£ã¦å‡ºæ¥ã‚‹ã®ã‹ã‚ˆã€ã¨æ€ã„èª¿ã¹ã¦ã¿ã‚‹ã¨ã€æ•°å€‹ç™ºè¦‹ã—ãŸã€‚ ãã®ã†ã¡ã®ï¼‘ã¤ã€ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã€Œcss2scssã€ãŒéžå¸¸ã«ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã ã£ãŸã€‚ å®Ÿéš›ã«ä½¿ç”¨ã—ã¦æ„Ÿæ¿€ã—ã¦è½èƒ†ã—ãŸãƒã‚¤ãƒ³ãƒˆã‚’ã€ãã‚Œãžã‚Œï¼“ã¤ã«çµžã£ã¦ã”ç´¹ä»‹ã€‚ css2scss sass/scssã«ã¤ã„ã¦ã¯ã€ã¾ãšã¯ã‚¢ãƒ¬ãªcssã‚’çªã£è¾¼ã‚“ã§ã¿ã¦æŒ™å‹•ã‚’ç¢ºèªã—ã¦é ‚ã‘ã‚Œã°å¹¸ã„ã€‚ ã¾ãŸã€ä¸‹è¨˜ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒç·æ‹¬çš„ã§è§£ã‚Šã‚„ã™ã„ã€‚ã”ä¸€èªã‚ã‚Œã€‚ Sass 3.2 ã‚ªãƒ¬ã‚ªãƒ¬ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ãƒ¤ãƒã„ã‚’
hachi09 2015/02/12
sass

css
ãƒªãƒ³ã‚¯
Sassã‚’ä½¿ã£ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®å¼·ã„å‘³æ–¹ã«ï¼ä¾¿åˆ©ãªextendï¼†mixiné›†ã‚’ä½œã£ã¦ã¿ãŸ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€ãºã¡ã“ã§ã™ã€‚ å…ˆæ—¥æ°´æ—é¤¨ã«è¡Œã£ãŸã‚‰ã€Œãƒšãƒ³ã‚®ãƒ³12ç¨®æ¨¡åž‹ã‚»ãƒƒãƒˆã€ãªã‚‹ã‚‚ã®ã‚’ã‚·ãƒ§ãƒƒãƒ—ã§ç™ºè¦‹ã—ã€å±ã†ãè²·ã†ã¨ã“ã‚ã§ã—ãŸã€‚ Suicaãƒšãƒ³ã‚®ãƒ³ã®ãƒ¢ãƒ‡ãƒ«ã¯ãŠãã‚‰ãã‚¢ãƒ‡ãƒªãƒ¼ãƒšãƒ³ã‚®ãƒ³ã§ã™ãŒã€ç§ãŒæ„›ã—ã¦ã‚„ã¾ãªã„ã®ã¯ã‚¸ã‚§ãƒ³ãƒ„ãƒ¼ãƒšãƒ³ã‚®ãƒ³ã§ã™ã€‚ã©ã†ã§ã‚‚ã„ã„ã§ã™ãã€‚ï¼ˆèˆˆå‘³ã‚’ã‚‚ã£ãŸäººã¯ã¿ã‚“ãªå‹é”ï¼‰ ã•ã¦ã€ä»¥å‰ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã›ã„ã¨ãã‚“ãŒ Sassã®å°Žå…¥æ–¹æ³•ã¨ Sassã®åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãã‚Œã¦ã„ã¾ã—ãŸãŒã€ä»Šå›žã¯ãã‚Œã‚‰ã‚’è¸ã¾ãˆã¦ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤extendï¼†mixiné›†ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸï¼ æ—¥ã€…ã¡ã‚‡ã“ã¡ã‚‡ã“ã¨ä½œã£ã¦ã¯ä½¿ã„ã¾ã‚ã—ã¦ãƒ»ãƒ»ã‚’ç¹°ã‚Šè¿”ã—ã¦ãŠã‚Šã€ã‚ã‚‹ã¨ä¾¿åˆ©ãªã‚‚ã®ã¯å…ˆã«ã¾ã¨ã‚ã¦ãŠã‘ã°æ¥½ã§ã¯ãªã„ã‹ã¨ã€ã‚„ã£ã¨æ°—ä»˜ãã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã§ä½œã£ãŸhtmlã¨scssãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸€å¼ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã®ã§ã€ãã®ã¾ã¾ä½¿ã£ã¦ã‚‚è‰¯ã—ã€å„è‡ªï¼ˆå„ç¤¾ï¼‰æ¯Žã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã«åˆã›ã¦æ”¹è‰¯ã—ã¦ã‚‚è‰¯ã—ã€è¦ã‚‰
hachi09 2013/12/24
sass
ãƒªãƒ³ã‚¯
Sassã‚’æ¥µã‚ã‚‹ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã™ãå®Ÿè·µã§ãã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯12é€£ç™º | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ å‰å›žã€ã“ã‚Œã‹ã‚‰Sassã‚’å§‹ã‚ãŸã„äººã¸ï¼å°Žå…¥æ‰‹é †ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ(Dreamweaverå¯¾å¿œ)ã¨ã„ã†Sassã®åŸºç¤Žã«é–¢ã™ã‚‹è¨˜äº‹ã‚’æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ãã“ã§ä»Šå›žã¯ã€ã‚‚ã†ä¸€æ©ã¤ã£ã“ã‚“ã§ã‚‚ã£ã¨ä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚ã†ï¼ã¨ã„ã†è¶£æ—¨ã®ã‚‚ã¨ã€ã¡ã‚‡ã£ã¨ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã‹ã‚‰ã£ã¦ã„ã„æ°—ã«ãªã£ã¦ã„ã‚‹åƒ•ãŒSassã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ã‚‰é–¢æ•°ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ï¼ ãŸãã•ã‚“ã‚ã‚‹æ©Ÿèƒ½ã®ä¸ã‹ã‚‰ã€ä»Šå›žã¯æ¯”è¼ƒçš„ç°¡å˜ã§å®Ÿç”¨æ€§ã®é«˜ã„ã‚‚ã®ã‚’ãƒãƒ§ã‚¤ã‚¹ã—ã¾ã—ãŸã€‚ ç›®æŒ‡ã›Sassãƒžã‚¹ã‚¿ãƒ¼ï¼WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚ã‚³ãƒ¼ãƒ€ãƒ¼ã‚‚ã™ãã«å®Ÿè·µã—ãŸããªã‚‹Sassã®åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯12é€£ç™ºã‚‚ãã˜ ã‚‚ãã˜ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯1ã€€ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ï¼ˆ&ï¼‰ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯2ã€€æ¼”ç®— ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯3ã€€round() ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯4ã€€rgba() ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯5ã€€ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯6ã€€å¤‰æ•° ãƒ†
hachi09 2013/11/11
sass
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰Sassã‚’å§‹ã‚ãŸã„äººã¸ï¼å°Žå…¥æ‰‹é †ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ(Dreamweaverå¯¾å¿œ) | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨ã§ã™ã€‚ å…¨ãé–¢ä¿‚ãªã„è©±ã§ã™ãŒã€ãƒã‚±ãƒƒãƒˆãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ Xãƒ»YãŒç™ºå£²ã•ã‚ŒãŸãã†ã§ã™ãã€‚ã€Œé‡‘ãƒ»éŠ€ã€ãƒ–ãƒ©ãƒƒã‚¯ãƒ»ãƒ›ãƒ¯ã‚¤ãƒˆã¨ããŸã‚‰ã€æ¬¡ã¯ãƒ‘ã‚¹ãƒ†ãƒ«ã‚«ãƒ©ãƒ¼è¾ºã‚ŠãŒæ¥ã‚‹ã¯ãšã‚„ï¼é–“é•ã„ãªã„ï¼ã€ã¨æ€ã£ã¦ã„ãŸåƒ•ã®äºˆæƒ³ã¯ã¾ã‚“ã¾ã¨å¤–ã‚Œã¾ã—ãŸã€‚ã¾ã‚ãã‚Œã¯ã„ã„ã¨ã—ã¦ã€ ä»Šå›žã¯Sassã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨èªžã‚‰ã›ã¦ã„ãŸã ãã¾ã™ã€‚Sassã¨ã„ã†ã¨ã€ã€ŒåŠ¹çŽ‡ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ãƒ”ãƒ¼ãƒ‰ãŒè¶…ä¸ŠãŒã‚‹ã‚‰ã—ã„ã€ã¨ã‹ã€ã€ŒLINEæ ªå¼ä¼šç¤¾ã€æ ªå¼ä¼šç¤¾DeNAã¨ã‹ã‚‚æŽ¡ç”¨ã—ã¦ã‚‹ã‚‰ã—ã„ã€ã¨ã„ã†è©±ã‚’èžãã¾ã™ã€‚åƒ•ã‚‚Sassã«ã¤ã„ã¦ã¯å‹‰å¼·ã—ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€å½“åˆã¯ã‚ã‹ã‚Šã«ãã„éƒ¨åˆ†ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ ãã‚Œã¯ã€Œãã‚‚ãã‚‚SassãŒä½•ãªã®ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„ã€‚ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžï¼Ÿï¼Ÿã€ã£ã¦ã“ã¨ã¨ã€ã€Œã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒä¸Šæ‰‹ãã„ã‹ãªã„ï¼ã‚³ãƒžãƒ³ãƒ‰ãƒ—ãƒãƒ³ãƒ—ãƒˆä½¿ã„æ–¹ã‚ã‹ã‚‰ãªã„ï¼Dreamweaverï¼ˆä»¥ä¸‹DWï¼‰å‹•ã‹ãªã„ï¼GUIã‚½ãƒ•ãƒˆã£ã¦ãªã«ï¼ï¼Ÿã€ã£ã¦ã“ã¨ã§ã™ã€‚
hachi09 2013/10/16
sass
ãƒªãƒ³ã‚¯
ScaleOut | Supership
2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ 2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚ æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚
hachi09 2013/10/03
ãƒãƒŠãƒ¼
ãƒªãƒ³ã‚¯
TEST CORDING Â» Sassã®@functionã®ä½¿ã„æ–¹ã¾ã¨ã‚ â€“ ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ãªå‡¦ç†ã¯@function
This domain may be for sale!
hachi09 2013/07/11
sass
ãƒªãƒ³ã‚¯
scss (sass) + compassãŒã‚¹ãƒ¼ãƒ‘ãƒ¼ä¾¿åˆ©ã§ã³ã£ãã‚Šã—ã™ãŽã¦ä»Šã•ã‚‰ç’°å¢ƒã‚’ä½œã£ãŸã‚Šã€‚Koalaã§ã€‚ â€“ æž—å®¶æ¬¡ç”·
Deprecated: Hook custom_css_loaded is deprecated since version jetpack-13.5! Use WordPress Custom CSS instead. Jetpack no longer supports Custom CSS. Read the WordPress.org documentation to learn how to apply custom styles to your site: https://wordpress.org/documentation/article/styles-overview/#applying-custom-css in /home/ho2/hayashikejinan.com/public_html/wp-includes/functions.php on line 6078
hachi09 2013/04/30
sass

compass
ãƒªãƒ³ã‚¯
ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ2ï¼‰ï¼šSassã‚„Compassã‚’ä½¿ã£ã¦ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ (1/2) - ï¼ IT
Sassã‚„Compassã‚’ä½¿ã£ã¦ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ2ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ Sassã‚„Compassã‚’ä½¿ã£ã¦ã€å°‘ãªã„æ‰‹é–“ã§ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã«è¦‹ã›ã‚‹å°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã€‚ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€è§’ä¸¸ã®ãŠæ‰‹è»½ã‹ã¤åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨ã¯ï¼Ÿ ã‚·ãƒªãƒ¼ã‚ºç¬¬2å›žã€å‰å›žã«ç¶šãã€ä»Šå›žã‚‚Sassã‚„Compassã‚’ä½¿ã£ã¦ã€å°‘ãªã„æ‰‹é–“ã§ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã«è¦‹ã›ã‚‹å°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå›žã¯ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€è§’ä¸¸ã®ãŠæ‰‹è»½ã‹ã¤åŠ¹æžœçš„ãªä½¿ã„æ–¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ï¼ˆæ³¨ï¼‰ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã‚’åˆ†ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€å®Ÿå¯¸ã‚µã‚¤ã‚ºã‚ˆã‚Šç”»åƒã‚’æ‹¡å¤§ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ 1: ã‚ºãƒ«ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ CSS3ã§ã¯ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ‰±ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã‹ã‚‰ã€ç”»åƒã‚’ä½¿ã‚ãšã«è‡ªåœ¨ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æç”»ã—ã¦ã€CSSã ã‘ã§ã‚ˆã‚Šãƒªãƒƒãƒãªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«è¡¨ç¾ãŒå¯èƒ½ã«ãªã‚Šã¾ã—ãŸãŒã€ä¸€å£ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ã£ã¦ã‚‚ã€ã†
hachi09 2013/02/27
sass

css
ãƒªãƒ³ã‚¯
ã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œåŸºç¤Žç·¨ | DevelopersIO
ã¯ã˜ã‚ã« æ—©é€Ÿã§ã™ãŒã¿ãªã•ã‚“ã€é»’ã„ç”»é¢ï¼ˆã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚„ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ï¼‰ã¯ãŠå¥½ãã§ã™ã‹ï¼Ÿ ã¡ãªã¿ã«åƒ•ã¯æœ€è¿‘ã‚„ã£ã¨é»’ã„ç”»é¢ã«å¯¾ã—ã¦ã„ãã¤ã‹ã®å‘ªæ–‡ä½¿ãˆã‚‹ãã‚‰ã„ã«ãªã‚Šã¾ã—ãŸã€‚æ–‡ç³»ç†ç³»ã§ã‚‚ã©ã¡ã‚‰ã§ã‚‚ãªãã•ã‚‰ã«ä½Žå¦æ´ã®åƒ•ã«ã¨ã£ã¦ã¯æ½œã‚Œã°æ½œã‚‹ã»ã©é»’ã„ç”»é¢ãŒã¤ãã¾ã¨ã„ã¾ã™ã€‚ï¼ˆä»Šã§ã¯å¥½ãã§ã™ã‚ˆã€é»’ã„ç”»é¢ï¼‰ ä»Šå›žã¯ã€ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œåŸºç¤Žç·¨ã¨ã„ã†ã“ã¨ã§ã€ã€Œé»’ã„ç”»é¢ãªã©è¦‹ãŸããªã„ï¼ã€ã¨ã„ã†ã‚ãªãŸã«ã‚‚ã€GUIæ“ä½œã ã‘ã§ã™ãã«ä½¿ãˆã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰SCSSã®åŸºæœ¬çš„ãªåˆ©ç”¨æ–¹æ³•ã«ã¤ã„ã¦ã€å®Ÿéš›ã®é–‹ç™ºã«ä½¿ãˆã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’æŠ¼ã•ãˆã¦è§£èª¬ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ SCSSã‚’è¦šãˆã¦ç”Ÿç”£çš„ã§æ¥½ã—ã„Webã‚µã‚¤ãƒˆåˆ¶ä½œãƒ»ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’ã—ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ã¾ã SCSSã‚’çŸ¥ã‚‰ãªã„æ–¹å‘ã‘ã«ã€ŒSCSSã€ã£ã¦ï¼Ÿ å‰å›žã®è¨˜äº‹ã€ŒMedia Queriesã®è¨˜è¿°ã‚’å°‘ã—æ¥½ã«ã—ã¦ãã‚Œã‚‹SCSSï¼ˆSassï¼‰ Mixinï¼ˆè‡ªä½œï¼‰ã€ã‹ã‚‰ã®
hachi09 2012/10/10
css

å…¥é–€

sass
ãƒªãƒ³ã‚¯
1