[B! ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°] ben-keiã®ãƒ

ben-kei id:ben-kei

ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«é–¢ã™ã‚‹ben-keiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

[JS]è‡ªåˆ†ä»•æ§˜ã®ã‹ãªã‚Šã‹ã£ã“ã„ã„ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã§ãã‚‹ -Sonic Creator
ã‹ã£ã“ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®Canvasç‰ˆã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFç‰ˆã€CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆPNGç‰ˆã‚’åŒæ™‚ã«ä½œæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Sonic Creatorã®å‰ã«ã€ã¾ãšã¯Sonicã®ãƒ‡ãƒ¢ã‹ã‚‰ã€‚ Sonic Sonicã¯ã€HTML5 Canvasã‚’ä½¿ã£ã¦ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹è¶…è»½é‡ï¼ˆç´„3Kï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã€å®Ÿè£…æ–¹æ³•ãªã©ã¯ä¸‹è¨˜ã‚’ã”è¦§ãã ã•ã„ã€‚ ã‹ãªã‚Šã‹ã£ã“ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sonic ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ã€ã“ã®Sonicã‚’ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã§ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ç°¡å˜ã«è¨è¨ˆã§ãã€ãã‚Œã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã‚„CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ã®PNGç”»åƒã‚’ç”Ÿæˆã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚
ben-kei 2013/04/03
ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
CSS3ã‚„Canvasã€JSç‰ã‚’ä½¿ã£ãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒå®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‘ï¼’:phpspoté–‹ç™ºæ—¥èªŒ
12 Free jQuery Pre-Loader Plugins CSS3ã‚„Canvasã€JSç‰ã‚’ä½¿ã£ãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒå®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‘ï¼’ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ç”»åƒã®ç¨®é¡žãŒè‰²ã€…ã‚ã‚‹ä¸Šã«å®Ÿè£…æ–¹æ³•ã‚‚ã€å˜ãªã‚‹ç”»åƒã§ã¯ãªã„æ–¹æ³•ãŒé¸ã¹ã¾ã™ã€‚ ç”»åƒã˜ã‚ƒãªã„æ–¹æ³•ã§ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’å®Ÿè£…ã—ãŸã„å ´åˆã¯å‚è€ƒã«ã™ã‚‹ã¨ã‚ˆã•ãã†ã€‚ ç”»åƒã§ã¯ãªã„ãŸã‚ã€è»½é‡ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚µã‚¤ãƒˆã«ã‚‚ä½¿ãˆã‚‹ã¨ã„ã†ã¨ã“ã‚ã§ã™ã‹ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¶…ã‚«ãƒƒã‚³ã„ã„ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPercentage Loaderã€ HTML5ã‚²ãƒ¼ãƒ ã«ä½¿ãˆã‚‹ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºæ©Ÿèƒ½ä»˜ããƒ—ãƒ¬ãƒãƒ¼ãƒ‰ç”¨JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPxLoaderã€ ç”»åƒã‚„å¤–éƒ¨CSSãªã—ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒä½œæˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œspin.jsã€
ben-kei 2012/08/02
ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

css3

canvas
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
ben-kei 2012/07/05
ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

jQuery

CSS3
ãƒªãƒ³ã‚¯
[JS]ã‹ãªã‚Šã‹ã£ã“ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sonic
HTML5 Canvasã‚’ä½¿ã£ã¦ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹è¶…è»½é‡ï¼ˆç´„3Kï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Sonicã®å®Ÿè£… Squareï¼ˆçŸ©å½¢ï¼‰ã¨Circleï¼ˆå††å½¢ï¼‰ã‚’ä¾‹ã«å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="sonic.js"></script> JavaScript: Squareï¼ˆçŸ©å½¢ï¼‰ ã‚ã¨ã¯ã€JavaScriptã§è¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ var square = new Sonic({ width: 100, height: 100, fillColor: '#000', path: [ ['line', 10, 10, 90, 10], ['line', 90, 10, 90, 90], ['line', 90, 90, 10, 90], ['line', 10, 90, 10, 10]
ben-kei 2011/08/29
ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

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

html5
ãƒªãƒ³ã‚¯
ç”»åƒè¦ã‚‰ãšã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒActivity Indicatorã€:phpspoté–‹ç™ºæ—¥èªŒ
ç”»åƒè¦ã‚‰ãšã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒActivity Indicatorã€ 2011å¹´01æœˆ31æ—¥- Activity Indicator ç”»åƒè¦ã‚‰ãšã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒActivity Indicatorã€ã€‚ é€šå¸¸ã“ã†ã—ãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å®Ÿè£…ã™ã‚‹ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifç‰ã§å¯¾å¿œã—ã¾ã™ãŒã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã¨ã€ç”»åƒãªã—ã«ç¶ºéº—ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã®èªã¿è¾¼ã¿ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…å‡ºæ¥ã¾ã™ã€‚ SVGã‚„VMLã‚’ä½¿ã£ã¦ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ãŠã‚Šã€ãªã‚“ã¨IE6ç‰ã§ã‚‚ï¼¯ï¼«ã ãã†ã€‚ èƒŒæ™¯ãŒä½•è‰²ã ã£ã¦æ°—ã«ã™ã‚‹å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ã«ãã®ã¾ã¾ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’å‡ºã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSpinnerã€ ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«è¿‘ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ãå‡ºã›ã‚‹ã€ŒprettyLoade
ben-kei 2011/01/31
jQuery

ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (6)

ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«é–¢ã™ã‚‹ben-keiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´2æœˆï¼‰

æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chromeæ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›ã¨æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”åˆ©ç”¨ã®ãŠé¡˜ã„

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (6)

ãƒ­ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«é–¢ã™ã‚‹ben-keiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

[JS]è‡ªåˆ†ä»•æ§˜ã®ã‹ãªã‚Šã‹ã£ã“ã„ã„ãƒ­ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã§ãã‚‹ -Sonic Creator

CSS3ã‚„Canvasã€JSç­‰ã‚’ä½¿ã£ãŸãƒ­ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒå®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‘ï¼’:phpspoté–‹ç™ºæ—¥èªŒ

Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«

[JS]ã‹ãªã‚Šã‹ã£ã“ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ­ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sonic

ç”»åƒè¦ã‚‰ãšã®ãƒ­ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒActivity Indicatorã€:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´2æœˆï¼‰

æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chromeæ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›ã¨æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”åˆ©ç”¨ã®ãŠé¡˜ã„

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (6)

ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«é–¢ã™ã‚‹ben-keiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

[JS]è‡ªåˆ†ä»•æ§˜ã®ã‹ãªã‚Šã‹ã£ã“ã„ã„ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã§ãã‚‹ -Sonic Creator

CSS3ã‚„Canvasã€JSç‰ã‚’ä½¿ã£ãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒå®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‘ï¼’:phpspoté–‹ç™ºæ—¥èªŒ

Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«

[JS]ã‹ãªã‚Šã‹ã£ã“ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sonic

ç”»åƒè¦ã‚‰ãšã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒActivity Indicatorã€:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´2æœˆï¼‰

æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chromeæ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›ã¨æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”åˆ©ç”¨ã®ãŠé¡˜ã„

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹