[B! CSS][ãƒ—ãƒã‚°ãƒ©ãƒ ] masapon49ã®ãƒ

masapon49 id:masapon49

CSSã¨ãƒ—ãƒã‚°ãƒ©ãƒ ã«é–¢ã™ã‚‹masapon49ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

ãƒžãƒ«ãƒã‚«ãƒ¼ã‚½ãƒ«ã‚’ä½¿ã‚ãªã„VSCodeã¯ãŸã ã®VSCodeã ï¼ã€œè§£èª¬ç·¨ã€œ - memo.md
å…ˆæ—¥æŠ•ç¨¿ã—ãŸä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã§ã€ã€Œä½¿ã„æ–¹ãŒã‚ã‹ã‚‰ãªã„ã€ã¨ã„ã†æ„è¦‹ã‚’å¤šãé ‚ã„ãŸã€‚ mugi1.hateblo.jp ãƒžãƒ«ãƒã‚«ãƒ¼ã‚½ãƒ«è‡ªä½“ã®æ“ä½œæ–¹æ³•ã¯èª¿ã¹ã‚Œã°å‡ºã¦ãã‚‹ã—ã€äº‹ä¾‹ã ã‘ç´¹ä»‹ã—ã¨ã‘ã°ãˆãˆã‚„ã‚ã€ã¨æ€ã£ã¦ã„ãŸã®ã ãŒã€ã„ããªã‚Šå¿œç”¨ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è²¼ã‚Šã™ãŽã¦ã‚ã‘ãŒã‚ã‹ã‚‰ãªã‹ã£ãŸã‚‰ã—ã„ã€‚ç”³ã—è¨³ãªã„ã€‚ ã›ã£ã‹ããªã®ã§ã€åŸºç¤Žã‹ã‚‰å«ã‚ã€ã©ã†ã„ã£ãŸã‚ãƒ¼å…¥åŠ›ã§ä¸Šè¨˜ã®ã‚ˆã†ãªæ“ä½œã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã®ã‹ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã†ã€‚ ðŸ”¥å®Ÿè·µï¼ãƒžãƒ«ãƒã‚«ãƒ¼ã‚½ãƒ« / å…¥é–€ç·¨ ãªãŠmacç’°å¢ƒã§ã™ã€‚Windowsã‚„ãã®ä»–ç’°å¢ƒã®æ–¹ã¯æ°—åˆã§èª¿ã¹ã¦ãã ã•ã„ã€‚ ã¾ãŸã€è¨€ã„è¨³è‡ãã¦ç”³ã—è¨³ãªã„ãŒã€ç§ã¯æ™®æ®µã¯Sublime Text Keymap and Settings Importerã‚’ä½¿ã£ã¦ãŠã‚Šã€SublimeTextã£ã½ã„ã‚ãƒ¼ãƒã‚¤ãƒ³ãƒ‰ã«å¤‰ãˆã¦ç·¨é›†ã—ã¦ã„ã‚‹ã€‚ ä¸€æ—¦ç„¡åŠ¹ã«ã—ãŸã†ãˆã§VSCodeãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®çŠ¶æ…‹ã§ä¸€é€šã‚Šèª¿ã¹ã¦æ›¸ã„ãŸã¤ã‚‚ã‚Šã ãŒã€ã‚‚ã—é•ã£ã¦
masapon49 2018/12/12
ãƒžãƒ«ãƒã‚«ãƒ¼ã‚½ãƒ«ã¯ãƒ›ãƒ³ãƒˆä¾¿åˆ©ã€‚è¦šãˆã¦ãŠã„ã¦æã¯ãªã„

Webåˆ¶ä½œ

css

html

wordpress

ã‚½ãƒ•ãƒˆ

ãƒ—ãƒã‚°ãƒ©ãƒ

vscode
ãƒªãƒ³ã‚¯
Sublime Text 2ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã§ä¾¿åˆ©ãªã‚„ã¤ä½•å€‹ã‹ï¼ˆWindowsç‰ˆï¼‰ - ã‹ã¡ã³ã¨.net
Sublime Text 2ã§å€‹äººçš„ã«ã‚ˆã ä½¿ã†ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã‚’ã” ç´¹ä»‹ã—ã¾ã™ã€‚åˆ¥ä»¶ã§ãƒ¡ãƒ¼ãƒ«ã—ã¦ ãŸæ™‚ã«èžã‹ã‚ŒãŸã®ã§æ›¸ã„ã¦ã¿ã‚‹ äº‹ã«ã—ã¾ã—ãŸã€‚Windowsç‰ˆã®ã‚·ãƒ§ ãƒ¼ãƒˆã‚«ãƒƒãƒˆã«ãªã‚Šã¾ã™ã€‚ å€‹äººçš„ã«ä¾¿åˆ©ã ã¨æ„Ÿã˜ãŸSublime Text 2ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã‚’ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚åƒ•ã¯ã¾ã ä½¿ã„å§‹ã‚ã¦åŠå¹´ãã‚‰ã„ã—ã‹çµŒã£ã¦ç„¡ã„ã§ã™ã—ã€æ©Ÿèƒ½ã‚’ååˆ†ã«ä½¿ã„ã“ãªã›ã‚‹è¨³ã§ã¯ç„¡ã„ã®ã§å‚è€ƒç¨‹åº¦ã¨ã„ã†äº‹ã§ãƒ»ãƒ» ä¸€æ‹¬ç½®æ› æ–‡å—åˆ—ã®ä¸€æ‹¬ç½®æ›ã§ã™ã€‚ä¾¿åˆ©ãªã®ã§ã€ã“ã‚ŒãŒãªã„ã‚¨ãƒ‡ã‚£ã‚¿ã¯ã‚‚ã†ä½¿ãˆã¾ã›ã‚“ã€‚ Ctrl+Dï¼ˆåŒã˜æ–‡å—ã‚’è¤‡æ•°é¸æŠžâ†’ä¸€æ‹¬ç·¨é›†ï¼‰ â†‘ ä»»æ„ã®ãƒ†ã‚ã‚¹ãƒˆã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã¦ã‹ã‚‰Ctrl+Dã§ã€ãã®æ–‡å—ã¨åŒã˜æ–‡å—ã«æ¨™æº–ã‚’ã‚ã‚ã›ã‚‰ã‚Œã¾ã™ã€‚ Ctrlã‚’æŠ¼ã—ãŸã¾ã¾ã€è¤‡æ•°é¸æŠžã—ãŸã„ã¨ã“ã‚ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’å†åº¦æŒã£ã¦ã„ã£ã¦Dã‚’æŠ¼ã›ã°ãã®å ´æ‰€ã‚‚é¸æŠžå¯èƒ½ã§ã™ã€‚ â†‘ é¸æŠžã—ãŸãƒ†ã‚ã‚¹ãƒˆã¯ä¸€æ‹¬ç·¨é›†ã§ãã¾ã™ã€‚ ãŸã ã—ã€åŒã˜æ–‡å—åˆ—ã€Œå…¨ã¦
masapon49 2013/10/23
sublimetext2

webåˆ¶ä½œ

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

ãƒ—ãƒã‚°ãƒ©ãƒ

html

CSS

php
ãƒªãƒ³ã‚¯
ä¸€åº¦æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã¯äºŒåº¦ã¨æŽ¢ã•ãªã„ï¼ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ç©¶ã‚ã¦å¿«é©ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ã€HTML, CSS, JavaScriptã€‘ | WebNAUT by Beeworks
ä¸€åº¦æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã¯äºŒåº¦ã¨æŽ¢ã•ãªã„ï¼ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ç©¶ã‚ã¦å¿«é©ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ã€HTML, CSS, JavaScriptã€‘ â€»ã“ã®è¨˜äº‹ã¯2013å¹´8æœˆ26æ—¥ã«åŸ·ç†ã•ã‚ŒãŸè¨˜äº‹ã§ã™ã€‚ç¾åœ¨ã¯ä»•æ§˜ãŒç•°ãªã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ æ°—ãŒã¤ã‘ã°ç¹°ã‚Šè¿”ã—åŒã˜å˜èªžã§æ¤œç´¢ã—ã€åŒã˜ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã„ã‚‹â€¦ãªã‚“ã¦ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€Œã“ã®éƒ¨åˆ†ã®è¨˜è¿°ã€ã‚‚ã†ä¸€å›žä½¿ã†ã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã€ã¨æ€ã£ãŸã‚‰ãœã²ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã—ã¦ç™»éŒ²ã—ã¦ãŠãã¾ã—ã‚‡ã†ï¼ ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã¯ç¹°ã‚Šè¿”ã—ç™»å ´ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã®æ–ç‰‡ã€ã¾ãŸã¯ãã‚Œã‚’ã™ãã«å‘¼ã³å‡ºã›ã‚‹ã‚ˆã†ã«ç®¡ç†ã™ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã®æ©Ÿèƒ½ã®ã“ã¨ã§ã™ã€‚è‡ªåˆ†ãŒã‚ˆãä½¿ç”¨ã™ã‚‹è¨˜è¿°ã‚’ã‚¹ãƒ‹ãƒšãƒƒãƒˆã«ã—ã¦ãŠã‘ã°ã„ã¡ã„ã¡æ¤œç´¢ã—ãŸã‚Šã€æ˜”æ›¸ã„ãŸã‚½ãƒ¼ã‚¹ã‚’æŽ¢ã£ã¦ã¿ãŸã‚Šã™ã‚‹ã“ã¨ãªãã€ä½¿ã„ãŸã„æ™‚ã«æ£ç¢ºãªè¨˜è¿°ã‚’ã‚µãƒƒã¨å‘¼ã³å‡ºã—ã¦ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ Dreamweaverã€Sublime Textãªã©ã®ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚„ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã«ã¯ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’è‡ªåœ¨ã«ä½¿ã†ãŸã‚ã®
masapon49 2013/08/27
Sublime textã¨Dreamwerverã§ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆ

jQuery

html

css

javascript

PHP

Webåˆ¶ä½œ

ã‚½ãƒ•ãƒˆ

ãƒ—ãƒã‚°ãƒ©ãƒ
ãƒªãƒ³ã‚¯
ä½¿ç”¨ä¸ã®Sublime Text 2ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ | CodePlus
åŸºæœ¬çš„ã«ã¯ä»Šä½¿ã£ã¦ã‚‹ã‚‚ã®ä¸å¿ƒã§ã™ãŒã€åƒ•ã®ãƒ¡ã‚¤ãƒ³ã‚¨ãƒ‡ã‚£ã‚¿ã§ã‚ã‚‹Sublime Text 2ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ â€»ç´°ã‹ã„è¨å®šã¯çœã„ã¦ã„ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é–¢é€£ Emmet Zen Codingã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€‚ä¸»ã«HTMLã‚’æ›¸ãéš›ã« Hayaku Emmet(Zen-Coding)ã‚’ä¸Šå›žã‚‹CSSã®å±•é–‹ ä¾‹)bdrdsâ†’border-radiusãªã© Dummy Image Generator Dynamic Dummy Image Generatorã§ä½¿ãˆã‚‹ãƒ€ãƒŸãƒ¼ç”»åƒã®åŸ‹ã‚è¾¼ã¿ BracketHighlighter ã‚¿ã‚°ã‚„ã‚¯ã‚©ãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒžãƒ¼ã‚¯ãªã©ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤º SCSS SCSSã®è£œå®Œ Compass Compassã®è£œå®Œ jQuery jQueryã®è£œå®Œ CSScomb CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è‡ªå‹•æ•´åˆ— WordPress WordPressã®è£œå®Œ SublimeLinter
masapon49 2013/08/15
Ï†(ï½€Ð´Â´)ï¾’ï¾“ï¾’ï¾“...

Webåˆ¶ä½œ

PHP

ã‚½ãƒ•ãƒˆ

css

html

jQuery

ãƒ—ãƒã‚°ãƒ©ãƒ

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

sublimetext2

web
ãƒªãƒ³ã‚¯
ã€ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ã€‘Emmet LiveStyle(Beta)ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ã‚¨ãƒ‡ã‚£ã‚¿é–“ã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒ»ã‚¹ã‚¿ã‚¤ãƒ«åæ˜ ã‚’è©¦ã™ã€‚ | DevelopersIO
ä»¥å‰ã€ãƒ–ãƒã‚°ã§Emmetã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã—ãŸãŒã€ã¾ãŸã¾ãŸEmmetãŒè‰¯ã•ã’ãªãƒ„ãƒ¼ãƒ«ã‚’é–‹ç™ºä¸ã§ã™ã€‚ ç¾åœ¨ã¯ã¾ã ãƒ™ãƒ¼ã‚¿ç‰ˆã§ã™ãŒå…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ä¸€é€£ã®æµã‚Œã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ Emmet LiveStyleã¨ã¯ï¼Ÿ ç’°å¢ƒè¨å®š å‹•ä½œç¢ºèª SCSS(Sass)ãƒ»LESSç‰ã®ãƒ¡ã‚¿è¨€èªžã®å¯¾å¿œã¯ï¼Ÿ Emmet LiveStyleã¨ã¯ï¼Ÿ ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã‚¨ãƒ‡ã‚£ã‚¿é–“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ç¢ºèªãƒ»ç·¨é›†ãŒã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã¿ãŸã„ã§ã™ã€‚ç¾åœ¨å…¬å¼ã‚µã‚¤ãƒˆã§ãƒ‡ãƒ¢ç”¨ã®å‹•ç”»ã‚’ç¢ºèªã§ãã¾ã™ã€‚ ç’°å¢ƒè¨å®š Emmet LiveStyle ã‚’ç¢ºèªã™ã‚‹ã«ã¯ã€è¨å®šãŒå¿…è¦ãªã®ã§å‹•ä½œç¢ºèªãŒã§ãã‚‹ã¾ã§ã®è¨å®šã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå›žã®å‹•ä½œæ¤œè¨¼ç’°å¢ƒ Windows7 chrome Sublime Text 2 Sublime Text ã®è¨å®š Sublime Text å´ã§ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Sublime Textã‚’é–‹ãã€[Ctrl] +
masapon49 2013/08/06
ã‚½ãƒ•ãƒˆ

css

html

ãƒ—ãƒã‚°ãƒ©ãƒ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1