[B! CSS] yamap_55ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yamap_55 id:yamap_55

CSSã«é–¢ã™ã‚‹yamap_55ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{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ã®ã‚¯ãƒ©ã‚¹åã‚’æ±ºã‚ã‚‹ã¨ãã«ä½¿ã†ãƒªã‚¹ãƒˆã‚’ã¤ãã‚Šã¾ã—ãŸ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? CSSã¯è¨è¨ˆæ‰‹æ³•ã‚‚å¤§äº‹ã§ã™ãŒã€ã©ã†ã„ã†å˜èªžã§åå‰ã‚’ã¤ã‘ã¦ã„ãã‹ã‚‚å¤§äº‹ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ å€‹äººå€‹äººã§ã°ã‚‰ã¤ããŒå‡ºã‚‹ã¨ã“ã‚ã§ã‚‚ã‚ã‚Šã¾ã™ã—ã€ã€Œå˜èªžå è‹±èªžã€ã§æ¤œç´¢ã‚’ã—ã¦æŽ¢ã—ãŸå˜èªžã‚’ä½¿ã£ãŸã‘ã©è‹¥å¹²æ„å‘³åˆã„ãŒé•ã£ãŸã¨ã„ã£ãŸã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã‚¯ãƒ©ã‚¹åã‚’æ±ºã‚ã‚‹ãŸã‚ã®ãƒªã‚¹ãƒˆã‚’è¦‹ã‹ã‘ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€è‹±å˜èªžã®èªã¿ã¯æ›¸ã‹ã‚Œã¦ã„ã¦ã‚‚æ„å‘³åˆã„ãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹ã“ã¨ã¯å°‘ãªã„ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ è‡ªåˆ†ã®ç¢ºèªç”¨ã¨ã€ãƒãƒ¼ãƒ ã§è£½ä½œã™ã‚‹ã•ã„ã®åŸºæº–ã«ãªã‚‹ã‚ˆã†ãªã‚‚ã®ã‚’ä½œã‚ŠãŸã„ã¨æ€ã„ã€å˜èªžã¨ãã®æ„å‘³ã‚’çŸãã¾ã¨ã‚ã¦GitHubã«ã‚ã’ã¦ã„ã¾ã™ã€‚ CSS ã‚¯ãƒ©ã‚¹åãƒªã‚¹ãƒˆ | GitH
yamap_55 2016/10/12
CSS

è‹±èªž

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„
ãƒªãƒ³ã‚¯
React.jsã¨CSS3ã§é•·å¥³ã®ãŸã‚ã«WEBçµµæœ¬ã‚’ä½œã£ãŸè©± - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¾ãšã¯ã“ã¡ã‚‰ã®å‹•ç”»ã‚’ã”è¦§ãã ã•ã„ã€‚ ã“ã¡ã‚‰ã¯å¨˜ãŒï¼’æ³åŠã®é ƒã«å…ç«¥é¤¨ã§æ’®å½±ã—ãŸã‚‚ã®ã§ã™ã€‚ ã‹ã‚ã„ã„ãƒ»ãƒ»ãƒ» ç”Ÿå¾Œ1000æ—¥è¿‘ãã¨ã‚‚ãªã‚‹ã¨ã€åã©ã‚‚ã¯è‡ªåˆ†ã§çµµæœ¬ã‚’èªã‚€ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ä¸¦è¡Œã—ã¦ã²ã‚‰ãŒãªè¦šãˆå§‹ã‚ã‚‹ã®ã§ã€è¦ªã¨ã—ã¦ã¯ã‚¬ãƒ³ã‚¬ãƒ³çµµæœ¬ã‚’èªã‚“ã§ã»ã—ã„ã®ã§ã™ãŒã€å®Ÿéš›ã«ã¯æŒ¿çµµã«åˆã‚ã›ã¦é©å½“ãªè©±ã‚’å‰µã‚’ã—ã¦éŠã‚“ã ã‚Šã€ã¾ã˜ã‚ã«ã²ã‚‰ãŒãªã‚’éŸ³èªã—å§‹ã‚ãŸã‹ã¨æ€ãˆã°æ•°ãƒšãƒ¼ã‚¸ã‚‚èªã¾ãªã„ã†ã¡ã«æ¬¡ã®çµµæœ¬ã‚’å¼•ã£å¼µã‚Šå‡ºã—ã¦ãã¦ã¯èªã‚“ã§ã€é£½ãã¦ã¾ãŸé•ã†çµµæœ¬ã«æ‰‹ã‚’å‡ºã™ã ã‘ã§ã€ä¸€å‘ã«ã¡ã‚ƒã‚“ã¨èªã‚“ã§ãã‚Œã¾ã›ã‚“ã€‚ ã¡ã‚ƒã‚“ã¨èªã¾ãªã„åŽŸå› ã¨ã—ã¦ã€ã‚‚ã—ã‹ã—ã¦çµµæœ¬ã«å‹•ããŒãªã„ã‹ã‚‰é£½ãã¦ã—
yamap_55 2016/04/13
ç§ã‚‚2æ³åŠä½ã¾ã§ã«ã¯ã“ã†ã„ã†ã®ä½œã‚ã†ã¨ã“ã†ã„ã†æ±ºã‚ãŸã€‚

CSS

javascript

html
ãƒªãƒ³ã‚¯
Emmetã‚’å§‹ã‚ã‚‹ã®ã«ã€ã¨ã‚Šã‚ãˆãšã“ã‚Œã ã‘è¦šãˆã¦ãŠã‘ã°å¤§ä¸ˆå¤«
ãƒã‚¤ãƒˆå…ˆã§ã€Œæ–°ã‚†ã¨ã‚Šä¸–ä»£ã€ã¨è¨€ã‚ã‚Œã¾ã—ãŸã€‚ã‚Œã“ã§ã™ã€‚ HTMLã€CSSã‚’çœç•¥ã—ã¦æ›¸ã‘ã‚‹Zen-Codingã®å¾Œè¦‹ã€ Emmetã«ã¤ã„ã¦æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã‚„ã‚ŒCoffeeã TypeScriptã Sassã ã€œã¨æ‰‹ã‚’ã¤ã‘ã‚‹å‰ã«ã€ ã‚‚ã£ã¨ç°¡å˜ã«ã€ãƒ‡ãƒ¡ãƒªãƒƒãƒˆç„¡ãä½œæ¥åŠ¹çŽ‡ã‚’ã‚ã’ã‚‰ã‚Œã¾ã™ã€‚ CoffeeScriptã‚„Sassãªã©ã®ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µç³»ã¨ã¯é•ã„ã€ Coffeeã‚„Sassã®çŸ¥è˜ã‚’é–‹ç™ºãƒ¡ãƒ³ãƒãƒ¼å…¨å“¡ãŒæŒã£ã¦ãªã„ã¨ãªã‚‰ãšã€ çµå±€è‡ªç”±ãŒåŠ¹ã‹ãªããªã‚‹ã€ã¨ã„ã†ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ å€‹äººã‹ã‚‰ä½¿ãˆã¦ã€ãƒãƒ¼ãƒ ã§ä½¿ã£ã¦ã‚‚ãªãŠè‰¯ã—ã€‚ ã•ã‚‰ã«ã€å±•é–‹å¾Œã®ã‚«ãƒ¼ã‚½ãƒ«ã®ä½ç½®ãŒã„ã„æ„Ÿã˜ã ã£ãŸã‚Šã¨ã€ ç´°ã‹ã„æ°—é…ã‚Šã¾ã§å®Œç’§ã§ã™ã€‚ ãã‚“ãªEmmetã‚’ åƒ•ãŒé »ç¹ã«ä½¿ã£ã¦ã„ã‚‹æ©Ÿèƒ½ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã€ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Emmetã®å°Žå…¥ Emmetã¯å„ç¨®ã‚¨ãƒ‡ã‚£ã‚¿ãƒ»IDEã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³å½¢å¼ã§é…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã€‚ ãŠå€¤æ®µã¯ç„¡æ–™ã§ã™ã€‚ Webç³»ã®äººãŒ
yamap_55 2015/02/24
HTMLã‚„CSSè¨˜è¿°ã®åŠ¹çŽ‡åŒ–ã€‚ã‚¨ãƒ‡ã‚£ã‚¿ã‚„IDEãŒå¯¾å¿œã—ã¦ã„ã‚‹å ´åˆã‚‚å¤šã„ã®ã§ã€ã¨ã‚Šã‚ãˆãšã“ã®è¨˜æ³•ã«æ…£ã‚Œã‚‹

Emmet

HTML

CSS

Zen-Coding
ãƒªãƒ³ã‚¯
ä»Šæ›´èžã‘ãªã„Webã‚µã‚¤ãƒˆæ§‹ç¯‰ã€œè„±ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€œã€å‰ç·¨ã€‘ - ä»Šæ—¥å¦ã‚“ã ã“ã¨
SIã®ç¾å ´ã§ã¯ã€æœªã ã«ãƒ†ãƒ¼ãƒ–ãƒ«ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤šå‹¢ã‚’å ã‚ã¦ã‚‹æ°—ãŒã—ã¾ã™ã€‚ãƒ•ã‚©ãƒ³ãƒˆã®è‰²ã¨ã‹ã‚µã‚¤ã‚ºã¨ã‹ã‚‚ã€CSSä½¿ã‚ãšæ›¸ãã“ã¨ãŒå¤šã„æ°—ã‚‚ã—ã¦ã¾ã™ã€‚ ãã‚“ãªè¨³ã§ã€å°‘ãªãã¨ã‚‚åƒ•ã¯ãƒ¢ãƒ€ãƒ³ãªHTMLã‚„CSSãŒã‚ã‹ã‚Šã¾ã›ã‚“ã€‚ã§ã€ãŠå‹‰å¼·ã—ã¤ã¤ã€ã“ã“ã«ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã‚’æ®‹ãã†ã¨ã„ã†ã®ãŒä»Šå›žã®è¶£æ—¨ã§ã™ã€‚ HTMLã®ç¨®é¡ž æ˜¨ä»Šã®ãƒ¡ã‚¸ãƒ£ãƒ¼ã©ã“ã‚ã§ã¯ã€ä»¥ä¸‹ã®æ§˜ã«ãªã‚‹ã®ã‹ãªã€€ã¨ã€‚HTML5ãŒã™ã§ã«ä¸»æµã¨è¨€ã£ã¦ã‚‚è‰¯ã„æ°—ãŒã™ã‚‹ã®ã§ã€ãŠå‹‰å¼·ã‚‚HTML5ã«å‰‡ã£ã¦ã‚„ã£ã¦ã„ã“ã†ã¨æ€ã£ã¦ã¾ã™ã€‚ HTML4.01 ã¡ã‚‡ã£ã¨å‰ã¾ã§ã®ä¸»æµã€‚yahooã¯ã¾ã HTML4.01ã€‚Windows XPä½¿ã„ç¶šã‘ã¦ã‚‹ãŠã˜ãƒ¼ã¡ã‚ƒã‚“ãŠã°ãƒ¼ã¡ã‚ƒã‚“ã‚‚ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã ã‹ã‚‰ãªã®ã‹ãªï¼Ÿå¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚è¦³ã‚Œã‚‹ã‚ˆã†ã«é…æ…®ã™ã‚‹ãªã‚‰ã€ã“ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’é¸ã¶ã“ã¨ã«ãªã‚‹ XHTML è‹¥å¹²ç©ºæ°—ã€‚å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ãã‚Œãªã‚Šã«å¯¾å¿œã—ã¦ã„ã‚‹ã€‚XMLã®ã‚ˆã†ã«åŽ³æ ¼ã«æ›¸ãã¾ã—ã‚‡ã€€ã¨ã„ã†ä¼ç”»ã€‚åˆ©ç”¨ã—ã¦
yamap_55 2014/11/08
HTML

CSS

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5 & CSS3 ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥ã‚µãƒãƒ¼ãƒˆçŠ¶æ³
What is an IP Address? An IP (short for â€œInternet Protocolâ€) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transf ormation (NAT). If you have ever used a wifi hotspot to access the internet, youâ€™ve shared an IP address with someone. Whatâ€™s the Difference betwe
yamap_55 2014/09/18
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®HTML5ã¨CSS3å¯¾å¿œè¡¨ã€‚

CSS

html5

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
ç”»é¢ã‚’JavaScript/CSSã§ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹Redmineãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œæˆã—ã¾ã—ãŸ (Redmine view customize plugin) - Enjoy*Study
Redmine view customize plugin onozaty/redmine-view-customize - GitHub ä¸€è‡´ã—ãŸãƒ‘ã‚¹ã«å¯¾ã—ã¦ã€JavaScriptã¾ãŸã¯StyleSheet(CSS)ã‚’åŸ‹ã‚è¾¼ã‚€ã“ã¨ã«ã‚ˆã‚Šã€ç”»é¢ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ã¨ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã“ã‚Œã‚’ä½¿ã†ã¨ã€ã¡ã‚‡ã£ã¨ã—ãŸã‚³ãƒ¼ãƒ‰ã§ç”»é¢ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå‡ºæ¥ã¾ã™ã€‚ ç‰¹å®šã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®èƒŒæ™¯è‰²ã‚’å¤‰ãˆã‚‹(Redmineã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæ¯Žã«èƒŒæ™¯è‰²ã‚’å¤‰ãˆã‚‹æ–¹æ³•) ãƒã‚±ãƒƒãƒˆä¸€è¦§ã§è‡ªåˆ†ã®åå‰ã ã‘å¼·èª¿è¡¨ç¤ºã™ã‚‹(Redmineã§è‡ªåˆ†ã®åå‰ã‚’å¼·èª¿ã—ã¦è¡¨ç¤ºã™ã‚‹æ–¹æ³•) ãƒã‚±ãƒƒãƒˆã®å„ªå…ˆåº¦ã«ã‚ˆã£ã¦ãƒã‚±ãƒƒãƒˆã®ã‚¿ã‚¤ãƒˆãƒ«ã®è‰²ã‚’å¤‰ãˆã‚‹ ãªã©ãªã©â€¦ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³• Redmineã®pluginsãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªé…ä¸‹ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é…ç½®ã—ã¦ã€migrationã‚’å®Ÿæ–½ã—ã¾ã™ã€‚ cd {RAILS_ROOT}/plugins git clone http
yamap_55 2014/09/10
ã“ã‚Œã¯ä¾¿åˆ©ï¼

redmine

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

JavaScript

CSS
ãƒªãƒ³ã‚¯
äººé¡žæœ€å¤§ã®è¬Žã€‚Jenkinsã®CSSå£Šã‚Œã‚‹å•é¡ŒãŒè§£æ˜Žã•ã‚ŒãŸ - laiso
CSSã¨ã„ã†ã‹é™çš„ãƒ•ã‚¡ã‚¤ãƒ«å…¨èˆ¬ã®é…ä¿¡ãŒæ¢ã¾ã‚‹ã€‚ (â€»æˆ‘ã€…ã®ç›®ã®å‰ã§çªå¦‚ãƒ•ãƒ©ãƒƒãƒˆUIåŒ–ã—ãŸJenkinsæ°ã®æ§˜å) Jenkins ã§ã€ css ç‰ãŒé©ç”¨ã•ã‚Œãªãã¦ã‚¹ã‚¿ã‚¤ãƒ«å´©ã‚Œã‚’èµ·ã“ã™äº‹ãŒã‚ã‚‹ã‚“ã ã‘ã©ã‚ã‚Œãªã‚“ãªã‚“ã ã‚ã†â€¦â€” ãã‚‰ã¯ (@sora_h) 2013, 4æœˆ 4 Jenkinsã•ã‚“ã¡ã‚‡ã„ã¡ã‚‡ã„CSSãŒåæ˜ ã•ã‚Œãªããªã‚‹ã‚“ã ã‘ã©ã©ã†ã—ã¦ãªã‚“ï¼Ÿâ€” å£çŽ‰ï¼ˆè¥¿ã®ç·Šç¸›[ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ãƒœãƒ³ãƒãƒ¼]ï¼‰ (@Kuchitama) 2013, 7æœˆ 12 jenkinsã®cssãŒå´©ã‚Œã‚‹æ™‚é–“ã¨ã€ç§ã®é¡”ã®cssãŒå´©ã‚Œã‚‹æ™‚é–“ã®ç›¸é–¢é–¢ä¿‚ã‚’è€ƒãˆã¦ã„ã‚‹â€” ã—ã¾ã–ãã—ã‚‡ã†ã“â™€ã—ã‚‡ã£ã´ãƒ¼ (@shokos) 2013, 6æœˆ 28 (ã¿ã‚“ãªå›°ã£ã¦ã„ã‚‹) ä»Šæ—¥ã¾ãŸèµ·ãã¦ãªã‚“ã¨ãªã https://issues.jenkins-ci.org/browse/JENKINS-17526 ã‚’èªã‚“ã§ã¿ãŸã‚‰Greg AlbrechtãŒæ›¸
yamap_55 2014/04/15
jenkins

CSS
ãƒªãƒ³ã‚¯
ã‚¤ãƒžãƒ‰ã‚CSSè¨è¨ˆ
ã‚¤ãƒžãƒ‰ã‚CSSè¨è¨ˆ NTTãƒ¬ã‚¾ãƒŠãƒ³ãƒˆã€€æ£®æœ¬æå¹³ â€»çŸ¢å°ã‚ãƒ¼ã§å‹•ã‹ã›ã¾ã™ About Me æ£®æœ¬æå¹³ ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ Twitter:basara669 ä»Šæ—¥ã®ã‚¹ãƒ©ã‚¤ãƒ‰ http://basara669.com/slides/140122/index.html â€»ä»Šæ—¥ã®atndã‚„connpassã«ã‚‚è¼‰ã£ã¦ã„ã¾ã™ ä»Šæ—¥ã®ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚° #gooOTT Agenda ãªãœCSSè¨è¨ˆãŒå¿…è¦ãªã®ã‹ BEMã¨SMACSSã®ç´¹ä»‹ å®Ÿéš›ã®é‹ç”¨ä¸Šã©ã†ã™ã‚‹ã¹ãã‹ æœ¬é¡Œã«å…¥ã‚‹å‰ã«ãƒ»ãƒ»ãƒ» æ§˜ã€…ãªCSSè¨è¨ˆãŒã‚ã‚Šã¾ã™ãŒã€ã©ã‚Œã‚‚è¤‡æ•°ã‚¯ãƒ©ã‚¹ã‚’å‰æã¨ã—ã¦ã„ã‚‹ã®ã§ã€IE6ä»¥ä¸‹ã§ã¯ä½¿ãˆãªã„ã§ã™ã€‚ã€‚
yamap_55 2014/01/23
CSS

è¨è¨ˆ

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
1