[B! HTML5] kenzy_nã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kenzy_n id:kenzy_n

HTML5ã«é–¢ã™ã‚‹kenzy_nã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (70)

${{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ã™ã‚‰ä¸è¦ï¼detailsã¨summaryã‚¿ã‚°ã§ä½œã‚‹ç°¡å˜ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³
CSSã™ã‚‰ä¸è¦ï¼detailsã¨summaryã‚¿ã‚°ã§ä½œã‚‹ç°¡å˜ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³é•·ã„æ–‡ç« ã‚„è£œè¶³èª¬æ˜Žã‚’ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ï¼ˆæŠ˜ã‚ŠãŸãŸã¿ï¼‰ã«ã—ãŸã„æ™‚ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ãã‚“ãªæ™‚ã«ä½¿ãˆã‚‹ details ã¨ summary ã‚¿ã‚°ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚CSSãªã—ã§ã‚‚å®Ÿè£…ã§ãã¾ã™ãŒã€CSSã‚’åŠ ãˆã¦ã‚ˆã‚Šç´ æ•µãªè¡¨ç¾ã‚’ã™ã‚‹æ–¹æ³•ã‚‚æŒ‘æˆ¦ã—ã¾ã—ã‚‡ã†ï¼ details ã¨ summary ã‚¿ã‚°ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹details ã‚¿ã‚°ã§å›²ã‚“ã éƒ¨åˆ†ãŒã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã¨ã—ã¦è¨å®šã•ã‚Œã¾ã™ã€‚ãã®ä¸ã« summary ã‚¿ã‚°ã§æœ€åˆã‹ã‚‰è¡¨ç¤ºã•ã›ã¦ãŠããŸã„éƒ¨åˆ†ã‚’å›²ã‚ã°å®Œæˆï¼ summary ã‚¿ã‚°ã®éƒ¨åˆ†ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€è©³ç´°æ–‡ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ <details> <summary>Adobe Photoshop</summary> ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã€‚å†™çœŸã‚„ã‚¤ãƒ©ã‚¹ãƒˆã€3Dã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã®ä½œæˆã€webã‚µã‚¤ãƒˆã‚„ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€å‹•ç”»ç·¨é›†ã‚„æç”»ãªã©ã¯Photosh
kenzy_n 2018/11/14
css

HTML5

è¡¨ç¤º
ãƒªãƒ³ã‚¯
ç¶šãƒ»ç›®æŒ‡ã™ã®ã¯ã¶ã£ã¡ãŽã‚Šã®é€Ÿã•! HTML5ç‰ˆ Cacoo ã§åˆ·æ–°ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’ç´è§£ã | æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
ã“ã‚“ã«ã¡ã¯ã€‚Cacooã®å¹³å±±ã§ã™ã€‚ç¾åœ¨ã€åƒ•ãŸã¡ Cacoo ãƒãƒ¼ãƒ ã¯è„±Flashãƒ» HTML5 åŒ–ã«å‘ã‘ã¦æœ€çµ‚ã®è¿½ã„è¾¼ã¿ã®çœŸã£æœ€ä¸ã§ã™ã€‚ãã‚“ãªä¸ã§ã¯ã‚ã‚Šã¾ã™ãŒã€å‰å›žã®ã€Œã¶ã£ã¡ãŽã‚Šã€è¨˜äº‹ã§ã¯ã€HTML5åŒ–ã«å‘ã‘ãŸæç”»æŠ€è¡“ã¨ã—ã¦SVGã‚’é¸æŠžã—ãŸã“ã¨ã‚’ãŠä¼ãˆã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã€HTML5ç‰ˆã®ã‚‚ã†ã²ã¨ã¤ã®æ”¹å–„ãƒã‚¤ãƒ³ãƒˆã€Œãƒ‡ãƒ¼ã‚¿é¢ã§ã®åˆ·æ–°ã€ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Cacoo ã®ãƒ‡ãƒ¼ã‚¿å½¢å¼ã‚„æ§‹é€ ã®åˆ·æ–°ãƒ»JSONãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¸ã®ç§»è¡Œ HTML5ç‰ˆã§ã¯ã€æç”»ã«SVGã‚’æŽ¡ç”¨ã™ã‚‹ã¨ã„ã†å¤‰æ›´ã ã‘ã§ã¯ãªãã€æŠœæœ¬çš„ãªãƒ‡ãƒ¼ã‚¿å½¢å¼ã‚„æ§‹é€ ã®åˆ·æ–°ã‚‚è¡Œã„ã¾ã—ãŸã€‚ã“ã‚Œã«ã¯ä»¥ä¸‹3ç‚¹ã®ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚ Flashç‰ˆã§ã¯AMFã¨ã„ã†Flashã«ç‰¹åŒ–ã—ãŸãƒ‡ãƒ¼ã‚¿ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ å›³ã«å«ã¾ã‚Œã‚‹ãƒ‡ãƒ¼ã‚¿é‡ã«å¿œã˜ã¦ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒä½Žä¸‹ã—ã‚„ã™ã„æ§‹é€ ã§ã‚ã‚‹ ã‚µãƒ¼ãƒãƒ¼å†…ã§ãƒ‡ãƒ¼ã‚¿ã‚’å‡¦ç†ã—ã«ãã„ 1ç‚¹ç›®ã¯Flashã‹ã‚‰è„±å´ã™ã‚‹ã«ã‚ãŸã‚Šå¯¾å¿œå¿…é ˆãª
kenzy_n 2017/06/14
HTML5

JSON
ãƒªãƒ³ã‚¯
CSSã§é¢å€’ãªã‚³ãƒ¼ãƒ‰ã€HTML5ã®æ–°è¦ç´ ã‚„ã‚¹ãƒ‹ãƒšãƒƒãƒˆã€Facebookã®OGPã‚„Twiterã‚«ãƒ¼ãƒ‰ãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«
CSSã§é¢å€’ãªã‚³ãƒ¼ãƒ‰ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãªã©ã€å®Ÿè£…ã®çµæžœã‚’è¦‹ãªãŒã‚‰å€¤ã‚’èª¿æ•´ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã§ãã€HTML5ã®æ–°è¦ç´ ã‚„ã‚ˆãä½¿ã†ã‚¹ãƒ‹ãƒšãƒƒãƒˆã€Facebookã®OGPã‚„Twitterã‚«ãƒ¼ãƒ‰ã‚„microdataã‚„Metaã‚¿ã‚°ãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚’ç°¡å˜ã«ç”Ÿæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã”ã¨ã«å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã‚‚è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ã‹ãªã‚Šä¾¿åˆ©ã§ã™ã€‚
kenzy_n 2017/05/30
HTML5

css
ãƒªãƒ³ã‚¯
CSSã ã‘ã§æ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã¤ãã‚‹ã€‚ä½†ã—ã€ãƒœãƒƒã‚¯ã‚¹ã‹ã‚‰ã¯ã¿å‡ºãŸãƒªã‚¹ãƒˆã¯ãƒœã‚¿ãƒ³ã«ã—ã¦ã€ãã®ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ç¸¦ã®ãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå‡ºã‚‹ - Qiita
/* ========================================================== */ /* ã“ã“ã‹ã‚‰ä¸‹ãŒãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®è¨å®š */ /* ========================================================== */ /* ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ON/OFFã‚’ä¿å˜ã™ã‚‹ç‚ºã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ éžè¡¨ç¤º */ # menuOn{ display : none } /* éš ã—ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¡¨ç¤ºã—ãŸã¨ãç”¨ã®ã‚¹ãƒšãƒ¼ã‚µãƒ¼ */ /* ãªã®ã§ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯éžè¡¨ç¤º */ # menuOn + menu + div.spacer{ display : none; } /* éš ã—ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¡¨ç¤ºæ™‚ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®è¨å®š */ /* absoluteæŒ‡å®šã‚’è¡Œã„ã€é«˜ã•ã‚‚ä¸Žãˆã‚‹ */ # menuOn:checked + menu{ height : calc(
kenzy_n 2017/03/21
CSS

html5
ãƒªãƒ³ã‚¯
ç›®æŒ‡ã™ã®ã¯ã¶ã£ã¡ãŽã‚Šã®é€Ÿã•! ãªãœ HTML5 ç‰ˆCacooã¯SVGã‚’æŽ¡ç”¨ã™ã‚‹ã®ã‹ | æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
ã“ã‚“ã«ã¡ã¯ï¼ Cacoo ãƒãƒ¼ãƒ ã®ä¸åŽŸã§ã™ã€‚ç¾åœ¨Cacooãƒãƒ¼ãƒ ã¯Flashã§ä½œã‚‰ã‚Œã¦ã„ã‚‹å›³ã®ç·¨é›†ç”»é¢(ä»¥ä¸‹ã‚¨ãƒ‡ã‚£ã‚¿ã¨è¡¨ç¾ã—ã¾ã™)ã‚’* HTML5 ã§ç½®ãæ›ãˆã‚‹é–‹ç™ºã‚’é€²ã‚ã¦ã„ã¾ã™ã€‚ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€ HTML5 ç‰ˆ Cacoo ã§å›³å½¢ã®æç”»ã«ä½¿ç”¨ã•ã‚Œã‚‹ã€SVGã‚’é¸æŠžã—ãŸç†ç”±ã¨çµŒç·¯ã«ã¤ã„ã¦èª¬æ˜Žã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼ˆ*ç½®ãæ›ãˆã‚‹ç†ç”±ã«ã¤ã„ã¦ã¯ã€ŒGood-Bye Flash ~ Cacooã¯HTML5ã§ç”Ÿã¾ã‚Œå¤‰ã‚ã‚Šã¾ã™ã€ã‚’ã”è¦§ãã ã•ã„ï¼‰ ã©ã®æŠ€è¡“ã‚’ä½¿ã£ã¦å›³å½¢ã‚’æã?é‡è¦–ã—ãŸã®ã¯ã€Œãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€ å›³å½¢ã®æç”»ã«ã©ã‚“ãªæŠ€è¡“ã‚’ä½¿ã†ã‹ã€‚ã„ãã¤ã‹å€™è£œã‚’ä¸Šã’ã¾ã—ãŸã€‚ 2D Canvas 3D Canvas (WebGL) SVG (ã“ã‚Œä»¥å¤–ã«ã€Unityã¨ã„ã†æ„è¦‹ã‚‚ã‚ã‚Šã¾ã—ãŸãŒä»Šå›žã¯Webæ¨™æº–æŠ€è¡“ã‚’ä½¿ã†ã“ã¨ã‚’å‰æã«ã—ã¾ã—ãŸã€‚) ã•ã¦ã€ã©ã‚Œã‚’ä½¿ãŠã†ã€‚ç§ãŸã¡ãŒã©ã®æŠ€è¡“ã‚’é¸æŠžã™ã‚‹ã®ã‹ã€åŸºæº–ã‚’æ±ºã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã
kenzy_n 2017/02/27
ä¸–ç•Œæœ€é€Ÿã®ç·¨é›†ç”»é¢

SVG

ã‚¨ãƒ‡ã‚£ã‚¿

web

HTML5
ãƒªãƒ³ã‚¯
ã€Œãƒ—ãƒã‚°ãƒ©ãƒžã§ã—ã‚‡ï¼Ÿãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œã£ã¦ã‚ˆï¼ã€ã‚’1æ—¥ã§å¯¾å¿œã™ã‚‹ - Qiita
ãƒ—ãƒã‚°ãƒ©ãƒžã‚ã‚‹ã‚ã‚‹ã ã‘ã©å‹äººã‹ã‚‰ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œã£ã¦ã‚ˆ!ã¨è¨€ã‚ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã€‚ å¤§ä½“ã¯é©å½“ãªç†ç”±ã‚’ã¤ã‘ã¦æ–ã‚‹ã‘ã©ã€1æ—¥ç¨‹åº¦ã§ä½œã‚‹æ–¹æ³•ã‚’æ¨¡ç´¢ã—ã¦ã¿ãŸã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ 1ã‹ã‚‰æ›¸ã„ã¦ã‚‹æš‡ã¯ãªã„ã®ã§é©å½“ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ã„ã¾ã™ã€‚ä»Šå›žã¯HTML5 UP!ã‚’ä½¿ã„ã¾ã™ã€‚ HTML5 UP!ã®License æŽ§ãˆç›®ã§ã‚‚Creditsã‚’ã‚µã‚¤ãƒˆã«ä¹—ã›ã‚Œã°ç„¡æ–™ã§ä½¿ç”¨å¯èƒ½ã§ã™ã€‚ ä»¥ä¸‹ã¯ã‚µãƒ³ãƒ—ãƒ« ãƒ†ãƒ¼ãƒžã¯Directiveã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ãŒä»˜ã„ã¦ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ãã®ã¾ã¾ã§ä½¿ãˆãã†ã§ã™ãã€‚ é–‹ç™ºç’°å¢ƒ ãƒ†ãƒ¼ãƒžãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ããŸã‚‰é–‹ç™ºç’°å¢ƒã‚’æº–å‚™ã—ã¾ã™ã€‚ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯æ›¸ãã¾ã›ã‚“ã€‚ Cloud9ãŒä¾¿åˆ©ãã†ã ã£ãŸã®ã§ç™»éŒ²ã—ã¦ãƒ¯ãƒ¼ã‚¯ã‚¹ãƒšãƒ¼ã‚¹ã‚’ä½œã‚Šã¾ã™ã€‚Cloud9ã®ãƒ¯ãƒ¼ã‚¯ã‚¹ãƒšãƒ¼ã‚¹ã¯ä¸€ã¤ãªã‚‰éžå…¬é–‹ã§ã‚‚åˆ©ç”¨å¯èƒ½ã§ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æƒ…å ±ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼æº–å‚™ ç”Ÿæˆã•ã‚ŒãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ
kenzy_n 2016/11/28
HTML5

Git
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ãŒã¤ã¾ãšããƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã®é›£ã—ã• #01 HTMLã¨ã¯ãªã«ã‹ï¼Ÿ | ITæ¥ç•Œã®æ©ãæ–¹
kenzy_n 2015/10/22
ä½•æ°—ãªãä½¿ã†HTMLã ãŒå®Ÿã¯ã¨ã¦ã‚‚å¥¥æ·±ã„

HTML5

W3C

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
dlè¦ç´ å¤§å–œåˆ©çš„ãªä½•ã‹ã€‚
ãŸã ã„ã¾Xå´ã®ä¸å…·åˆã®å½±éŸ¿ã«ã‚ˆã‚Šã‚µãƒ¼ãƒ“ã‚¹ã¸ã®ãƒã‚°ã‚¤ãƒ³ã‚„ãƒã‚¹ãƒˆã®å–å¾—ãŒæ£ã—ãå‹•ä½œã—ã¦ã„ã¾ã›ã‚“ã€‚ã”äº†æ‰¿ãã ã•ã„
kenzy_n 2015/07/28
æµã‚Œã¦ã“ã

togetter

HTML5
ãƒªãƒ³ã‚¯
HTML5+Canvasã§ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã£ã½ã„ã®ã‚’ä½œã£ã¦ã¿ã‚‹
HTML5+Canvasã§ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã£ã½ã„ã®ã‚’ä½œã£ã¦ã¿ã‚‹ HTML5+Canvasã‚’ä½¿ç”¨ã—ã¦ç°¡å˜ãªæ¨ªã«æµã‚Œã‚‹ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã‚’ä½œæˆã—ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2015å¹´07æœˆ16æ—¥ æ›´æ–°æ—¥2019å¹´04æœˆ13æ—¥ ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã—ã¦å‹•ã‹ã™ åŸºæœ¬çš„ãªä½œã‚Šã¯ä¸‹è¨˜è¨˜äº‹ã‚’ãƒ™ãƒ¼ã‚¹ã«ä½œæˆã—ã¾ã™ã€‚ HTML5ã§ä½œã‚‹Canvasã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºç¤Ž ä¸Šè¨˜ã®è¨˜äº‹ã§ã¯ä¸€ã¤ã®å††ã‚’å‹•ã‹ã™ã ã‘ã ã£ãŸã®ã§æç”»é–¢æ•°ã ã‘ä½œæˆã—ã¾ã—ãŸã€‚ function drawCircle(x, y, scale, color) { ctx.beginPath(); ctx.arc(x, y, scale, 0, 2*Math.PI, false); ctx.fillStyle = color; ctx.fill(); } ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã®å ´åˆã€ç²’åä¸€ã¤ä¸€ã¤ã«ä½ç½®æƒ…å ±ã‚„é€Ÿåº¦ã®è¨å®šã‚’ã—ãŸã„ã®ã§ã€å°‘ã—æ‹¡å¼µã—ã¦ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦ä½œæˆã—ã¾ã™ã€‚
kenzy_n 2015/07/16
color

HTML5

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSSã®åŸºæœ¬ã‹ã‚‰å¾¹åº•çš„ã«ã€å®Ÿå‹™ã§ä½¿ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ã‚¢ã‚¤ãƒ‡ã‚¢ãŒå……å®Ÿã—ãŸé•·ãä½¿ãˆã‚‹ã‚ªã‚¹ã‚¹ãƒ¡ã®æœ¬ -æ–°CSSãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤§åŽŸå‰‡
CSSã‚’ä½¿ã„ã“ãªã™ãŸã‚ã«ã¯æ–‡æ³•ã®ç†è§£ã ã‘ã§ãªãã€å®Ÿéš›ã«ã©ã®ã‚ˆã†ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã‹ãƒŽã‚¦ãƒã‚¦ã‚’è“„ç©ã™ã‚‹ã“ã¨ã‚‚é‡è¦ã§ã™ã€‚CSSã®åŸºæœ¬ã¨ãªã‚‹æ–‡æ³•ã‚’ã¯ã˜ã‚ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è©³ç´°ã€é…ç½®ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€è¦ç´ ã®ä½œã‚Šè¾¼ã¿ã€äººæ°—ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãªã©ã€CSSã§å¿…è¦ãªçŸ¥è˜ã‚„æƒ…å ±ã‚’ç¶²ç¾…ã—ãŸã€Œæ–°CSSãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤§åŽŸå‰‡ã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚ã‚Œã¯ã©ã†ã‚„ã‚‹ã®ï¼Ÿ ãŒã™ãã«åˆ†ã‹ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡ã®æœ¬ã§ã™ã€‚ ã€Œæ–°CSSãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤§åŽŸå‰‡ã€ã¯ã€ãã®å‰èº«ã¨ãªã‚‹ã€Œã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®å¤§åŽŸå‰‡ ã€ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã¨ã„ã†ã‚ˆã‚Šä¸€ã‹ã‚‰å®Œå…¨ã«ä½œã‚Šç›´ã•ã‚ŒãŸã‚‚ã®ã¨ã®ã“ã¨ï¼ˆç·¨é›†éƒ¨ã•ã‚“ã‹ã‚‰ã®æƒ…å ±ï¼‰ã€‚ æ—§ç‰ˆã‚’æ„›ç”¨ã•ã‚Œã¦ãŸäººã‚‚ãã£ã¨å¤šãã„ã‚‹ã§ã—ã‚‡ã†ã€‚
kenzy_n 2015/07/14
css

html5

css3
ãƒªãƒ³ã‚¯
Bootstrapã¯ç„¡ã—ã€HTML5ã¨CSS3ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…ã•ã‚ŒãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚
Bootstrapãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ç„¡ã—ã€HTML5ã¨CSS3ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€jQueryãªã©ã§ã„ã‚ã„ã‚ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚„ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãªã©ã‚’ä½¿ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’Templatedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
kenzy_n 2015/07/06
CSS3

HTML5

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
Bootstrap3ã‚’ä½¿ã† - CakePHPã‚¯ãƒƒã‚ãƒ³ã‚°
ç®¡ç†ç”»é¢ãªã©ã‚’ä½œã‚‹ã®ã«ä¾¿åˆ©ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®Bootstrapã€‚ï¼ˆè¨˜äº‹å…¬é–‹æ™‚ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯3.1.1ï¼‰ CakePHPã«ç°¡å˜ã«Bootstrapã‚’å°Žå…¥ã™ã‚‹æ–¹æ³•ã‚’è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ Bootstrapã‚’è¨ç½®ã™ã‚‹ ã‚µã‚¤ãƒˆã‚ˆã‚Šãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ http://getbootstrap.com/ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’è§£å‡ã—ã€cssãƒ»fontsãƒ»jsã‚’webrooté…ä¸‹ã«è¨ç½®ã—ã¾ã™ã€‚ Twitter Bootstrapãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å°Žå…¥ã™ã‚‹ slywalkerã•ã‚“ãŒä½œæˆã—ãŸTwitter Bootstrapãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ https://github.com/slywalker/Twitter Bootstrap ãƒ€ã‚¦ãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’è§£å‡ã—ã€Twitter Bootstrap ã¨ãƒªãƒãƒ¼ãƒ ã—ã¦ app/Plugin/Twitter Bootstrap ã«è¨ç½®ã—ã¾ã™
kenzy_n 2015/05/30
æ›¸ã

php

HTML5
ãƒªãƒ³ã‚¯
ã€HTML5ã€‘ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—é€šçŸ¥ãŒå‡ºæ¥ã‚‹ã€ŒNotificationã€ | ScrapEngineer
ã‚µãƒ³ãƒ—ãƒ« é€šçŸ¥ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«é€šçŸ¥è¨±å¯ã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹ã®ã§è¨±å¯ã—ã¦ãã ã•ã„ã€‚ è¨±å¯ã•ã‚ŒãŸå¾Œã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã«é€šçŸ¥ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ é€šçŸ¥ ã‚½ãƒ¼ã‚¹ ã‚µãƒ³ãƒ—ãƒ«ã§ä½¿ç”¨ã—ãŸã‚½ãƒ¼ã‚¹ã®ç´¹ä»‹ã€‚ <script> function show() { // Notificationã‚’å–å¾— var Notification = window.Notification || window.mozNotification || window.webkitNotification; // Notificationã®æ¨©é™ãƒã‚§ãƒƒã‚¯ Notification.requestPermission(function (permission) { // console.log(permission); }); // é€šçŸ¥ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ç”Ÿæˆ var instance = new Notification( "ãŠçŸ¥ã‚‰ã›ã‚¿ã‚¤
kenzy_n 2015/05/17
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—

HTML5
ãƒªãƒ³ã‚¯
ã€Œã‚¼ãƒ«ãƒ€ã®ä¼èª¬ ç¥žã€…ã®ãƒˆãƒ©ã‚¤ãƒ•ã‚©ãƒ¼ã‚¹ã€ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãƒžãƒƒãƒ—ã‚’HTML5ã§ãƒ©ã‚¤ãƒ–ãƒžãƒƒãƒ—ã¨ã—ã¦å†ç¾
ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒ•ã‚¡ãƒŸã‚³ãƒ³ç™ºå£²1å‘¨å¹´è¨˜å¿µã‚½ãƒ•ãƒˆã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã€Œã‚¼ãƒ«ãƒ€ã®ä¼èª¬ ç¥žã€…ã®ãƒˆãƒ©ã‚¤ãƒ•ã‚©ãƒ¼ã‚¹ã€ã®ã€Œå…‰ã®ä¸–ç•Œã€ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãƒžãƒƒãƒ—ã‚’HTML5ã§å†ç¾ã—ãŸãƒšãƒ¼ã‚¸ã€ŒThe legend of zelda a link to past live map in HTML5ã€ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãƒžãƒƒãƒ—ã¯ãŸã ã®ãƒžãƒƒãƒ—ã§ã¯ãªããƒ©ã‚¤ãƒ–ãƒžãƒƒãƒ—ã¨ãªã£ã¦ãŠã‚Šã€éžå¸¸ã«åºƒå¤§ãªãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰å†…ã‚’æ•µã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ãŸã¡ãŒã‚¦ãƒãƒãƒ§ãƒã—ã¾ãã£ã¦ãŠã‚Šã€æ‡ã‹ã—ã®å†’é™ºã®æ—¥ã€…ãŒãƒ•ãƒ©ãƒƒã‚·ãƒ¥ãƒãƒƒã‚¯ã—ã¾ãã‚Šãªãƒžãƒƒãƒ—ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãƒžãƒƒãƒ—ã®å…¨ä½“åƒã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ä¸å¤®ã«ã‚ã‚‹æ£æ–¹å½¢ã®ç™½ã„å»ºç‰©ãŒãƒã‚¤ãƒ©ãƒ«åŸŽã§ã€ãã®å·¦ã«åºƒãŒã‚‹ã®ãŒã‚«ã‚«ãƒªã‚³æ‘ã€‚ã‚«ã‚«ãƒªã‚³æ‘ã¯ã€Œã‚¼ãƒ«ãƒ€ã®ä¼èª¬ ç¥žã€…ã®ãƒˆãƒ©ã‚¤ãƒ•ã‚©ãƒ¼ã‚¹ã€ä»¥é™ã®ã‚·ãƒªãƒ¼ã‚ºã§ã‚‚ç™»å ´ã™ã‚‹ãŠãªã˜ã¿ã®æ‘åã§ã™ã€‚ ãƒã‚¤ãƒ©ãƒ«åŸŽéƒ¨åˆ†ã ã‘ã‚’GIFç”»åƒã«ã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã€‚åŸŽã®å…µå£«ãŸã¡ãŒçˆ†å¼¾ãƒ»å‰£ãƒ»æ§ã§ã‚¨ãƒ³ãƒ‰ãƒ¬ã‚¹ã«æ”»æ’ƒã—ã¾ãã‚Š
kenzy_n 2015/05/01
ã‚²ãƒ¼ãƒ

ãƒãƒƒãƒˆ

HTML5
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚ã»ã¼ç„¡æ–™ã§HTML5/CSS3ã‚’å‹‰å¼·ã§ãã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„9é¸ -
Photo by slavik_V ã“ã‚“ã«ã¡ã¯ã€‚è°·å£ãŒãŠé€ã‚Šã—ã¾ã™ã€‚ Webã®ä»•äº‹ã‚’ç›®æŒ‡ã—ã¦ã„ã‚‹äººã‚„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã€ã•ã‚‰ã«ã¯ãƒ–ãƒã‚°ã‚’ã‚„ã£ã¦ã„ã‚‹äººãªã©ã€HTMLã¨CSSã‚’ç¿’å¾—ã—ãŸã„äººã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚ç‰¹ã«æœ€åˆã¯ã€ŒWebã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã¿ãŸã„ã‘ã©ã©ã†ã—ãŸã‚‰ã„ã„ã‚“ã ã‚ã†â€¦â€¦ã€ã€Œè‡ªåˆ†ã®ãƒ–ãƒã‚°ã‚’è±ªè¯ã«ã—ã¦ã¿ãŸã„ã‚“ã ã‘ã©ã€HTMLã£ã¦ã„ã¾ã„ã¡ã‚ˆãåˆ†ã‹ã‚‰ãªã„â€¦â€¦ã€ãªã©ã€ã•ã¾ã–ã¾ãªæ‚©ã¿ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ HTMLã¨ã¯ã€Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã«ä½¿ç”¨ã•ã‚Œã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã®ä¸€ã¤ã§ã™ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã¨ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨é•ã„ã€Œã‚¿ã‚°ã€ã‚’ä½¿ã£ã¦ã€ã€Œã“ã“ã‹ã‚‰ã“ã“ã¾ã§ãŒè¦‹å‡ºã—ã§ã™ã€ã€Œã“ã“ã‹ã‚‰ã“ã“ã¾ã§ãŒä¸€ã¤ã®æ®µè½ã§ã™ã€ç‰ã¨ã„ã£ãŸå°ã‚’ã¤ã‘ã‚‹è¨€èªžã§ã™ã€‚åŸºæœ¬çš„ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®ã‚ˆã†ãªã€Œå…¥åŠ›å€¤ã‚’å–å¾—ã—è¨ˆç®—å‡¦ç†ã‚’ã™ã‚‹ã€ã€Œæ¡ä»¶ã‚’æº€ãŸã™ã¾ã§å‡¦ç†ã‚’ç¹°ã‚Šè¿”ã™ã€ã¨ã„ã£ãŸå‡¦ç†ã‚„è¨ˆç®—ã¯ã§ãã¾ã›ã‚“ã€‚ CSSã¯ã€Webãƒš
kenzy_n 2015/03/26
CSS3

è³‡æ–™

HTML5
ãƒªãƒ³ã‚¯
ç¬¬4å›žã€€HTML5ã‚’ä½¿ã£ãŸå®Ÿéš›ã®é–‹ç™ºã®é€²ã‚æ–¹
ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ã€‚hifiveé–‹ç™ºãƒãƒ¼ãƒ ã®æ¨ªå±±ã§ã™ã€‚ç¬¬2å›žã¨ç¬¬3å›žã§ã¯ã€HTML5ã§å®Ÿç¾å¯èƒ½ãªè¡¨ç¾ã‚„æ©Ÿèƒ½ã«ã¤ã„ã¦è©³ã—ãè§£èª¬ã—ã¾ã—ãŸã€‚ã“ã‚Œã‚‰ã‚’ç”¨ã„ã‚‹ã¨ã€æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã«å¾“æ¥ã®Webã‚·ã‚¹ãƒ†ãƒ ã§ã¯å®Ÿç¾ã§ããªã„ãƒ¬ãƒ™ãƒ«ã®é«˜ã„æ“ä½œæ€§ã‚’æŒãŸã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ç›´è¦³çš„ã«æ“ä½œã§ãã‚‹UIã«ã‚ˆã‚Šèª¤æ“ä½œã‚’é˜²æ¢ã—ã‚„ã™ããªã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•™è‚²ã®ã‚³ã‚¹ãƒˆã‚‚æ¸›ã‚‰ã›ã‚‹ã®ã§ã¯ãªã„ã‹---ã€‚ãã‚“ãªæœŸå¾…ã‚’æŒã£ãŸäººã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ãã†ã—ãŸãƒªãƒƒãƒãªUIã‚’å‚™ãˆãŸæ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã¯ã€å˜ç´”ãªç”»é¢é·ç§»ã‚’ç¹°ã‚Šè¿”ã™ã“ã¨ã§æ¥å‹™ã‚’é€²ã‚ã¦ã„ãå¾“æ¥åž‹Webã‚·ã‚¹ãƒ†ãƒ ã¨æ¯”ã¹ã¦ã€é–‹ç™ºãƒ—ãƒã‚»ã‚¹ã‚’é©åˆ‡ã«ç®¡ç†ã—ã€äºˆå®šé€šã‚Šã®å·¥æ•°ã§é–‹ç™ºã‚’é€²ã‚ã‚‹ã“ã¨ãŒé›£ã—ããªã‚ŠãŒã¡ã§ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€HTML5ã‚’ä½¿ã£ã¦ãƒªãƒƒãƒãªUIã‚’æä¾›ã™ã‚‹æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã‚’é–‹ç™ºã™ã‚‹éš›ã«å¿…è¦ã¨ãªã‚‹ã€ŒæˆåŠŸã•ã›ã‚‹ãŸã‚ã«è€ƒæ…®ã™ã¹ãç‚¹ã€ã‚„ã€Œå¤±æ•—ã—ãªã„ãŸã‚ã®é–‹ç™ºã®é€²ã‚æ–¹ã€ã€Œå½¹ã«ç«‹ã¤ãƒ„ãƒ¼ãƒ«ã‚„
kenzy_n 2015/02/26
HTML5

ã‚·ã‚¹ãƒ†ãƒ
ãƒªãƒ³ã‚¯
ã€å‹•ç”»ã€‘ ä»Šæ—¥ã‹ã‚‰ä½¿ãˆã‚‹HTML5/CSS3/JSã®ã‚·ãƒ³ãƒ—ãƒ«ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯15é¸ - Schooï¼ˆã‚¹ã‚¯ãƒ¼ï¼‰
ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®ç„¡æ–™å‹•ç”»ã§å¦ã¼ã†ï¼å €å£ èª äººå…ˆç”Ÿ
kenzy_n 2015/02/21
HTML5

js

CSS3
ãƒªãƒ³ã‚¯
HTML5ã§éŸ³ã‚’æ‰±ã†3ã¤ã®æ–¹æ³•
è‡ªå·±ç´¹ä»‹ è—¤æ¾¤ä¼¸ (ã®ã³ãƒ¼) fnobi.com ã‚«ãƒ¤ãƒƒã‚¯ç¤¾å“¡ãƒšãƒ¼ã‚¸ HTMLãƒ•ã‚¡ã‚¤éƒ¨ æœ€è¿‘ã®ãŠã—ã”ã¨ Lobi-SDK(Androidãƒ»Unityãƒ»Cocos2d-x) NARUTOï¼ãƒŠãƒ«ãƒˆï¼å±• å…¬å¼ã‚µã‚¤ãƒˆ ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã«æŠ€è¡“ã‚’ä½¿ã†ã‚‚ã®ã‚„ã€ã‚ã„ã‚ã„å‹•ãLPãŒå¾—æ„
kenzy_n 2015/02/18
HTML5
ãƒªãƒ³ã‚¯
ã€HTML5 Conference 2015ã€‘ã‚¦ã‚§ãƒ–ãŒâ€œã©ã“ã«ã§ã‚‚ã‚ã‚‹ã‚‚ã®â€ã«ãªã£ãŸãã®å…ˆã«ã‚ã‚‹ã‚‚ã®ã¨ã¯ã€ã‚¦ã‚§ãƒ–æŠ€è¡“è€…ã®ç¥å…¸ã€ŒHTML5 Conferenceã€ã€€
kenzy_n 2015/01/26
å…ˆã«ã‚ã‚‹ã‚‚ã®

HTML5

ãƒ†ãƒ¼ãƒž

css
ãƒªãƒ³ã‚¯
HTTP/2ã®ç¾çŠ¶ã¨ã“ã‚Œã‹ã‚‰
9/14ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã°ã‹ã‚Šã®æ–°LTSç‰ˆJava 17ã€ã“ã“3å¹´é–“ã®Javaã®å¤‰åŒ–ã‚’çŸ¥ã‚ã†ï¼ï¼ˆOpen Source Conference 2021 O...
kenzy_n 2015/01/25
http

html5
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸