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

satoschi id:satoschi

720 lessã«é–¢ã™ã‚‹satoschiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

OGPã¨ã‹è‰²ã€…æ›¸ã‹ã‚Œã¦ã¦ä¾¿åˆ©ãªHTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒRinã€ã‚’å…¬é–‹ã—ã¾ã—ãŸ | SANOGRAPHIX
HTML ã¨ Less ã‚’ã‚»ãƒƒãƒˆã«ã—ãŸ Boilerplate çš„ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒRinã€ã‚’ä½œã‚Šã¾ã—ãŸã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä¸‹ã®ãƒªãƒ³ã‚¯ã‹ã‚‰ã€‚ Rin ã¯ã€ä»¥å‰ html-template ã¨ã„ã†åå‰ã§å…¬é–‹ã—ã¦ã„ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æ”¹è‰¯ç‰ˆã§ã™ãŒã€ã‚ã¾ã‚Šã«åå‰ã«èŠ¸ãŒãªã•ã™ãŽãŸã®ã§ã€ä»Šå›žã®å¤‰æ›´ã«åˆã‚ã›ã¦ãƒªãƒã‚¸ãƒˆãƒªåã‚‚å¤‰ãˆã¾ã—ãŸã€‚ãƒªãƒ¼ãƒ³ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãªã®ã§å‡›ã§ã™ã€‚ Rin ã¯è‰²ã€…ãª web ã‚µã‚¤ãƒˆã§ä½¿ãˆã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ã€‚jQuery ã¨ã‹ã€Google Analytics ã®ã‚³ãƒ¼ãƒ‰ã¨ã‹ã€Like ãƒœã‚¿ãƒ³è¨ç½®ã«å¿…è¦ãª Facebook ã® JavaScript SDK ã¨ã‹ã€ã‚ˆãä½¿ã„ã¾ã‚ã™ã‚³ãƒ¼ãƒ‰ãŒã‚ã‚‰ã‹ã˜ã‚æ›¸ã‹ã‚Œã¦ã‚ã‚‹ã®ã§ã€ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚µã‚¤ãƒˆã‚’ä½œã‚Šå§‹ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€ã¤ã„ã¤ã„å¿˜ã‚ŒãŒã¡ãª OGP ã‚¿ã‚°ã‚‚ã‚ã‚‰ã‹ã˜ã‚ä»•è¾¼ã‚“ã§ã‚ã‚‹ã®ã§ã€ã‚ã¨ã¯é …ç›®ã‚’åŸ‹ã‚ã¦ã„ãã ã‘ã§ OK ã§ã™ã€‚æ¯”è¼ƒçš„æœ€è¿‘ç™»å ´ã—ãŸ
satoschi 2013/08/10
72 WEB DESIGN

720 HTML5

720 css

720 less

720 jquery
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! ðŸ†• Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
satoschi 2013/01/22
ã€ŒCSSã‚’åŠ¹çŽ‡çš„ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹CSSãƒ¡ã‚¿è¨€èªžã€ã‹ã€‚ä¾¿åˆ©ãã†ã€‚

72 WEB DESIGN

720 css

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

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (10)

720 lessã«é–¢ã™ã‚‹satoschiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (10)

720 lessã«é–¢ã™ã‚‹satoschiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

OGPã¨ã‹è‰²ã€…æ›¸ã‹ã‚Œã¦ã¦ä¾¿åˆ©ãªHTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒRinã€ã‚’å…¬é–‹ã—ã¾ã—ãŸ | SANOGRAPHIX

Mac/Winå¯¾å¿œã€‚LESS, Sass, CoffeeScript, Jade, Markdownãªã©ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ç„¡æ–™ã‚¢ãƒ—ãƒªã€Prepros

CodeKit - THE Mac App for Web Developers

Getting started | Less.js

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (10)

720 lessã«é–¢ã™ã‚‹satoschiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

OGPã¨ã‹è‰²ã€…æ›¸ã‹ã‚Œã¦ã¦ä¾¿åˆ©ãªHTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒRinã€ã‚’å…¬é–‹ã—ã¾ã—ãŸ | SANOGRAPHIX

Mac/Winå¯¾å¿œã€‚LESS, Sass, CoffeeScript, Jade, Markdownãªã©ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ç„¡æ–™ã‚¢ãƒ—ãƒªã€Prepros

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹