[B! javascript] p130ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

p130 id:p130

javascriptã«é–¢ã™ã‚‹p130ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (50)

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

è„±ã€ŒJavaScriptç–²ã‚Œã€ã®ãŸã‚ã«æ³¨ç›®ã™ã¹ãã€3ã¤ã®æœ€æ–°ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼
ãƒ„ãƒ¼ãƒ«ã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ãŒä¹±ç«‹ã—ã€å¹´ã€…è¤‡é›‘åŒ–ã™ã‚‹JavaScriptã®ä¸–ç•Œã€‚ãã‚Œã§ã‚‚2017å¹´ã«æ³¨ç›®ã—ãŸã„3ã¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ JavaScriptç•Œã«ã¨ã£ã¦ã¯ã‚¯ãƒ¬ã‚¤ã‚¸ãƒ¼ãªå¹´ã ã£ãŸã€2016å¹´ãŒçµ‚ã‚ã‚Šã¾ã—ãŸï¼ˆç·¨æ³¨ï¼šæœ¬è¨˜äº‹ã®åŽŸæ–‡ã¯2017å¹´1æœˆ2æ—¥ã«å…¬é–‹ã•ã‚ŒãŸï¼‰ã€‚ã“ã®1å¹´ã§æ•°ãˆåˆ‡ã‚Œãªã„ã»ã©ã®å°è±¡çš„ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç™»å ´ã—ã¾ã—ãŸã€‚ã€ŒYou Might Not Need JavaScriptã€ã¯JavaScriptã‚’ä½¿ã‚ãªãã¦ã‚‚å®Ÿç¾ã§ãã‚‹ã‚³ãƒ¼ãƒ‰ã‚’ç´¹ä»‹ã—ã¦JavaScriptã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ç–‘å•ã‚’æŠ•ã’ã‹ã‘ã€Nolan LawsonãŒFronteersã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã«é–¢ã™ã‚‹ãƒ„ã‚¤ãƒ¼ãƒˆãŒè°è«–ã‚’å‘¼ã³ã€Jeremy Keithã‚„Christian Heilmannã¨ã„ã£ãŸè‘—åäººã‹ã‚‰ã‚‚ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒã‚ã‚Šã¾ã—ãŸã€‚ã“ã®æ§˜åã¯Nolanã®æŠ•ç¨¿ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚æœ€åˆã«ã‚¯ãƒ¬ã‚¤ã‚¸ãƒ¼ã¨æ›¸ãã¾ã—ãŸ
p130 2017/01/31
javascript

jquery

coding
ãƒªãƒ³ã‚¯
ã‚ãªãŸãŒçŸ¥ã‚‰ãªã„ã‚¹ã‚´ã„ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãƒ„ãƒ¼ãƒ«7é¸
2016å¹´ã‚‚é€²åŒ–ã—ç¶šã‘ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãƒ„ãƒ¼ãƒ«ã€‚Web Tools Weeklyã®ã‚ãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»LouisãŒ1å¹´ã‚’æŒ¯ã‚Šè¿”ã‚Šã€ãŠæ°—ã«å…¥ã‚Šã®ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1å¹´ãŒéŽãŽã€Webãƒ—ãƒ©ãƒƒãƒˆãƒ›ãƒ¼ãƒ ã§ã¯äºˆæƒ³ã©ãŠã‚Šé©æ–°ã€ã„ã‚‰ã ã¡ã€ç–²ã‚Œã¨ã¨ã‚‚ã«ã€é–‹ç™ºè€…ã‚’æ”¯æ´ã™ã‚‹æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚„ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®å¤§é‡ãƒªãƒªãƒ¼ã‚¹ãŒçˆ†ç™ºçš„ã«å‹¢ã„ã‚’å¢—ã—ã¦ã„ã¾ã™ã€‚ Reactã‚„Angularã¨ã„ã£ãŸãŠãªã˜ã¿ã®ãƒ„ãƒ¼ãƒ«ãŒã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚ŒãŸä¸€æ–¹ã€Vue.jsãªã©ã®æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚‚ç™»å ´ã—ã€ã‚ã£ã¨ã„ã†é–“ã«å¤§ããªé–¢å¿ƒã‚’é›†ã‚ã¾ã—ãŸã€‚ ç§ã¯ãƒ„ãƒ¼ãƒ«ã«ç„¦ç‚¹ã‚’å½“ã¦ãŸã‚¦ã‚£ãƒ¼ã‚¯ãƒªãƒ¼ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ¬ã‚¿ãƒ¼ã®ã‚ãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã—ã¦ã„ã‚‹ã®ã§ã€èª¿æŸ»ä¸ã«é€”æ–¹ã‚‚ãªã„é‡ã®ãƒ„ãƒ¼ãƒ«ã«å‡ºä¼šã„ã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“äººæ°—ã®ãƒ„ãƒ¼ãƒ«ã«ã¯ã‚ã‚‹ç¨‹åº¦æ³¨æ„ã‚’å‘ã‘ã¾ã™ãŒã€ã‚ã¾ã‚Šæ³¨ç›®ã•ã‚Œã¦ã„ãªã„ãƒ„ãƒ¼ãƒ«ã§èˆˆå‘³æ·±ãã‹ã¤å®Ÿç”¨çš„ãªã‚‚ã®ã‚‚è©•ä¾¡ã—ã¦ã„ã¾ã™ã€‚ ãã“ã§æ˜¨å¹´ã¨åŒæ§˜ã€ã“ã®è¨˜äº‹ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“è€…å‘ã‘ãƒ„ãƒ¼ãƒ«åˆ†é‡Žã®2016
p130 2017/01/27
javascript

css

html

coding

jquery
ãƒªãƒ³ã‚¯
http://www.ituore.com/entry/javascript-basic
p130 2016/05/20
javascript
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘Twitterã«é–¢ã™ã‚‹å®Ÿè£…ã¾ã¨ã‚ 2016 é–‹å¹•ç‰ˆï¼ˆãƒ„ã‚¤ãƒ¼ãƒˆãƒœã‚¿ãƒ³ã®è¨ç½®æ–¹æ³•ãƒ»Web Intentãƒ»ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãƒ»Twitterã‚«ãƒ¼ãƒ‰ etc...ï¼‰ - ã¿ã‹ã¥ããƒ–ãƒã‚° ãã®3
ï¼ˆã®ã¡ã«ã‚ãƒ£ãƒƒãƒãƒ¼ã§ãƒãƒƒãƒ—ãªæ°—ã®åˆ©ã„ãŸæ–‡ç« ã«å·®ã—æ›¿ãˆã‚‹ï¼‰ ã„ã¤ã¾ã§çµŒã£ã¦ã‚‚ã‚ãƒ£ãƒƒãƒãƒ¼ã§ãƒãƒƒãƒ—ãªæ°—ã®åˆ©ã„ãŸæ–‡ç« ãŒæ€ã„ã¤ã‹ãªã‹ã£ãŸã®ã§ã€ã“ã®ã¾ã¾å…¬é–‹ã—ã¾ã™ã€‚Twitterã«é–¢ã™ã‚‹å®Ÿè£…ã‚ã‚Œã“ã‚Œã§ã™ã€‚ å®Ÿã¯ å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ ã«è©³ã—ãè¼‰ã£ã¦ã„ã‚‹ã®ã§æ°—ã«ãªã‚‹æ–¹ã¯ãã¡ã‚‰ã‚‚ç¢ºèªã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã¡ãªã¿ã«æœ¬è¨˜äº‹ã«ã¯å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«è¼‰ã£ã¦ã„ãªã„ç”Ÿæ´»ã®çŸ¥æµçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚‚è¨˜è¼‰ã—ã¦ãŠã‚Šã¾ã™ã€‚ dev.twitter.com ç›®æ¬¡ 1. å…¬å¼ãƒœã‚¿ãƒ³ã®è¨ç½®æ–¹æ³• 1.1 ãƒœã‚¿ãƒ³ã®ç¨®é¡žã¨å…¥åŠ›é …ç›® 1.2 ãƒšãƒ¼ã‚¸å†…ã«å…¬å¼ãƒœã‚¿ãƒ³ã‚’è¤‡æ•°ç½®ããŸã„å ´åˆ 1.3 ãƒ„ã‚¤ãƒ¼ãƒˆã®æ–‡å—æ•°ã‚’ç¨¼ããŸã‚ã«URLã®çŸç¸®ã‚’ç¼¶å¤‰ãˆã¦ã„ã‚‹å ´åˆ 1.4 ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’è¤‡æ•°å…¥åŠ›ã—ãŸã„å ´åˆ 1.5 æŽ¨å¥¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’è¤‡æ•°å…¥åŠ›ã—ãŸã„å ´åˆ 1.6 ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚°ã‚’è¤‡æ•°å…¥åŠ›ã—ãŸã„å ´åˆ 1.7 ç”»åƒä»˜ããƒ„ã‚¤ãƒ¼ãƒˆã‚’æŠ•ç¨¿ã•ã›ãŸã„å ´åˆ 1.8 å‹•ç”»ä»˜ããƒ„ã‚¤ãƒ¼ãƒˆã‚’æŠ•ç¨¿ã•ã›ãŸã„å ´åˆ
p130 2016/04/19
åŠ©ã‹ã‚Šã¾ã™m(_ _)m

twitter

javascript

coding
ãƒªãƒ³ã‚¯
JSã¨ã„ãˆã°jQueryã ã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã€Reactã‚’1å¹´é–“ä½¿ã£ã¦æ„Ÿã˜ãŸãƒ¡ãƒªãƒƒãƒˆï½œdwango creators' blogï¼ˆãƒ‰ãƒ¯ãƒ³ã‚´ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°ï¼‰
ã¯ã˜ã‚ã¾ã—ã¦ã€ã»ãã ã¨ç”³ã—ã¾ã™ã€‚æ˜¨å¹´ç§‹ã¾ã§å€‹äººäº‹æ¥ä¸»ã®ç«‹å ´ã§ãƒ‰ãƒ¯ãƒ³ã‚´ã§ãŠä»•äº‹ã•ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã—ãŸãŒã€ã„ã‚ã„ã‚çµŒç·¯ãŒã‚ã‚Šã¾ã—ã¦ä¸ã®äººã«ãªã‚Šã¾ã—ãŸã€‚ãƒ‰ãƒ¯ãƒ³ã‚´æ´ã¯ãã“ãã“é•·ã„æ–°å…¥ã‚Šã§ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆHTML/CSS/JSã¯æ‰±ãˆã‚‹ã„ã‚ã‚†ã‚‹ã€ŒWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ï¼‰ã¨ã—ã¦1å¹´é–“ã»ã©Reactã‚’ä½¿ã£ã¦ã¿ãŸã®ã§ã€ãã®ãƒ¡ãƒªãƒƒãƒˆã‚’æ›¸ã„ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ Reactã¨ã®å‡ºä¼šã„ Reactã¨ã¯Facebookè£½ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ https://facebook.github.io/react/ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®Viewéƒ¨åˆ†ã‚’å®Ÿè£…ã—ã¾ã™ã€‚2014å¹´ã®æš®ã‚Œã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã€…ãŒé‚ã‚’éœ‡ã‚ã›ã¦ã„ã‚‹ã®ã‚’è¦‹ã¦å˜åœ¨ã‚’çŸ¥ã‚Šã¾ã—ãŸã€‚2015å¹´ã¯Reactå…ƒå¹´ãªæ„Ÿã˜ã§ã—ãŸã‚ˆãã€‚ åƒ•è‡ªèº«ã€ä»¥å‰ã‹ã‚‰æ¯”è¼ƒçš„JSã‚’æ›¸ãã‚¿ã‚¤ãƒ—ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ã‚ã‚Šã¾ã—ãŸãŒã€æ£ç›´ãªã¨ã“ã‚è‡ªåˆ†ãŒé–¢ã‚ã£ã¦ã
p130 2016/01/20
react

javascript
ãƒªãƒ³ã‚¯
èƒŒæ™¯ã«ã²ã¨æ‰‹é–“åŠ ãˆãŸã„æ™‚ã«ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ 10+ - NxWorld
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã„ã£ã±ã„ã®èƒŒæ™¯ã«ç”»åƒã‚„å‹•ç”»ã‚’é…ç½®ã—ãŸã‚Šã€ãƒ©ãƒ³ãƒ€ãƒ ãªãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã‚„ãƒ©ã‚¤ãƒ³ã‚’è¡¨ç¤ºã•ã›ã‚‹ãªã©ã€ä¸»ã«èƒŒæ™¯å‘¨ã‚Šã§ä½¿ãˆãã†ã‚‚ã®ã‚„ã€Œã“ã®é ˜åŸŸã«ä½•ã‹ã‚‚ã†ã²ã¨æ‰‹é–“åŠ ãˆãŸã„...ã€ã¨ã„ã†ã¨ãã«ä¾¿åˆ©ãã†ã ã¨æ€ã†ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¹¾ã¤ã‹ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå¤šã‚ã§ã™ãŒå˜ä½“ã§å‹•ã‹ã™ã“ã¨ãŒã§ãã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã€å®Ÿè£…æ–¹æ³•ãªã©ã«é–¢ã—ã¦ã‚‚å®¹æ˜“ã«ã§ãã‚‹ã‚‚ã®ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ èƒŒæ™¯ã«ç”»åƒã‚„å‹•ç”»ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒVegasã€ èƒŒæ™¯ã«ãƒ–ãƒ©ã‚¦ã‚¶ã„ã£ã±ã„ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã€ç”»åƒã ã‘ã§ãªãå‹•ç”»ã‚’åŸ‹ã‚è¾¼ã‚€ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã¾ãŸã€ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã®å‹•ãã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä»˜ã‘ãŸã‚Šã€ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã§è¡¨ç¤ºã•ã›ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚
p130 2016/01/12
jquery-animation

jquery

javascript

coding
ãƒªãƒ³ã‚¯
ã€JavaScriptã€‘AngularJSã‚’è§¦ã£ã¦ã¿ãŸã€MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‘ | ã‚¦ã‚§ãƒ–æˆ¦ç•¥ãƒ»ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚° UNIONNET Inc.
2014.09.16 ã“ã‚“ã«ã¡ã‚ã€‚ ä»¥å‰ã®ã‚¹ãƒ¼ãƒ„ãŒå…¥ã‚‰ãªããªã‚Šè½ã¡è¾¼ã‚“ã§ã„ã‚‹å±±å°¾ã§ã™ã€‚ ä»Šæ—¥ã¯è©±é¡Œã®Javascriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯AngularJSã‚’è§¦ã£ãŸã®ã§å°‘ã—ç´¹ä»‹ã—ã¾ã™ã€‚ å°‘ã—å‰ã«Vue.jsã‚’è§¦ã£ãŸã“ã¨ãŒã‚ã£ãŸã®ã§ã™ãŒAngularJSã‚‚è§¦ã£ã¦ã¿ã‚ˆã†ã¨æ€ã„æ‰‹ã‚’å‡ºã—ãŸã®ã§ã™ãŒãƒ»ãƒ» Vueã‚ˆã‚Šã„ã„ï¼ï¼ ä½•ãŒã„ã„ã£ã¦ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„ã‚µãƒ³ãƒ—ãƒ«ãŒè±Šå¯Œï¼ ã“ã‚Œã¯åƒ•ã¿ãŸã„ãªæœªç†Ÿè€…ãŒå¦ç¿’ã™ã‚‹ã«ã‚ãŸã£ã¦ãƒ‡ã‚«ã„ã“ã¨ã§ã™ã‚ˆã€‚ åƒ•ã¯ãšã£ã¨jQueryä¸€è¾ºå€’ã§æˆ¦ã£ã¦ããŸã®ã§ã™ãŒã€jQueryã®æƒœã—ã„ã¨ã“ã‚ã‚“ã©ãã•ã„ã¨ã“ã‚’è£œã£ã¦ãã‚Œã‚‹ã™ã’ãƒ¼ã‚„ã¤ã§ã™ã€‚ ã¡ãªã¿ã«åƒ•ã¯AngularJSã®äº‹ã‚’ãšã£ã¨ã‚¢ãƒ³ã‚°ãƒ©ãƒ¼ã‚¸ã‚§ã‚¤ã‚¨ã‚¹ã£ã¦å‘¼ã‚“ã§ãŸã‚“ã§ã™ãŒã‚¢ãƒ³ã‚®ãƒ¥ãƒ©ãƒ¼ã‚¸ã‚§ã‚¤ã‚¨ã‚¹ã‚‰ã—ã„ã§ã™ã€‚ ã“ã®æ¥ç•Œã ã¨ã“ã‚“ãªã“ã¨çµæ§‹ã‚ã‚Šã¾ã™ã‚ˆãï¼Ÿå‹˜é•ã„ã—ã¦è¦šãˆã¦ã—ã¾ã†æ–‡å—ã€‚è‹±èªžé›£ã—ã„ãƒ»ãƒ»ãƒ» ãã‚“ãªAngularJSã®æ©Ÿèƒ½ã®ä¸€éƒ¨ã‚’ã”ç´¹ä»‹ã—ã¾
p130 2014/09/19
ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«åå¿œã—ã¦ãã‚Œã‚‹æŒ™å‹•ãŒæ°—æŒã¡è‰¯ã„â€¦ã‘ã©ã‚¿ã‚°å†…ã«æ§‹æ–‡æ›¸ãã®é•å’Œæ„Ÿã€‚ã‚‚ã—ã‹ã—ãŸã‚‰åˆ¥ã®æ–¹æ³•ã‚ã‚Šãã†ã ã‹ã‚‰ã€ã¡ã‚‡ã£ã¨ä½¿ã£ã¦ã¿ã‚‹ã€‚

javascript

coding

ui

form
ãƒªãƒ³ã‚¯
Page Loading Effects | Demo 1
To start the page loading animation, click the following link: Show Page Loader
p130 2014/05/09
coding

web

ui

svg

animation

javascript
ãƒªãƒ³ã‚¯
Julian Lloyd
In this article, we will go over some of the unique and challenging situations that players may find themselves in when trying to bluff their opponents. Covered are the right spots to bluff, types of bluffs, and our targets for bluffing. Breaking down each situation and having a plan for each action your opponent may [â€¦]
p130 2014/01/27
javascript

webdesign

ui

effect
ãƒªãƒ³ã‚¯
HTMLã€CSSã€JSç‰ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒæ¤œç´¢ã§ãã‚‹UIBoxï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
UIé–¢é€£ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚„è¡¨ç¾ã€ã‚‚ã—ãã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã¨ã«ã‹ãè‰²ã€…è¦‹ã¦ã¿ãŸã„æ™‚ã£ã¦ãªã„ã§ã™ã‹ï¼Ÿ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰ãƒ•ã‚©ãƒ¼ãƒ ã€ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã‚„ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç‰ã€UIã®è¡¨ç¾ã‚’è€ƒãˆã‚‹æ™‚ã¡ã‚‡ã£ã¨æŽ¢ã—ãŸã„ã£ã¦ã‚·ãƒãƒ¥ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã¯çµæ§‹ã‚ã‚‹ã¨æ€ã„ã¾ã™ï¼åƒ•ã§ã‚ã‚Œã°ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã‚“ã‹ã¯çµæ§‹ã©ã†ã„ã†å½¢ãŒç†æƒ³ã‹ã€ã¾ã ã¾ã æš—ä¸æ¨¡ç´¢çŠ¶æ…‹ã£ã¦æ„Ÿã˜ã§ã™ã®ã§ã€è‰²ã‚“ãªã‚µã‚¤ãƒˆã‚’å‚è€ƒã«ã—ãŸã„æ‰€ã§ã™ï¼ ãã‚“ãªã“ã¨è€ƒãˆã¦ã„ã‚‹æ™‚ã«ç›´ãæ¤œç´¢ã—ã¦ã¿ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚µã‚¤ãƒˆãŒä»Šæ—¥ã”ç´¹ä»‹ã•ã›ã¦é ‚ãUIBoxã§ã™ï¼ UIã®å‚è€ƒã¨ãªã‚‹ãƒ’ãƒ³ãƒˆãŒã‚‚ã—ã‹ã—ãŸã‚‰è¦‹ã¤ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§ã€æ˜¯éžä¸€åº¦é™¤ã„ã¦ã¿ã¦ãã ã•ã„ã€œï¼ UIBox â€“ Curated HTML, CSS, JS UI Component Library æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã‹ã‚‰ã®UIæ¤œç´¢ãŒå¯èƒ½ã§ã™ããƒ¼ã€‚ ä¾‹ãˆã°ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹UIã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒè¦‹ãŸã‹ã£ãŸã‚‰ã€
p130 2013/09/12
ui

javascript

jQuery

ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
Sticky-Kit | jQuery plugin for sticky elements
Reference To install include jquery.sticky-kit.js after including jQuery. Usage: $("#sticky_it em").stick_in_parent(); // or $("#sticky_it em").stick_in_parent(options); You can pass a hash of options to configure how Sticky Kit works. The following options are accepted, each one is optional: parent â€” The element will be the parent of the sticky it em. The dimensions of the parent control when the st
p130 2013/08/13
jquery

javascript

ui
ãƒªãƒ³ã‚¯
Contract web dev by day & Indie hacker by night! | AaronLumsden.com
PureDigital I have a passion and thirst for learning new techno logies to keep up-to-date with modern web development. Certified Laravel Developer I fuss over creating software that not only looks and feels great but that are user friendly and adapta ble to changing user needs. Iâ€™ve been bringing web ideas to life in a planned and managed way since 2009. I'm also a certified Laravel developer by Lar
p130 2013/07/16
jquery

ui

javascript
ãƒªãƒ³ã‚¯
jQuery Roundabout
Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. (And now, not just turntables, but many shapes!) In its simplest configuration, Roundabout works with ordered- and unordered-lists, however after some quick configuration, Roundabout can work with an set of nested elements. Requirements & Add-Ons Requires jQue
p130 2013/07/11
jquery

javascript
ãƒªãƒ³ã‚¯
Nifty Modal Window Effects
This is a modal window. You can do the following things with it: Read: modal windows will probably tell you something important so don't forget to read what they say. Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence. Close: click on the button below to close the modal. Close me! This is a modal window. You can do the following things with it: Rea
p130 2013/06/26
jquery

jquery-animation

css3

javascript

modal
ãƒªãƒ³ã‚¯
vTicker
A jQuery plug-in that adds scrolling vertical tickers to your site Just one line of javascript code is all you need to start a vTicker It ems can be paused when the mouse hovers over an it em Step backwards and forwards through your ticker it ems with easy client methods Easy to use: vTicker is easily added to your existing web page by including jQuery, the vTicker plug-in javascript file and then by
p130 2013/06/13
jquery

javascript
ãƒªãƒ³ã‚¯
[JS]ç´å“å‰ã®ç¢ºèªã«æœ€é©ã€ä½¿ç”¨ã•ã‚Œã¦ã„ãªã„CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’è¦‹ã¤ã‘å‡ºã™ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Helium
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®å¤šæ•°ã®ãƒšãƒ¼ã‚¸å…¨ä½“ã«æ¸¡ã‚Šã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®šç¾©ã•ã‚ŒãŸã‚»ãƒ¬ã‚¯ã‚¿ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ãƒã‚§ãƒƒã‚¯ã—ã€ä½¿ã‚ã‚Œã¦ã„ãªã„ã‚»ãƒ¬ã‚¯ã‚¿ã®ãƒ¬ãƒãƒ¼ãƒˆã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç´å“ã™ã‚‹éš›ã«ã€ä¸è¦ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’é™¤åŽ»ã™ã‚‹ã®ã«å½¹ç«‹ã¡ã¾ã™ã‚ˆã€‚ Helium -GitHub Heliumã®æº–å‚™ Heliumã®ä½¿ç”¨æ–¹æ³• Heliumã®æº–å‚™ Heliumã¯jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¿…è¦ã›ãšå‹•ä½œã—ã€URLã®ãƒªã‚¹ãƒˆã‹ã‚‰å…¨ã¦ã®ãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã—ã€è§£æžã—ã¦ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§è¦‹ã¤ã‘ãŸã‚»ãƒ¬ã‚¯ã‚¿ãŒå…¨ãƒšãƒ¼ã‚¸ã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ãƒã‚§ãƒƒã‚¯ã—ã€ãƒ¬ãƒãƒ¼ãƒˆã‚’ä½œæˆã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ã€é–‹ç™ºç’°å¢ƒã§å®Ÿè¡Œã—ã¦ãã ã•ã„ã€‚ å…¬é–‹ä¸ã®ã‚µã‚¤ãƒˆã§å®Ÿè¡Œã™ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚‚Heliumã®å‹•ä½œãŒè¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ãƒ†ã‚¹ãƒˆã™ã‚‹ãƒšãƒ¼ã‚¸ã®å…¨ã¦ã«ã€å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ å ´æ‰€ã¯ã€headå†…ã§ã‚‚</bo
p130 2013/06/10
javascript

webåˆ¶ä½œ

CSS

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
è©±é¡Œã®ã‚µãƒ¼ã‚¯ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ï½œå±•é–‹å¯èƒ½ãªã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ã‚’jQueryã§å®Ÿè£…ã§ãã‚‹ã€ŒClassySocialã€
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã«ä½œã‚‰ã‚ŒãŸã‚¢ãƒ—ãƒªã®ã†ã¡ã€ä»Šå¹´ã¯ã‚µãƒ¼ã‚¯ãƒ«ãŒåºƒã¾ã£ã¦ã„ã¾ã™ã€‚ åŒæ™‚ã«ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãªã‚“ã‹ã¨ä½µç”¨ã—ã¦ä½¿ã‚ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã€ä»Šå›žã¯ã“ã†ã—ãŸã‚µãƒ¼ã‚¯ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã¨ã—ã¦ä½¿ã†ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚µãƒ¼ã‚¯ãƒ«ãƒœã‚¿ãƒ³ã‚’ã”ç´¹ä»‹è‡´ã—ã¾ã™ã€‚ ã“ã‚Œã¯jQueryã‚’åˆ©ç”¨ã—ã¦ã€æ¯”è¼ƒçš„ç°¡å˜ã«è¨ç½®å‡ºæ¥ã‚‹ã®ãŒåˆ©ç‚¹ã§ã™ã€‚ ä»¥ä¸‹ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã€‚ ClassySocial | Class.PM ã¨ã‚Šã‚ãˆãšã‚¤ãƒ¡ãƒ¼ã‚¸ã¨ã—ã¦ã¯ä»¥ä¸‹ã®æ§˜ãªã€‚ ä¸å¿ƒã‹ã‚‰å‘¨ã‚Šã«å±•é–‹ã€‚ ãƒœã‚¿ãƒ³ã‹ã‚‰å³ã¸å±•é–‹ã€‚ ä»Šå›žã®ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¯ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ã§ã™ãŒã€ä½¿ã„é“ã¯ã„ã‚ã„ã‚ã§ã™ãã€‚ è¨ç½® jQueryãŠæ±ºã¾ã‚Šã®ã‚³ãƒ¬ã€‚<head></head>å†…ã«è¨˜è¿°ã€‚ <script src="https://ajax.google apis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> ç¶šã„ã¦ã€CSS
p130 2013/06/06
ã“ã‚Œã©ã£ã‹ã§ä½¿ã„ãŸã„ï¼Pathã¿ãŸã„ãªã‚«ãƒ³ã‚¸ã‹ãªï¼Ÿ

jquery

ui

javascript
ãƒªãƒ³ã‚¯
http://fliptopbox.com/demo/stripe/
$('.gallery').stripe(); You have a gallery of images, and you are tired of the same old gallery plug-ins, you want something that reminds you of a shredder, well that is this. Things to note: The height of the gallery is determined by the height of the smallest image. The images are proportionately down scaled to fit, and preserve image quality. You can use a combination of portrait and landscape
p130 2013/05/22
jquery

javascript

ui
ãƒªãƒ³ã‚¯
http://mmenu.frebsite.nl/
p130 2013/05/21
jquery

ui

smartphone

coding

javascript
ãƒªãƒ³ã‚¯
ã€Žã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³UIã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ 2012å¹´6æœˆã«ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹å§‹ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚²ãƒ¼ãƒ ã€€ULTIMATE RACERã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆãƒ¬ãƒ¼ã‚µãƒ¼ï¼‰ã§ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã—ã¦ã„ã‚‹æ¨ªç”°ã¨ç”³ã—ã¾ã™ã€‚ULTIMATE RACERã®é–‹ç™ºæ™‚ã«ã€ç”»é¢å†…ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’jQueryã®animateå‡¦ç†ã‹ã‚‰cssã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«åˆ‡ã‚Šæ›¿ãˆãŸçµŒç·¯ã«ã¤ã„ã¦ã€è‡ªåˆ†ãªã‚Šã®è€ƒå¯Ÿã¨ã‚‚ã«ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ å¯¾è±¡ã¨ã—ã¦ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§JSã‚„cssã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…ã‚’å§‹ã‚ãŸã°ã‹ã‚Šã®æ–¹ãŒæœ€é©ã ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸæœ¬ç¨¿ã¯jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.7.1ã‚’ä½¿ç”¨ã—ãŸå ´åˆã‚’æƒ³å®šã—ã¦è¨˜è¿°ã—ã¦ã„ã¾ã™
p130 2013/05/08
javascript

ui

smartphone

css3-animation
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸