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

satoschi id:satoschi

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

ã²ã¨ã‚Šã§Webåˆ¶ä½œã§ããŸï¼ã€ŒçŸ¥è˜ï¼ã‹ã‚‰å¦ã¶ã€ã™ã”ã„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚„ã‚µã‚¤ãƒˆï¼’ï¼—
ä½œæˆï¼š2013/07/22 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > å…ˆæ—¥ã€ãŠå®¢ã•ã‚“ã®ã¨ã“ã‚ã¸ææ¡ˆã«ã„ã£ãŸã¨ã“ã‚ã€ã€Œã‚µã‚¤ãƒˆã‚’è‡ªåˆ†ã§ã‚‚ä½œã‚ŠãŸã„ã®ã§å®šæœŸçš„ã«è¬›ç¿’ä¼šã‚’é–‹ã„ã¦æ¬²ã—ã„ã€‚Wordã—ã‹åˆ†ã‹ã‚‰ãªã„ã€‚ã€ã¨è¨€ã‚ã‚Œã¾ã—ãŸã€‚ã¨ã¯ã„ã£ã¦ã‚‚ã€è‡ªåˆ†ã§ã‚ã‚‹ç¨‹åº¦ã€ç¶™ç¶šã—ã¦å‹‰å¼·ã—ã¦ãŠã‹ãªã„ã¨ã€å—è¬›ã™ã‚‹äººã¯2å›žç›®ä»¥é™ã®å—è¬›å†…å®¹ã‚’ç†è§£å‡ºæ¥ãªã„ã—ã€æ•™ãˆã‚‹äººã‚‚åŸºæœ¬çŸ¥è˜ã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã¦ãŠã‹ãªã„ã¨ã€è³ªå•ã«ç”ãˆã‚‹ã“ã¨ã‚‚ã§ãã¾ã›ã‚“ã€‚ ä»Šå›žã¯Webè£½ä½œã‚’ã™ã‚‹ãªã‚‰å¿…ãšæŠ‘ãˆã‚‹ã¹ãã“ã¨ã€çŸ¥è˜ã€Œï¼ã€ã‹ã‚‰å¦ã¶ã€åŸºæœ¬çš„ãªçŸ¥è˜ã‚’ç¿’å¾—ã§ãã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ãƒ»ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚‚OKã€‚ãƒ¡ã‚¸ãƒ£ãƒ¼ãªã‚‚ã®ä¸å¿ƒã§ã™ã€‚ã¨ã¯ã„ãˆé‡ãŒè†¨å¤§ã«ãªã£ãŸã®ã§ã€å¿…è¦ãªéƒ¨åˆ†ã ã‘ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦å¦ã³ã¾ã—ã‚‡ã†ã€‚â€»ã‚¹ãƒ©ã‚¤ãƒ‰ãŒãªã„ã‚‚ã®ã«é–¢ã—ã¦ã¯ã€ãŠå½¹ç«‹ã¡ãƒªãƒ³ã‚¯ã‚’ã¤ã‘ã¦ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜
satoschi 2013/07/22
*ã‚ã¨ã§ã‚ˆã‚€

72 WEB DESIGN

720 HTML

720 css

720 javascript

720 jquery

720 sass

720 PHP
ãƒªãƒ³ã‚¯
Mac/Winå¯¾å¿œã€‚LESS, Sass, CoffeeScript, Jade, Markdownãªã©ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ç„¡æ–™ã‚¢ãƒ—ãƒªã€Prepros
Mac/Winå¯¾å¿œã€‚LESS, Sass, CoffeeScript, Jade, Markdownãªã©ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ç„¡æ–™ã‚¢ãƒ—ãƒªã€Prepros Twitterã§ãŸã¾ãŸã¾ãƒ„ã‚¤ãƒ¼ãƒˆã—ã¦ã‚‹äººãŒã„ã¦ä¾¿åˆ©ãã†ãªã‚¢ãƒ—ãƒªã‚’ç™ºè¦‹ã—ã¾ã—ãŸã€‚æœ€è¿‘ã‚¦ã‚§ãƒ–åˆ¶ä½œã‚’ä¾¿åˆ©ã«ã™ã‚‹æ§˜ã€…ãªè¨€èªžãŒæ³¨ç›®ã•ã‚Œã¦ã„ã¾ã™ã€‚Sassãªã©ã®ãƒ¡ã‚¿CSSã€å¯èªæ€§ã®é«˜ã„Javascriptã‚’æ›¸ã‘ã‚‹CoffeeScriptã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹Slimã‚„Jadeã€æ›¸ãã‚„ã™ãã¦èªã¿ã‚„ã™ã„ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³è¨˜æ³•ã¨ã—ã¦GitHubãªã©ã§ã‚‚æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹Markdownãªã©ãªã©â€¦ã€‚ãŸã ã€ãŸãã•ã‚“ã‚ã‚‹ã‚‚ã®ã®ãã‚Œãžã‚Œã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¿…è¦ã ã£ãŸã‚Šã—ã¦ã€å°Žå…¥ãŒé¢å€’ãªã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹Preprosã¯ã€Sassãªã©ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿å˜ã™ã‚‹ã¨ã€è‡ªå‹•ã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚’è‡ªå‹•ã§å†èªã¿è¾¼ã¿ã¾ã§ã—ã¦ãã‚Œã¾ã™ã€‚ã“ã®ã‚¢ãƒ—ãƒªã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™
satoschi 2013/07/11
72 WEB DESIGN

07 SOFTWARE

720 Compass

720 css

720 less

720 sass

720 scss

720 javascript
ãƒªãƒ³ã‚¯
ã€ŒSublime Textã€ã®ã¿ã§Compassã¨Sassï¼ˆScssï¼‰ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã‚»ãƒƒãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã¿ãŸã®ã§ãã®æ‰‹é †ã¨å‚è€ƒã«ã—ãŸè¨˜äº‹ã¾ã¨ã‚
HOME>Web>ã€ŒSublime Textã€ã®ã¿ã§Compassã¨Sassï¼ˆScssï¼‰ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã‚»ãƒƒãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã¿ãŸã®ã§ãã®æ‰‹é †ã¨å‚è€ƒã«ã—ãŸè¨˜äº‹ã¾ã¨ã‚ Compassã€Sassï¼ˆScssï¼‰ã¨ã¯ï¼Ÿ Sassï¼ˆScssï¼‰ã¨ã¯ï¼Ÿ Sassï¼ˆScssï¼‰ã¨ã¯ã€CSSã‚’è¨˜è¿°ã™ã‚‹ãŸã‚ã«é–‹ç™ºã•ã‚ŒãŸãƒ¡ã‚¿è¨€èªžã®ã“ã¨ã€‚é•·ããªã‚ŠãŒã¡ãªã‚³ãƒ¼ãƒ‰ã‚’çŸãã§ããŸã‚Šã€é–¢æ•°ãªã©ã‚’ä½¿ç”¨ã—ã¦ã‚ˆã‚Šä¾¿åˆ©ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒæ›¸ã‘ã‚‹ã¨ã„ã†ä»£ç‰©ã§ã™ã€‚CSSã®ç®¡ç†ãŒéžå¸¸ã«æ¥½ã«ãªã‚Šã¾ã™:) Sassã«ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®ã‚ˆã†ãªæ›¸ãæ–¹ã‚’ã™ã‚‹ã€ŒSassã€ã¨ã€ã‚ˆã‚ŠCSSã«è¿‘ã„è¨˜è¿°ãŒå¯èƒ½ãªã€ŒScssã€ã¨ãŒã‚ã‚‹ã®ã§ã™ãŒã€æ ¹æœ¬çš„ã«ã¯å¤‰ã‚ã‚Šã‚ã‚Šã¾ã›ã‚“ã€‚ï¼ˆè¨˜è¿°æ–¹æ³•ãŒé•ã†ï¼‰ ã¡ãªã¿ã«ã€ç§ã¯Scssã‚’åˆ©ç”¨ã—ã¦ãŠã‚Šã¾ã™ã€‚ ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã® ã§ã¯ã¡ã‚‡ã„ã¨å®Ÿä¾‹ã‚’ã°ã€‚Scssã§ã¯CSSã‚’ç°¡å˜ã«æ›¸ããŸã‚ã®ãƒ«ãƒ¼ãƒ«ãŒãŸãã•ã‚“ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã¾ã™ã®ã§ã•ã£ãã‚Šã¨ã”ç´¹ä»‹ã€‚ [css]
satoschi 2013/03/06
*TIPS

07 SOFTWARE

070 Sublime Text

72 WEB DESIGN

720 css

720 Compass

720 sass

720 scss
ãƒªãƒ³ã‚¯
Typeplate: A Starter Kit For Beautiful Web Type â€” Smashing Magazine
The word on the street is that theÂ Web Is 95% Typography, so as we hurtle towards the future, we think thereâ€™s still a lot we can learn from five centuries of history. Typeplate, a free-range and open-source typographic starter kit, is the result of this exploration of our typographic heritage. As of today weâ€™re pleased to announce Typeplate, a free-range and open-source typographic starter kit th
satoschi 2013/03/01
72 WEB DESIGN

720 css

720 sass

61 TYPOGRAPHY
ãƒªãƒ³ã‚¯
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
satoschi 2013/02/08
07 SOFTWARE

070 editor

72 WEB DESIGN

720 css

720 less

720 sass

720 javascript

720 jquery
ãƒªãƒ³ã‚¯
ã€ŒCompassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯Compassä½¿ã„ã«ãªã‚‹ãŸã‚ã®å¿…è¦æœ€å°é™ã®çŸ¥è˜ã‹ã‚‰å¿œç”¨ã¾ã§ã€ä½“ç³»çš„ã«ã²ã¨é€šã‚Šç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ å…¨ãã®åˆå¿ƒè€…ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ï¼ ã¯ã˜ã‚ã«çµè«–ã‚’è¨€ã†ã¨ã€Compassã§CSSã‚’æ›¸ãã¨ æ—©ã„ï¼ è¦‹ã‚„ã™ã„ï¼ ãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ã„ï¼ ã‚³ãƒ¼ãƒ‰é‡ãŒãã£ã¨æ¸›ã‚‹ï¼ ä¸€åº¦ä½¿ã„å‡ºã—ãŸã‚‰æœ€å¾Œã€ã‚‚ã†å…ƒã«ã¯æˆ»ã‚Œãªã„ï¼ ä¸€ä½“ã©ã“ã¾ã§ä¾¿åˆ©ãªã®ã‹ãšã‚‰ãšã‚‰æ›¸ãã‚ˆã‚Šã‚‚ã€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšï¼ ç°¡å˜ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é€šã—ã¦ã€å„ç‰¹å¾´ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸçŸã„ãƒ‡ãƒ¢å‹•ç”»ã‚’ç”¨æ„ã—ãŸã®ã§ã€ã¾ãšã¯ã“ã¡ã‚‰ã‚’è¦‹ã¦ãã ã•ã„ï¼ Compassã¨ã¯ï¼Ÿ Compassã‚’èªžã‚‹å‰ã«ã€ã¾ãšã¯ã€ŒSassã€ã‚’çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãªãœãªã‚‰ã€Compassã¯Sassã‚’å…ƒã«é–‹ç™ºã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã‹ã‚‰ã§ã™ã€‚ Sassã¨ã¯ ã§ã¯ã€ŒSassã€ã¨ã¯ä½•ã‹ã¨è¨€ã†ã¨ã€æ£å¼åç§°ã¯ã€ŒSyntactically Awesome Style Sh
satoschi 2013/02/08
*TIPS

72 WEB DESIGN

720 css

720 sass

720 Compass
ãƒªãƒ³ã‚¯
Unsemantic CSS Framework
What is it? Unâ€¢seâ€¢manâ€¢tic ['É™nsÉ™'mantik] adjective 1. A nonexistent word that developers use to critique the work of their peers. noun 2. Now, it's also a CSS framework. I mean heyâ€¦ "If the shoe fits, wear it." â˜º Example Usage <div class="grid-container"> <div class="grid-25"> I am 25% wide. </div> <div class="grid-50"> I am 50% wide. </div> <div class="grid-25"> I am 25% wide. </div> </div> Succe
satoschi 2013/02/07
72 WEB DESIGN

720 cssãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

720 sass

700 Grid
ãƒªãƒ³ã‚¯
This page is moved
This page has moved to http://stylus-lang.com/
satoschi 2013/01/23
ã€ŒCSSã‚’åŠ¹çŽ‡çš„ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹CSSãƒ¡ã‚¿è¨€èªžã€

72 WEB DESIGN

720 css

720 sass
ãƒªãƒ³ã‚¯
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in theÂ world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSSÂ libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
satoschi 2013/01/22
ã€ŒCSSã‚’åŠ¹çŽ‡çš„ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹CSSãƒ¡ã‚¿è¨€èªžã€ãªã‚‹ã»ã©ã€‚

72 WEB DESIGN

720 css

720 sass
ãƒªãƒ³ã‚¯
1