[B! ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³] danhoxã®ãƒ

danhox id:danhox

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹danhoxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ãƒ†ã‚ã‚·ã‚³ãƒ¼ | NHK for School
ã“ã®ç•ªçµ„ã¯ã€æ€ã‚ãšé ã®ä¸ã§æ‰‹é †ã‚’çµ„ã¿ç«‹ã¦ã€å…ˆã‚’äºˆæƒ³ã—ãŸããªã‚‹ã‚ˆã†ãªèˆˆå‘³æ·±ã„å®Ÿé¨“ã€æ‰‹é †ã®çµ„ã¿åˆã‚ã›ã‚’æ”¹å–„ã—ã¦ã„ãæ¥½ã—ã•ã‚’ä¼ãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã•ã¾ã–ã¾ãªä»•äº‹ã‚„ç‰©ã®ä¸ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°çš„æ€è€ƒãŒæ´»ã‹ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’ä¼ãˆã‚‹ã‚³ãƒ¼ãƒŠãƒ¼ãªã©ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ç•ªçµ„ã®ä¸ã§ã¯ã€å®Ÿéš›ã«ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ã‚’ä½¿ã£ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ä½“é¨“ã™ã‚‹ã‚·ãƒ¼ãƒ³ã¯å‡ºã¦ãã¾ã›ã‚“ã€‚ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ã¸ã®è‹¦æ‰‹æ„è˜ã‚„ICT ç’°å¢ƒã‚’å•ã‚ãšã€èª°ã§ã‚‚æ¥½ã—ããƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°çš„æ€è€ƒã‚’è‚²ã‚ã¾ã™ã€‚ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ã‚’ä½¿ã£ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¸ã®å°Žå…¥ã¨ã—ã¦ã¯ã‚‚ã¡ã‚ã‚“ã€å®Ÿéš›ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ä½“é¨“ã‚’ã—ãŸå¾Œã§ã‚‚ã€æ´»ç”¨ã§ãã‚‹ç•ªçµ„ã§ã™ã€‚
danhox 2020/08/21
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

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

æ•™è‚²

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
UIã®ç´°ã‹ã„å‹•ãã«ã¤ã„ã¦
ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ãªã—ã¨ã‚ã‚Š ç”»åƒã§ã¯ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ãŒã‚ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«ã‚°ãƒ©ãƒ•ã‚’å…¥ã‚Œã¦ã‚ã‚Šã¾ã™ã€‚ æ¨ªãŒæ™‚é–“ã€ç¸¦ãŒã‚¹ã‚±ãƒ¼ãƒ«ã€ç‚¹ãŒã‚ãƒ¼ãŒæ‰“ãŸã‚Œã¦ã„ã‚‹ã“ã¨ã‚’è¡¨ã—ã¦ã„ã¾ã™ã€‚ UIã”ã¨ã®ã‚¤ãƒ¼ã‚¸ãƒ³ã‚° UIç´ æã”ã¨ã«ã©ã®ã‚ˆã†ãªç·©æ€¥ã®ä»˜ã‘æ–¹ãŒè‰¯ã„ã®ã‹è¿·ã†ã‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»¥å¤–ã«ã€ç”»é¢é·ç§»æ™‚ã®UIã®å‹•ãã‚„ã‚¯ã‚¨ã‚¹ãƒˆé–‹å§‹æ¼”å‡ºãªã©æ§˜ã€…ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å…¥ã‚Œã‚‹ãŸã³ã«ã©ã®ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ãŒæ£è§£ãªã®ã‹ã€ãã‚Œã«ã¤ã„ã¦ã¯æ£è§£ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚²ãƒ¼ãƒ ã®è‰²å‘³ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã€ä¸–ç•Œè¦³ã‚’çŸ¥ã‚‰ãšã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ä»˜ã‘ã‚‰ã‚Œã¾ã›ã‚“ã€‚ ã¾ãŸã€UIãŒã©ã“ã¾ã§ä¸–ç•Œè¦³ã‚’è¸è¥²ã™ã‚‹ã®ã‹ã§ã€ã‚·ã‚¹ãƒ†ãƒ ã®ã‚ˆã†ãªå‹•ãã«ã™ã‚‹ã®ã‹ã€ä¸–ç•Œè¦³ã«åˆã‚ã›ãŸå‹•ãã«ã™ã‚‹ã®ã‹ã‚‚å¤‰ã‚ã£ã¦ãã¾ã™ã€‚ ã“ã†ã„ã£ãŸéƒ¨åˆ†ã¯é–¢ä¿‚éƒ¨ç½²ã«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¨ã£ã¦ã©ã‚“ãªã‚²ãƒ¼ãƒ ã‚’ä½œã‚ŠãŸã„ã®ã‹ã‚’æŠŠæ¡ã—ã€ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã¯ã©ã†ã™ã‚‹ã®ã‹ã‚’è€ƒãˆã¦ã„ãã¾ã™ã€‚ ãã—ã¦ã€äºˆå‚™å‹•ä½œã‚„ã‚ªãƒ¼ãƒãƒ¼ã‚·ãƒ¥ãƒ¼ãƒˆãŒå¿…è¦ãªã®ã‹ä¸è¦ãªã®
danhox 2020/03/09
UI

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

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

Premiere
ãƒªãƒ³ã‚¯
CSSã®å‚è€ƒã«ãªã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ãŒæº€è¼‰ï¼2016å¹´ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½¿ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚
2016å¹´ã‚‚ã€CSSã®é€²åŒ–ãŒã™ã”ã‹ã£ãŸã§ã™ãã€‚ CSSã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„é…ç½®ãŒç°¡å˜ã«ã§ãã‚‹Flexboxã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ãƒ‘ãƒãƒ«ã‚„ã‚«ãƒ¼ãƒ‰ãªã©ã€ã•ã¾ã–ã¾ãªç´ æ™´ã‚‰ã—ã„ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å–ã‚Šå…¥ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½¿ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
danhox 2016/12/21
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ã¾ã¨ã‚

CSS3

CSS
ãƒªãƒ³ã‚¯
2016å¹´ç·ã¾ã¨ã‚ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100+Î±é¸
æ¯Žå¹´æ’ä¾‹ã®JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ç·ã¾ã¨ã‚ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå¹´ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã‚‚ã®ã‹ã‚‰ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚ŒãŸã‚‚ã®ã¾ã§ã€ã“ã‚Œã‹ã‚‰ã®Webãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ›ãƒšãƒ¼ã‚¸ã®åˆ¶ä½œã«å½¹ç«‹ã¤JavaScriptã‚’100+Î±ã¾ã¨ã‚ã¾ã—ãŸã€‚ KUTE.js ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€2Dã¨3Dã®å¤‰å½¢ã€SVGã®å¤‰å½¢ã€CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£å€¤ã®å¤‰åŒ–ã€SVGã®ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ã€SVGã®æç”»ãªã©ãƒã‚¤ãƒ†ã‚£ãƒ–ã®JavaScriptã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Choreographer-js ã€Œchoreographerã€ã¯æŒ¯ã‚Šä»˜ã‘ã¨ã„ã†æ„å‘³ã€CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã•ã¾ã–ã¾ãªå‹•ããƒ»æŒ¯ã‚‹èˆžã„ã‚’ç°¡å˜ã«è¨å®šã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Barba.js é€šå¸¸ã®ãƒªãƒ³ã‚¯ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚ˆã‚‹ãƒãƒ¼ãƒ‰ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã‚’ãªãã—ã€HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã¨æç”»ã‚’æœ€å°é™ã«æŠ‘ãˆã€æ›´ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆ
danhox 2016/12/15
javascript

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

ã¾ã¨ã‚

jQuery
ãƒªãƒ³ã‚¯
Scroll Fixed Navigation
ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€ŒjQuery+CSS3ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ç‹ããªã‚‹å›ºå®šãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ã®ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã§ã™ã€‚ è§£èª¬è¨˜äº‹ã¯ä¸‹è¨˜ã‚’ã”è¦§ãã ã•ã„ã€‚ jQuery+CSS3ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ç‹ããªã‚‹å›ºå®šãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
danhox 2016/07/26
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«åˆã‚ã›ã¦ã‚°ãƒãƒŠãƒ“å¤‰åŒ–

CSS3

jQuery

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

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
æ§˜ã€…ãªãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…å¯èƒ½ãªã€ŽHamburgersã€ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
æ§˜ã€…ãªè°è«–ãŒã•ã‚Œã¦ã„ã‚‹ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ãŒã€ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚¢ãƒ—ãƒªã¯ã¾ã ã¾ã å¤šã„ã®ã§ã€è‡ªåˆ†ã‚‚ä½¿ã£ã¦ã¿ã‚ˆã†ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã‚‚ã¾ã ã¾ã å¤šã„ã“ã¨ã‹ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ä»Šæ—¥ã¯æ§˜ã€…ãªãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…å¯èƒ½ãªã€ŽHamburgersã€ã‚’ã”ç´¹ä»‹ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‹‰å¼·çš„ã«è¦‹ã¦ã¿ã‚‹ã®ã‚‚è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã®ã§ã€æ˜¯éžã”è¦§ãã ã•ã„ãƒ¼ã€‚ Hamburgers by Jonathan Suh ãƒšãƒ¼ã‚¸ç„¡ã„ã®Usageã‚ˆã‚Šä½¿ã„æ–¹ã¯èª¬æ˜Žã•ã‚Œã¦ã‚ã‚Šã¾ã™ãŒã€Scssãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ãŒå¬‰ã—ã„ã§ã™ãã€‚ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨ã—ã¦å¿…è¦ãªç‰©ã‚’ãƒãƒ§ã‚¤ã‚¹ã—ã¦å®Ÿè£…ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã—ã‚‡ã†ã—ã€ç´°ã‹ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç”¨æ„ã«è¡Œãˆãã†ã§ã™ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¨ã—ã¦ã¯ã€IE9ä»¥å‰ã¨ã€Opera Miniç³»ã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€CSS3 3D Transf ormsãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã ã¨
danhox 2016/03/10
CSS

ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
1