[B! html] kuchitamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kuchitama id:kuchitama

htmlã«é–¢ã™ã‚‹kuchitamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (33)

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

2023å¹´æœ€æ–°ç‰ˆ: HTMLã®headã®æ›¸ãæ–¹ã€headå†…ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚
HTMLãƒšãƒ¼ã‚¸ã®headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆã€ãã—ã¦metaè¦ç´ ã‚„linkè¦ç´ ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ç”¨ã®è¦ç´ ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ã®ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã®è¦ç´ ãªã©ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã€ŒHEADã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HEAD: A simple guide to HTML <head> elements ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ä»¥å‰ã®ç‰ˆã‹ã‚‰ã„ã‚ã„ã‚ã¨å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ 2016å¹´ç‰ˆ: headå†…ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚ 2018å¹´ç‰ˆ: headå†…ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ headå†…ã®è¦ç´ metaè¦ç´ linkè¦ç´ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«é–¢é€£ã®headå†…ã®è¦ç´ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ã®headå†…ã®è¦ç´ ãƒ¡ãƒ¢ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ ä¸‹è¨˜ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªWebã‚µã‚¤ãƒˆã§å¿…é ˆã¨ãªã‚‹headå†…ã«è¨˜
kuchitama 2023/01/25
html
ãƒªãƒ³ã‚¯
ã©ã†ã—ã¦HTML5ãŒå»ƒæ¢ã•ã‚ŒãŸã®ã‹ | ãƒ•ãƒ¥ãƒ¼ãƒãƒ£ãƒ¼æŠ€è¡“ãƒ–ãƒã‚°
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é€£è¼‰ã®5è¨˜äº‹ç›®ã§ã™ã€‚ HTML5ãŒ2021å¹´ã®1æœˆã«å»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚ Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ãƒãƒªãƒãƒªæ´»èºã•ã‚Œã¦ã‚‹æ–¹ã‚„ã‚¨ã‚°ã‚¼ã‚¯ãƒ†ã‚£ãƒ–ãƒ†ãƒƒã‚¯ãƒªãƒ¼ãƒ‰ã®ã‚ˆã†ãªè‚©æ›¸ãã‚’æŒã¤æ–¹ã«ã¨ã£ã¦ã¯ã€Œä½•ã‚’ã„ã¾ã•ã‚‰ã€ã¨ã„ã†è©±é¡Œã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ä»Šå¹´ã‚‚æ–°äººã•ã‚“å…¥ã£ã¦ãã¦ãã ã•ã£ãŸã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ç¿’ä¸ã«HTML5ã¨ã„ã†æ–‡å—åˆ—ã«æ‚©ã¾ã•ã‚Œãªã„ã‚ˆã†ã«ã€ãã‚‚ãã‚‚HTML5ã¨ã¯ä½•ã‹ã‚„ã€å»ƒæ¢ã•ã‚ŒãŸçµŒç·¯ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ HTML5ã¨ã¯Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«å¿…ãšæ›¸ãã“ã¨ã«ãªã‚‹HTMLã€‚Webã‚µã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã¤ã¾ã‚Šä¸èº«ã‚„æ§‹é€ ã‚’ä½œã‚‹ãŸã‚ã«ä½¿ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã™ã€‚ ãã—ã¦ã€ãã®æœ€è¿‘ç‰ˆã¨ã—ã¦10å¹´ã»ã©å‰ã«ç™»å ´ã—ãŸHTML5ã€‚å½“æ™‚ã¯ Webãƒ‹ãƒ¥ãƒ¼ã‚¹ãªã©ã§ç››ã‚“ã«ç‰¹é›†ãŒçµ„ã¾ã‚Œã¦ã„ã¾ã—ãŸãŒã€ã“ã®HTML5ãŒã¤ã„ã“ãªã„ã ã€2021å¹´1æœˆ28æ—¥ã«å»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚ åºƒç¾©ã®HTML5 / ç‹ç¾©ã®HTML5HTML5
kuchitama 2021/06/21
html
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ä»•çµ„ã¿
Webã®ç”¨èªžã‚’100ç§’ã§è§£èª¬ã™ã‚‹ãƒãƒ£ãƒ³ãƒãƒ«ã‚’ä½œã‚Šã¾ã—ãŸï¼ ã‚ˆã‹ã£ãŸã‚‰ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ï¼ ã¯ã˜ã‚ã« ä»¥å‰æ›¸ã„ãŸè¨˜äº‹ã€ŒWebãƒšãƒ¼ã‚¸ãŒãƒ–ãƒ©ã‚¦ã‚¶ã«è¡¨ç¤ºã•ã‚Œã‚‹ã¾ã§ã«ä½•ãŒèµ·ã“ã‚‹ã®ã‹ï¼Ÿã€ã§ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«ã¤ã„ã¦è©³ç´°ã«çŸ¥ã‚ŠãŸã„ã¨ã„ã†æ„è¦‹ã‚’ã„ãŸã ã„ãŸã®ã§ã€èª¿ã¹ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ å…¨ä½“å›³ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®å¤§ã¾ã‹ãªæµã‚Œã§ã™ã€‚ HTMLã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ã‚µãƒ¼ãƒã‹ã‚‰é€ã‚‰ã‚Œã¦ããŸHTMLã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ HTMLã®è§£æž ã‚µãƒ¼ãƒã‹ã‚‰é€ã‚‰ã‚Œã¦ããŸHTMLãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€ã€Œ0ã€ã¨ã€Œ1ã€ã§ã§ããŸãƒ‡ãƒ¼ã‚¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ã‚µãƒ¼ãƒã‹ã‚‰å—ã‘å–ã£ãŸãƒ‡ãƒ¼ã‚¿ã‚’ãã®ã¾ã¾HTMLã¨ã—ã¦è§£é‡ˆã™ã‚‹ã“ã¨ã¯ã§ããªã„ã®ã§ã€è‡ªåˆ†ã§æ‰±ã†ã“ã¨ãŒã§ãã‚‹å½¢ã€ã¤ã¾ã‚ŠDOMã«å¤‰æ›ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ä½œæ¥ã‚’ è§£æž ( Parse ) ã¨è¨€ã„ã¾ã™ã€‚ HTMLã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚‰ã€ã™ãã«ã“ã®è§£æžä½œæ¥ã«å…¥ã‚Šã¾ã™ã€‚ä½œæ¥ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚¹ãƒ†ãƒƒãƒ—ã«ãª
kuchitama 2021/05/07
html

ãƒ–ãƒ©ã‚¦ã‚¶

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ãƒªãƒ³ã‚¯ã‚’ä½œã‚‹æ™‚ã® target="_blank" ã®å±é™ºæ€§ - éš™ã‚ã‚‰ã°å¯ã‚‹
html ã§ ãƒªãƒ³ã‚¯ã‚’æ–°ã—ã„ã‚¿ãƒ–(ã‚„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦)ã§é–‹ã‹ã›ãŸã„å ´åˆã€target="_blank" ã‚’æŒ‡å®šã™ã‚‹ãŒã€ ã“ã®ä½¿ã„æ–¹ã«ã¯è½ã¨ã—ç©´ãŒã‚ã‚‹ã‚‰ã—ã„ã€‚ www.jitbit.com ãƒªãƒ³ã‚¯ã‚’é–‹ã„ãŸå…ˆã® javascript ã‹ã‚‰ã€é–‹ã„ãŸå…ƒã®ãƒšãƒ¼ã‚¸ã‚’æ“ä½œã§ãã¦ã—ã¾ã†ã¨ã®ã“ã¨ã€‚ æ°—ã«ãªã£ãŸã®ã§ç¢ºèªã—ã¦ã¿ãŸã€‚ æ‚ªç”¨ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ insecure.html ãŒæœ€åˆã«é–‹ããƒšãƒ¼ã‚¸ã§ã€ã“ã“ã« target="_blank" ãªãƒªãƒ³ã‚¯ãŒã‚ã‚‹ã€‚ ã“ã®ãƒªãƒ³ã‚¯ã‚’æŠ¼ã™ã¨ new_window.html ã‚’æ–°ã—ã„ã‚¿ãƒ–ã§é–‹ãã€‚ ã“ã® new_window.html ã« javascript ãŒä»•è¾¼ã¾ã‚Œã¦ãŠã‚Šã€å…ƒãƒšãƒ¼ã‚¸ã‚’æ“ä½œã•ã‚Œã‚‹ã¨ã„ã†è©±ã€‚ å…·ä½“çš„ã«ã¯ window.opener.location="./evil.html" ã¨å®Ÿè¡Œã™ã‚‹ã¨ã€å…ƒã‚¿ãƒ–ã¯ evil.html ã«é·ç§»ã™ã‚‹ã€‚ å®Ÿéš›è©¦ã—ã¦ã¿ãŸã®ãŒ ã“ã“ã€‚ ãƒªãƒ³ã‚¯ã‚’é–‹
kuchitama 2019/02/04
javascript

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

html
ãƒªãƒ³ã‚¯
2017å¹´ã®HTMLãƒ¡ãƒ¼ãƒ«ã‚’å–ã‚Šå·»ãç’°å¢ƒã¨ãƒ¢ãƒ€ãƒ³é–‹ç™º ï½œ Tips Note by TAM
ã¯ã˜ã‚ã«ï¼šHTMLãƒ¡ãƒ¼ãƒ«ã‚’å–ã‚Šå·»ãç’°å¢ƒ HTMLãƒ¡ãƒ¼ãƒ«ã€ä½œã£ã¦ã¾ã™ã‹ï¼Ÿ ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚ªãƒ¼ãƒˆãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨çµ„ã¿åˆã‚ã›ãŸãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³ã‚„ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é€šçŸ¥ãƒ¡ãƒ¼ãƒ«ãªã©ã€å¤šãã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ãŒãƒ¡ãƒ¼ãƒ«é…ä¿¡ã‚’è¡Œã£ã¦ã„ã¾ã™ãŒã€ãã®åˆ¶ä½œã§é ã‚’æ‚©ã¾ã›ã‚‹æ‹…å½“è€…ã¯å¤šã„ã“ã¨ã§ã—ã‚‡ã†ã€‚ é€šå¸¸ã®Webã‚µã‚¤ãƒˆåˆ¶ä½œã¨åŒæ§˜ã«ã¯è¡Œã‹ãšã€åˆ¶ç´„ã®å¤šã•ã€å¯¾å¿œã™ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã®è±Šå¯Œã•ãªã©æ•°å¤šã®å›°é›£ãŒå¾…ã¡å—ã‘ã¦ã„ã¾ã™ã€‚ ç·å‹™çœã‹ã‚‰å‡ºã•ã‚ŒãŸå¹³æˆ26å¹´åº¦ã®æƒ…å ±é€šä¿¡ç™½æ›¸ã®å›³4-1-1-26ã«ã‚ˆã‚Œã°ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’è³¼å…¥ã™ã‚‹ã“ã¨ã§Gmailãªã©ã®ãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ã®åˆ©ç”¨é »åº¦ãŒå¢—ãˆãŸã¨ã„ã†èª¿æŸ»çµæžœãŒã‚ã‚Šã¾ã™ã€‚ ä»–å›½ã«æ¯”ã¹æºå¸¯ã‚ãƒ£ãƒªã‚¢ãƒ¡ãƒ¼ãƒ«ã®å¼·ã„æ—¥æœ¬ã§ã‚‚ã€SIMãƒãƒƒã‚¯è§£é™¤ã®é€²ã‚€ä»Šã€ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ã®å°é ã¯ä»Šå¾Œã‚‚ç¶šã„ã¦ã„ãã§ã—ã‚‡ã†ã€‚ Gmailã‚„iCloudãªã©ã®ãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ã§ã¯ã€ãƒ¡ãƒ¼ãƒ«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«æ˜”ãªãŒã‚‰ã®POP/IMAPãªã©ã®è¨å®šã‚’ã›
kuchitama 2018/04/11
html

css

HTMLãƒ¡ãƒ¼ãƒ«

ãƒ¡ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
kuchitama 2018/03/21
css3

html
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒœã‚¿ãƒ³ã‚’ span ã ã‘ã§å®Ÿè£…ã™ã‚‹ã®ã¯è‰¯ããªã„ã®ã§ã‚„ã‚ãŸè©±
ã“ã®ãƒšãƒ¼ã‚¸ã¯åˆ¥ã®ãƒ–ãƒã‚°ã«ç§»è»¢ã—ã¾ã—ãŸã€‚
kuchitama 2017/04/06
ãªã‚‹ã»ã©ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€‚è¦‹è½ã—ãŒã¡ãªã‚“ã ã‚ˆãªã

html
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä¸€åº¦ã¯èªã‚“ã§ãŠãã¹ããŠã™ã™ã‚ã®æœ¬13å†Š - LITERALLY
å…ˆæ—¥ã€èªè€…ã®æ–¹ã‹ã‚‰ã€ŒWebãƒ‡ã‚¶ã‚¤ãƒ³ç¿’å¾—ã™ã‚‹ã«ã‚ãŸã£ã¦å‚è€ƒã«ã—ãŸæœ¬ã¯ä½•ã‹ã€ã¨ã„ã†å•ã„åˆã‚ã›ã‚’é ‚ã„ãŸã®ã§ã€å›žç”è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ã†ï¼ˆé…ããªã£ã¦ã—ã¾ã„ã™ã¿ã¾ã›ã‚“ï¼‰ã€‚ã›ã£ã‹ããªã®ã§ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã®å°‚é–€çŸ¥è˜ã«é–¢ã™ã‚‹æœ¬ã ã‘ã§ãªãã€ã„ã¤ã‚‚ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚‚ã‚‰ã£ã¦ã„ã‚‹æœ¬ã‚‚åˆã‚ã›ã¦ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã†ã€‚å‚è€ƒç¨‹åº¦ã«ã©ã†ãžã€‚ ä»¥ä¸‹ã®3ã¤ã®ã‚¸ãƒ£ãƒ³ãƒ«ã«ã¤ã„ã¦åˆ†ã‘ã¦ç´¹ä»‹ã€‚ WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¦ã¶ãŸã‚ã®æœ¬ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã‚’ç£¨ããŸã‚ã®æœ¬ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³åˆºæ¿€æœ¬ WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¦ã¶ãŸã‚ã®æœ¬ 1 ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆæŠ€è¡“ã®çµµæœ¬ æŒ¯ã‚Šè¿”ã‚Œã°ã€ã„ã¡ã°ã‚“ã¯ã˜ã‚ã«èªã‚“ã§ãŠã‘ã°ã‚ˆã‹ã£ãŸãªã¨æ€ã†ã®ãŒã€ã“ã®çµµæœ¬ã‚·ãƒªãƒ¼ã‚ºã€‚Webãƒ‡ã‚¶ã‚¤ãƒ³å«ã‚ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å§‹ã‚ãŸäººã¯ã€ŒWebãƒ‡ã‚¶ã‚¤ãƒ³ãŒã©ã†ã‚„ã£ã¦ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«å…¬é–‹ã•ã‚Œã€ã©ã†ã‚„ã£ã¦äººã®ç›®ã«è§¦ã‚Œã‚‹ã®ã‹ã€ã‚„ã€Œä»Šã®ä½œæ¥ã®å…¨ä½“ã«ãŠã‘ã‚‹ç«‹ã¡ä½ç½®ã€ãŒã„ã¾ã„ã¡è¦‹ãˆãªãã¦ãƒ¢ãƒ¤ãƒ¢ãƒ¤ã™ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã†ã€‚HTMLã¨
kuchitama 2016/10/18
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢è¦–ç‚¹ã§ã¿ã‚‹ã¨ã€ãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚ºãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒƒã‚¯ä»¥é™ã«ç´¹ä»‹ã•ã‚Œã¦ã‚‹æœ¬ã«æ‰‹ã‚’å‡ºã—ã¦ã¿ãŸã„

Web

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

html

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
NEditorJS - ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç’°å¢ƒã®åŸºç›¤ã«ã©ã†ãž MOONGIFT
ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å¤šãã¯ãƒŽãƒ¼ãƒ‰ãŒã‚ã‚Šã€ãã‚Œã‚‰ã‚’ãƒžã‚¦ã‚¹ã§ãã£ã¤ã‘ã¦å‡¦ç†ã‚’ç¹‹ã’ã¦ã„ãã¾ã™ã€‚å„ãƒŽãƒ¼ãƒ‰ã«ã¯æ©Ÿèƒ½ãŒã‚ã‚Šã€å¿…è¦ã«å¿œã˜ã¦å‡¦ç†åˆ¤å®šã‚’è¡Œã†ãƒŽãƒ¼ãƒ‰ã€ç¹°ã‚Šè¿”ã—å‡¦ç†ã‚’è¡Œã†ãƒŽãƒ¼ãƒ‰ã‚’é¸æŠžã—ã¾ã™ã€‚ ãã†ã„ã£ãŸãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŒ–ã•ã‚ŒãŸç’°å¢ƒã‚’æä¾›ã™ã‚‹ã®ãŒNEditorJSã§ã™ã€‚å·¥å¤«æ¬¡ç¬¬ã§æ§˜ã€…ãªä½¿ã„æ–¹ãŒè€ƒãˆã‚‰ã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ NEditorJSã®ä½¿ã„æ–¹ NEditorJSã®ãƒ¡ã‚¤ãƒ³ç”»é¢ã§ã™ã€‚ ãƒŽãƒ¼ãƒ‰ã¯ãƒžã‚¦ã‚¹ã§æŽ¥ç¶šã§ãã¾ã™ã€‚ å®Ÿéš›ã«æ“ä½œã—ã¦ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚ NEditorJSã§ã¯ã€ã¾ãšã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆå´ã®é»’ä¸¸ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€ãã®å¾Œã‚¤ãƒ³ãƒ—ãƒƒãƒˆå´ã®é»’ä¸¸ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚è‡ªå‹•çš„ã«ç·šãŒä¼¸ã³ã¦ã„ãã®ã§åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã—ã‚‡ã†ã€‚ãƒŽãƒ¼ãƒ‰ã¯ãƒžã‚¦ã‚¹ã§ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ãã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶å‘ã‘ã«ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç’°å¢ƒã‚„ãƒ‡ãƒ¼ã‚¿å‡¦ç†ç’°å¢ƒã‚’æä¾›ã™ã‚‹éš›ã«ä½¿ãˆãã†ã§ã™ã€‚NEditorJSã¯HTML5/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆ
kuchitama 2016/09/11
ã‚“ãƒ¼ã€ã©ã†ã„ã†ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ãŒã„ã„ã‚“ã ã‚ã†ã‹ï¼Ÿãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®è¨å®šUI?ãƒ‡ãƒ¼ã‚¿è§£æžã¨ã‹ã§ã‚‚ã‚ã‚Šã‹ï¼Ÿ

html

ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹

ui
ãƒªãƒ³ã‚¯
ä»Šã‹ã‚‰ï¼“åˆ†ã§ï¼ŒHTML5ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—APIã¨ File APIã‚’ç¿’å¾—ã—ã‚ˆã†ï¼ˆJSã®å®Ÿè£…ã‚µãƒ³ãƒ—ãƒ«ä»˜ãï¼‰ - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
JavaScriptãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®TOPã¸ ä»Šã‹ã‚‰ï¼“åˆ†ã§ï¼ŒHTML5ã® JavaScript API ã®ä½¿ã„æ–¹ã‚’ï¼’ã¤è¦šãˆã‚ˆã†ã€‚ ï¼‘ï¼šãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—API ç”»é¢ä¸Šã®è¦ç´ ã‚’ã€‚ ç”»é¢å¤–ã‹ã‚‰ã€‚ ï¼’ï¼šFile API èªã¿è¾¼ã¿ã€‚ æ›¸ãè¾¼ã¿ã€€â€»ã“ã‚Œã¯è¦šãˆã‚‹å¿…è¦ã¯ãªã„ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ä»˜ãã§ï¼Œã“ã‚Œã‚‰ã®å®Ÿè£…ã®æ–¹æ³•ã‚’ç´ æ—©ãå¦ç¿’ã™ã‚‹ã€‚ â€»ã‚µãƒ³ãƒ—ãƒ«ã¯ï¼ŒIE8ã®ã‚ˆã†ãªHTML5æœªã‚µãƒãƒ¼ãƒˆã®å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯å‹•ã‹ãªã„ã®ã§æ³¨æ„ã€‚Firefoxã‚„Chromeã‚’ä½¿ã†ã“ã¨ã€‚ ã§ã¯ï¼Œã“ã“ã‹ã‚‰ï¼“åˆ†ã®æ™‚é–“ã®ã‚«ã‚¦ãƒ³ãƒˆã‚’é–‹å§‹ã€‚é›†ä¸ã—ã¦èªã‚‚ã†ã€‚ ï¼ˆ0ï¼š00ã€œå‰åŠã®ï¼‘åˆ†åŠï¼‰ ç”»é¢å†…ã§ã®ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ— ï¼ˆå¾ŒåŠã®1ï¼š30ã€œ3ï¼š00ï¼‰ ç”»é¢å¤–ã‹ã‚‰ã®ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ— å‚è€ƒè³‡æ–™ ï¼ˆ0ï¼š00ã€œå‰åŠã®ï¼‘åˆ†åŠï¼‰ç”»é¢å†…ã§ã®ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ— ã¾ãšï¼Œå‹•ä½œä¾‹ã‚’è¦‹ã¦ã¿ã‚‹ã€‚ã€Œãƒªãƒ³ã‚´ã€ã‚’ãƒã‚¹ã‚±ãƒƒãƒˆã«ãƒ‰ãƒãƒƒãƒ—ã—ã¦ã¿ã¦ã»ã—ã„ã€‚ å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ï¼‘ ht
kuchitama 2016/03/31
HTML5

html

API

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

js

javascript
ãƒªãƒ³ã‚¯
ä»Šã©ãã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã¯ã“ã†æ›¸ãï¼ HTMLã‚³ãƒ¼ãƒ€ãƒ¼ãŒãŠã•ãˆã‚‹ã¹ãinputã‚¿ã‚°ã®æ›¸ãæ–¹ã¾ã¨ã‚ - ICS MEDIA
ã¿ãªã•ã‚“ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹éš›ã€ã©ã®ã‚ˆã†ãªæ–½ç–ã‚’ãŠã“ãªã£ã¦ã„ã¾ã™ã‹ï¼Ÿã€€å…¥åŠ›é …ç›®ã‚’è¦‹ç›´ã—ãŸã‚Šã€å…¥åŠ›ã‚¹ãƒ†ãƒƒãƒ—ã‚’æ˜Žç¢ºã«ã—ãŸã‚Šãªã©ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ æœ€é©åŒ–ã‚’ãŠã“ãªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã®ã“ã¨ã§ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ãŒã‚ãŒã£ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãªã„ã‚ˆã†ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ æœ€é©åŒ–ã¯EFOå¯¾ç– = Entry Form Optimizationã¨ã‚‚å‘¼ã°ã‚Œã¾ã™ã€‚ ã‚µã‚¤ãƒˆã®è¨è¨ˆæ®µéšŽã§æ¤œè¨Žã™ã¹ãã“ã¨ãŒå¤šã„ã§ã™ãŒã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ã‚‚è€ƒæ…®ã™ã¹ãäº‹ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯HTMLã‚³ãƒ¼ãƒ€ãƒ¼ãŒã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒ•ã‚©ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹éš›ã«è€ƒæ…®ã™ã¹ãç‚¹ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ â€»æœ¬è¨˜äº‹ã§ã¯æœ€è¿‘ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«é©ã—ãŸHTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ–¹æ³•ã®ç´¹ä»‹ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ãã®ãŸã‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚¢ã‚¯ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã§ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç´¹ä»‹ã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ã”äº†æ‰¿ãã ã•ã„ã€‚ è‡ªå‹•å…¥åŠ›æ©Ÿèƒ½ã«å¯¾å¿œã—ã‚ˆã† Google Chromeï¼ˆãƒ‡ã‚¹ã‚¯ãƒˆãƒƒ
kuchitama 2016/03/11
ã‚ãƒ¼ã€ã™ã”ãç´å¾—æ„Ÿã‚ã‚‹ã€‚ã•ã£ããã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¦‹ç›´ãã†

html

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€Œ3ã€ã‚ãƒ¼ã‚’æŠ¼ã™ã ã‘ï¼3ç§’ã§ç”»åƒä»˜ããƒªãƒ³ã‚¯ã‚’ä½œã‚‹3ã¤ã®æ–¹æ³•ï½œã‚¦ã‚§ãƒ–ã‚·ãƒ¥ãƒ•
ãƒ–ãƒã‚°ã‚’æ›¸ãä¸Šã§ã€ã‚ã‚‹ã¨ä¾¿åˆ©ãªã®ãŒã€ã‚ãƒ£ãƒ—ãƒãƒ£ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«ãŒä»˜ã„ãŸãƒªãƒ³ã‚¯ã‚’ã™ãã«ä½œã‚Œã‚‹ä»•çµ„ã¿ã€‚Google Chrome æ‹¡å¼µæ©Ÿèƒ½ã‚’ä½¿ãˆã°ã‚ã£ã¨ã„ã†é–“ã«å‡ºæ¥ã¾ã™ã€‚ ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã§ä½œã‚‹ã¨5ç§’ã¯ã‹ã‹ã‚‹ã®ã§ã‚‚ã£ã¨åŠ¹çŽ‡åŒ–ã—ãŸã„ ã‚ãƒ£ãƒ—ãƒãƒ£ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«ãŒä»˜ã„ãŸãƒªãƒ³ã‚¯ã‚’ä½œã‚‹æ–¹æ³•ã¨ã—ã¦ã€æœ€ã‚‚ãƒãƒ”ãƒ¥ãƒ©ãƒ¼ãªã®ãŒã€ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã®åˆ©ç”¨ã§ã—ã‚‡ã†ã€‚ ä»¥å‰ã«ã€ã‚‰ãµã‚‰ãã•ã‚“ãŒã€ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚’å¼·çƒˆã«ãŠå‹§ã‚ã•ã‚Œã¦ã„ã¾ã—ãŸãŒâ€¦ [img-link url=â€http://laugh-raku.com/archives/4465â€³ title=â€ã‚¦ã‚½ã ã‚ã£ï¼ï¼Ÿè¨˜äº‹ãƒªãƒ³ã‚¯ã«ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã¨ã¯ã¦ãƒ–æ•°ã‚’è¿½åŠ ã—ã¦ãã‚Œã‚‹ã€Œç¥žãƒ„ãƒ¼ãƒ«ã€ã‚’çŸ¥ã‚‰ãªã„ãªã‚“ã¦ï¼ | ã‚‰ãµã‚‰ã^^ ~ãƒ–ãƒã‚°ã§é£¯ã‚’é£Ÿã†~â€] è¨˜äº‹ã«ã‚ˆã‚‹ã¨ã€ä»¥ä¸‹ã®æ‰‹é †ã§ã‚ãƒ£ãƒ—ãƒãƒ£ç”»åƒä»˜ããƒªãƒ³ã‚¯ãŒç”Ÿæˆã•ã‚Œã¾ã™ã€‚ ç´¹ä»‹ã—ãŸã„ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ç™ºè¦‹ ãã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®URLã‚’ã‚³ãƒ”ãƒ¼ ã¯ã¦
kuchitama 2015/08/23
URL

html

ã‚¢ã‚¤ã‚³ãƒ³

ç”»åƒ

wordpress
ãƒªãƒ³ã‚¯
Tutorial: Tic-Tac-Toe â€“ React
You will build a small tic-tac-toe game during this tutorial. This tutorial does not assume any existing React knowledge. The techniques youâ€™ll learn in the tutorial are fundamental to building any React app, and fully understanding it will give you a deep understanding of React. This tutorial is designed for people who prefer to learn by doing and want to quickly try making something tangible. If
kuchitama 2015/08/05
html

github

javascript

React

js
ãƒªãƒ³ã‚¯
[JS]ã‚·ãƒ³ãƒ—ãƒ«ã§è¶…è»½é‡ãªã®ãŒã„ã„ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚«ãƒ¼ãƒ‰åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -minigrid
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚«ãƒ¼ãƒ‰åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã€jQueryãªã©ã®ä»–ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ä¾å˜ã—ãªã„ã‚·ãƒ³ãƒ—ãƒ«ã§è¶…è»½é‡ï¼ˆ2KBï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ minigridã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <body> ... ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ... <script src="http://henriquea.github.io/minigrid/minigrid.js"></script> </body> Step2 :HTML å„ã‚¢ã‚¤ãƒ†ãƒ ã«ã¯ã€Œ.grid-it emã€ã‚’ã€ãƒ©ãƒƒãƒ‘ãƒ¼ã«ã¯ã€Œ.gridã€ã‚’ä»˜ä¸Žã—ã¾ã™ã€‚ <div class="grid"> <div class="grid-it em"></div> <div class="grid-it em"></div> <div class="grid-it em"></div
kuchitama 2015/08/04
html

JavaScript

CSS

design
ãƒªãƒ³ã‚¯
Bootstrapã«ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„é€šçŸ¥ãƒ‘ãƒãƒ«ãªã©ã€ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’ç°¡å˜ã«è¿½åŠ ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Smoke
Bootstrapã§ä½œæˆã—ãŸãƒšãƒ¼ã‚¸ã«ã€å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨æ•°è¡Œã®ã‚³ãƒ¼ãƒ‰ã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ã•ã¾ã–ã¾ãªä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Bootstrapã®å¯¾å¿œãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã€3.xã§ã™ã€‚ Smoke Smoke -GitHub Smokeã®ä½¿ã„æ–¹ Smokeã®ãƒ‡ãƒ¢ Smokeã®ä½¿ã„æ–¹ Smokeã®ä½¿ã„æ–¹ã¯ã€ç°¡å˜ã§ã™ã€‚ Bootstarpã§ã¤ãã£ãŸãƒšãƒ¼ã‚¸ã«ã€å¤–éƒ¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åŠ ãˆã¾ã™ã€‚ Bootstapã®ã‚³ãƒ¼ãƒ‰ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸæœ€å°æ§‹æˆã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev
kuchitama 2015/06/01
ã‚ã¨ã§èªã‚€

bootstrap

html

css

js

HTML5

OSS

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

JavaScript

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã«ä½¿ãˆã‚‹CSS3ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³5ç¨®
ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã«ä½¿ãˆã‚‹CSS3ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³5ç¨® ã¡ã‚‡ã£ã¨ã—ãŸãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã«ä½¿ãˆãã†ãªCSS3ã‚ªãƒ³ãƒªãƒ¼ã®ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ IEã¯10ä»¥ä¸Šã§å‹•ãã¾ã™ã€‚ æŠ•ç¨¿æ—¥2013å¹´10æœˆ30æ—¥ æ›´æ–°æ—¥2013å¹´10æœˆ30æ—¥ ãƒ™ãƒ¼ã‚¹HTML ãƒ™ãƒ¼ã‚¹ã®HTMLã§ã™ã€‚ã£ã¦ã„ã£ã¦ã‚‚åŸºæœ¬aã‚¿ã‚°ã ã‘ã§ã™ã€‚ html <a href="#" class="btn01">BUTTON</a> 1.ãã‚‹ãã‚‹ã£ã¦å›žã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ãã‚‹ãã‚‹ã£ã¨ï¼’å›žè»¢ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ã§ã™ã€‚ ãã‚‹ã£ã¨ï¼‘å›žè»¢ã®å ´åˆã¯ã€Œrotateã€ã‚’360ã«ã™ã‚Œã°OKã§ã™ã€‚ css .btn01 { color: #fff; text-decoration: none; background-color: #dda0dd; display: block; width: 150px; height: 150px; line-height:
kuchitama 2015/05/06
css

html

css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã®åŸºæœ¬çš„ãªä½œã‚Šæ–¹ 1/2ï¼
ã“ã‚“ã«ã¡ã¯ã€‚ ä»Šå›žã¯ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã®åŸºæœ¬çš„ãªä½œã‚Šæ–¹ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ åŽ»å¹´ãã‚‰ã„ã‹ã‚‰æµè¡Œå§‹ã‚ãŸãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã€‚ä»Šå¹´ã«ãªã£ã¦ã‚‚ãã®å‹¢ã„ã¯æ¢ã¾ã‚Šã¾ã›ã‚“ã€‚ ãã‚“ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã®åŸºæœ¬çš„ãªä½œã‚Šæ–¹ã§ã™ã€‚ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼ˆè¦–å·®åŠ¹æžœï¼‰ã¨ã¯ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼ˆè¦–å·®åŠ¹æžœï¼‰ã¨ã¯ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆç‰ã®å€‹ã€…ã®è¦ç´ ã‚’åˆ¥ã€…ã«å‹•ã‹ã—ã¦è¦–å·®åŠ¹æžœã§ç«‹ä½“çš„ã«ã¿ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ â€»å½“ã‚µã‚¤ãƒˆã¯ã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆåºƒå‘Šã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ãŒã€å½“ã‚µã‚¤ãƒˆãŒç‹¬è‡ªã«ä½œæˆã—ãŸè¨˜äº‹ã§ã‚ã‚Šã€ç¬¬ä¸‰è€…ã‹ã‚‰ä¾é ¼ã‚’å—ã‘ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ æº–å‚™ã‚’ã—ã‚ˆã†ï¼htmlã‚’ç”¨æ„ã—ã¾ã™ã€‚ jQueryã¯jQueryã®ã‚µã‚¤ãƒˆã‹ã‚‰ç›´æŽ¥èªã¿è¾¼ã¿ã¾ã™ã€‚ [html] [/html] ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸå€¤ã‚’å–å¾—ã—ã¦ã¿ã‚ˆã†ï¼ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸå€¤ã«ã‚ˆã£ã¦å€‹ã€…ã®ãƒœãƒƒã‚¯ã‚¹ã‚’ç§»å‹•ã•ã›ã¾ã™ã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸå€¤ã‚’å–å¾—ã—ã¾ã™ã€‚ html[html] ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å€¤ã‚’å–å¾—ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å€¤ | 0
kuchitama 2015/03/26
ã‚ã¨ã§èªã‚€

html

js

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹10ã®å°æŠ€
2015å¹´3æœˆ18æ—¥ CSS 2011å¹´ã«ã€Œå°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ã€ã¨ã„ã†è¨˜äº‹ã§æ•°ã€…ã®ä¾¿åˆ©ãªåˆ¶ä½œæŠ€ã‚’ç´¹ä»‹ã—ãŸã®ã§ã™ãŒã€æ™‚ã¯æµã‚Œã€ä»Šã§ã¯CSSã®ã¿ã§è¡¨ç¾ã§ãã‚‹ã‚‚ã®ãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ã¨ã„ã†äº‹ã§ä»Šå›žã¯ãã®è¨˜äº‹å†…ã§ç´¹ä»‹ã—ãŸæŠ€ã‚’ä¸å¿ƒã«ã€ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹å°æŠ€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ç›®æ¬¡ Divå…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ ãƒ†ãƒ¼ãƒ–ãƒ«ã®å¶æ•°ãƒ»å¥‡æ•°ã®è¡Œã®è‰²ã‚’å¤‰ãˆã‚‹ ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ†ã‚ã‚¹ãƒˆã‚’å…¥ã‚Œã¦ãŠãã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã§æ¶ˆã™ï¼ˆæ–‡å—è‰²ã‚‚å¤‰æ›´ï¼‰ ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’è£…é£¾ã™ã‚‹ ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ‘ãƒãƒ« ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ— è¨€èªžã«ã‚ˆã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¤‰æ›´ æ¨ªä¸¦ã³ã®divã®é«˜ã•æƒãˆã‚‹ ãƒœãƒƒã‚¯ã‚¹ã‚’ä¸Šä¸‹å·¦å³ä¸å¤®ã«é…ç½®ã™ã‚‹ ãã‚Œã§ã¯å®Ÿéš›ã«ã©ã‚“ãªäº‹ãŒã§ãã‚‹ã®ã‹è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ï¼ã‚µãƒ³ãƒ—ãƒ«ã‚‚ä½œã£ãŸã®ã§ã‚³ãƒ¼ãƒ‰ã¨
kuchitama 2015/03/18
html

web

css

Webãƒ‡ã‚¶ã‚¤ãƒ³

css3
ãƒªãƒ³ã‚¯
æ¤œç´¢ã˜ã‚ƒå¦ã¹ãªã„ï¼ HTML/CSS/JavaScriptã®æ°—ã¥ãTipsã¾ã¨ã‚31ã“ | _level0 - KAYAC Front Engineer Blog
HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ã»ã‚“ã ã§ã™ã€‚ æ°—ã¥ãTipsï¼ Î£(ãƒ»ãƒãƒ») ã‚«ãƒ¤ãƒƒã‚¯ã®ä¸ã§ã‚‚HTML5ã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã‚’æ‹…å½“ã™ã‚‹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’é›†ã‚ãŸéƒ¨ç½²ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã§ã¯ã€ åˆ¶ä½œã«ã‚ãŸã£ã¦ã¯ã¾ã£ãŸã“ã¨ã‚„ã€æ°—ã¥ã„ãŸã“ã¨ã‚’ãƒ¡ãƒ¢çš„ã«è“„ç©ãƒ»å…±æœ‰ã—ã¦ã„ã¾ã™ã€‚ é€šå¸¸ã¯ã€ 1. åˆ¶ä½œã§ä½•ã‹ã‚ã‹ã‚‰ãªã„ã“ã¨ãŒã§ãŸ â–¼ 2. Googleç‰ã§æ¤œç´¢ã—ã¦è§£æ±ºã®ç³¸å£ã‚’ã•ãŒã™ â–¼ 3. ã“ã‚“ãªæ–¹æ³•ãŒã‚ã£ãŸã®ã‹ã€œ ã¨æ°—ã¥ãã‚’å¾—ã‚‹ ã¨ã„ã†ãƒ•ãƒãƒ¼ã§ã‚¹ã‚ãƒ«ã‚¢ãƒƒãƒ—ã—ã¦ã„ãã“ã¨ãŒã‚‚ã£ã±ã‚‰ã ã¨æ€ã†ã®ã§ã™ãŒã€ å¦ã³ã‚’å¢—ã‚„ã—ã¦ã„ããŸã‚ã«ã¯é•ã†ã‚¢ãƒ—ãƒãƒ¼ãƒã‚‚å¿…è¦ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã‚«ãƒ¤ãƒƒã‚¯HTMLãƒ•ã‚¡ã‚¤éƒ¨ã§ã¯ã€ 1. ã¿ã‚“ãªã§è“„ç©ã—ãŸTipsã‚’ã–ãã£ã¨èªã‚€ â–¼ 2. ã“ã‚“ãªæ–¹æ³•ãŒã‚ã£ãŸã®ã‹ã€œ ã¨æ°—ã¥ãã‚’å¾—ã‚‹ â–¼ 3. åˆ¶ä½œã®éš›ã«å°Žå…¥ã—ã¦ã„ã ã¨ã„ã†ãƒ•ãƒãƒ¼ã‚’ç¹°ã‚Šè¿”ã—å®Ÿè·µã—ã¦ã„ãã“ã¨ã§ã€ æ¤œç´¢ã§ã¯æ°—ã¥ã‘ãªã„ã“ã¨ã‚’å¦ã³ã€å®Ÿè£…åŠ›ã‚¢ãƒƒãƒ—
kuchitama 2015/02/04
tips

html

javascript

css

web
ãƒªãƒ³ã‚¯
HTML5æ—¥æœ¬èªžè¨³
This Version: https://www.w3.org/TR/2018/SPSD-html5-20180327/ Latest Published Version: http://www.w3.org/TR/html5/ Latest Version of HTML: http://www.w3.org/TR/html/ Latest Editor's Draft of HTML: http://www.w3.org/html/wg/drafts/html/master/ Previous Version: http://www.w3.org/TR/2014/REC-html5-20141028/ Previous Recommendation: http://www.w3.org/TR/1999/REC-html401-19991224/ Editors: WHATWG: Ia
kuchitama 2014/11/14
HTML5

web

w3c

html
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸