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

yife id:yife

jqueryã¨HTML5ã«é–¢ã™ã‚‹yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

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

pjaxã§ãã‚Œã„ãªURLï¼‹éžåŒæœŸç”»é¢é·ç§»ï¼ | ãƒ˜ãƒƒãƒ‰ã‚¦ã‚©ãƒ¼ã‚¿ãƒ¼ã‚¹ã®ãƒ–ãƒã‚° TechNote
ã“ã‚“ã«ã¡ã¯ã€‚è’äº•ã§ã™ã€‚ Facebookã‚‚twitterã‚‚googleã‚‚ç”»é¢é·ç§»ã®ã¨ãã«ã¯ã€éžåŒæœŸã§æ¬¡ã®ãƒšãƒ¼ã‚¸ã‚’èªã¿è¾¼ã‚€ã‚ˆã†ãªä½œã‚Šã«ãªã£ã¦ã¾ã™ãï¼ ã“ã‚Œã¯ã€ajaxã§æ¬¡ã®ãƒšãƒ¼ã‚¸ã‚’èªã¿è¾¼ã‚€ã®ã¨åŒæ™‚ã«ã€ŒHistory APIã€ã¨ã„ã†HTML5ã®æ©Ÿèƒ½ã‚’ä½¿ã£ã¦ã€URLã‚’æ›´æ–°ã™ã‚‹ã“ã¨ã§å®Ÿç¾ã—ã¦ã¾ã™ã€‚ æ¯Žå›žå…¨éƒ¨èªã¿ç›´ã•ãªã„ã‹ã‚‰é€šå¸¸ã®ç”»é¢é·ç§»ã‚ˆã‚Šã‚‚æ—©ã„ã—ã€URLãŒå¤‰ã‚ã‚‹ã‹ã‚‰å±¥æ´ã«æ®‹ã‚‹ã—ã€è‰¯ã„ã“ã¨ã°ã£ã‹ã‚Šï¼ï¼SEOçš„ã«ã‚‚ã€Œ#!ã€ã‚’ä½¿ã£ãŸã‚„ã¤ã‚ˆã‚Šè‰¯ã„ã‚ˆã£ã¦ã„ã†ã®ã‚’ä½•ã‹ã§èªã¿ã¾ã—ãŸï¼ï¼ï¼ ã“ã‚Œã‹ã‚‰Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ãªã‚‰ã€å°Žå…¥ã—ãŸã„ã§ã™ãï¼ï¼ï¼ ã“ã‚Œpjaxã‚’ä½¿ãˆã°ç°¡å˜ã«å°Žå…¥ã§ãã‚‹ã‚“ã§ã™ï¼ï¼ï¼ã‚ˆã—ï¼ï¼ï¼ PJAX!! pjaxã¨ã¯ã€Githubã®Chris Wanstrathã£ã¦äººãŒä½œã£ã¦ã‚‹jqueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ä¸Šã§èª¬æ˜Žã—ãŸã€History APIã¨ajaxã‚’ä½¿ã£ãŸéžåŒæœŸã®ç”»é¢é·ç§»ã‚’ç°¡å˜ã«å°Žå…¥ã™ã‚‹ã“ã¨
yife 2013/10/18
ajax

history

api

github

html

HTML5

pjax

jQuery

javascript

url
ãƒªãƒ³ã‚¯
HTML5ã‚„CSS3ã‚’ä½¿ã£ãŸæ¬¡ä¸–ä»£è¡¨ç¾ã‚’å¦ã¶ã®ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«
ã‚ãšã‹280è¡Œç¨‹åº¦ã®JavaScriptã§ä½œã‚‰ã‚Œ... / JavaScriptã§ä½œã‚‹ã„ã‚ã„ã‚ãªç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬... / JavaScriptã«ã‚ˆã‚‹æ³¢ã®ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§...ä»–...å…¨14ä»¶
yife 2013/05/07
cloth

javascript

CSS

html

html5

css3

jQuery

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

JS

*webã‚µãƒ¼ãƒ“ã‚¹

creator

canvas

javascript

jQuery

html5
ãƒªãƒ³ã‚¯
æ„å¤–ã¨è¦æ³¨æ„ HTML5ãƒ‡ãƒ¼ã‚¿å±žæ€§ã¨jQuery Data APIã®é–¢ä¿‚ã¾ã¨ã‚ | ã‚†ã£ãã‚Šã¨â€¦
å‰ã®è¨˜äº‹ã€ŒHTML5ã§ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®CSS3ãƒã‚°ã‚’å›žé¿ã™ã‚‹ãŸã‚ã®ãƒãƒƒã‚¯æ–¹æ³•ã€ã«é–¢é€£ã—ã¦ã€jQuery ã§ HTML5 ãƒ‡ãƒ¼ã‚¿å±žæ€§ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¸ã‚§ãƒ³ãƒˆæ–‡å—åˆ—ã‚’æ ¼ç´ã™ã‚‹æ–¹æ³•ã‚’èª¿ã¹ã¦ã„ã¾ã—ãŸã€‚ãã®çµæžœã€ã¡ã‚‡ã£ã¨æ•´ç†ã‚’ã—ã¦ãŠã„ãŸæ–¹ãŒè‰¯ã„ã‹ãªã¨æ€ã†ç‚¹ã‚’å…±æœ‰ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ãŒã€jQuery ã«ã¯ .data() ã‚„ jQuery.data() ã¨ã„ã†ã€DOM è¦ç´ ã« ãƒ‡ãƒ¼ã‚¿ ã‚’ç´ä»˜ã‘ã¦è¨˜æ†¶ã—ã¦ãŠãä»•çµ„ã¿ãŒå…ƒã€…ã‚ã‚Šã¾ã—ãŸã€‚jQuery 1.4.3 ã‹ã‚‰ã¯ã€ API ãƒ¬ãƒ™ãƒ«ã§ã® è¦ªå’Œæ€§ ãŒè€ƒæ…®ã•ã‚ŒãŸå½¢ã§ HTML5 data-* å±žæ€§ã‚’å–ã‚Šè¾¼ã‚€ä»•æ§˜ãŒå°Žå…¥ã•ã‚Œã¾ã—ãŸã€‚ HTML5 æ™‚ä»£ã§ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ»ã‚µã‚¤ãƒ‰ã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰é‡ã‚‚å¢—ãˆã€ãƒ‡ãƒ¼ã‚¿å±žæ€§ã‚’æ‰±ã†æ©Ÿä¼šã‚‚ã¡ã‚‡ãã¡ã‚‡ãå‡ºã¦ãã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãã“ã§ä»Šå›žã¯ã€ HTML5 data-* å±žæ€§ã®ãŠã•ã‚‰ã„ jQuery Da
yife 2012/10/23
data

html

html5

jquery

jQuery

javascript

api

*jQuery

dataå±žæ€§
ãƒªãƒ³ã‚¯
æ‰‹è»½ã«ç¾Žã—ãå®Ÿè£…ï¼ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç”¨JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª4é¸ - Lancersé–‹ç™ºãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€keiã§ã™ã€‚ ä»Šå›žã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’å®Ÿè£…ã™ã‚‹éš›ã«ã€ãŠå‹§ã‚ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’4ã¤ã”ç´¹ä»‹è‡´ã—ã¾ã™ã€‚ ãƒ©ãƒ³ã‚µãƒ¼ã‚ºä¸Šã§ã€å¤§å®¹é‡ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ã«ãªã£ãŸéš›ã«ã€ä»¥ä¸‹ã®è»¸ã§èª¿æŸ»ã—ãŸçµæžœã¨ãªã‚Šã¾ã™ã€‚ æ‰‹è»½ã«å®Ÿè£…ã§ãã‚‹ è¦‹ãŸç›®ãŒä»Šé¢¨ (å¤§å®¹é‡ãªã®ã§)ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ä¸ã«ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ Uploadify http://www.uploadify.com/ è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ HTML5ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨Flashãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ é•·æ‰€ è±Šå¯Œãªãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ãƒ‡ãƒ¢ é«˜ã„ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ çŸæ‰€ HTML5ã¯ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒå¿…è¦ Plupload http://www.plupload.com/ HTML5ã€Flashã€Silverlightã«åŠ ãˆã€Gearsã¨BrowserPlusã«ã‚‚å¯¾å¿œã—
yife 2012/09/04
html5

html

javascript

ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

flash

jQuery
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€ŒHTML5 File Uploadã€
ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹æ©Ÿä¼šã¯ã€æ§˜ã€…ãªã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ãŒå±•é–‹ã•ã‚Œã¦ã„ã‚‹ç¾åœ¨ã€ã©ã‚“ã©ã‚“ã¨å¢—ãˆã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒãƒ¼ã‚«ãƒ«ã‹ã‚‰é¸æŠžã—ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ã„ã†ã®ã¯ç›´æ„Ÿçš„ã§ã¯ãªãã€ãƒªãƒ†ãƒ©ã‚·ãƒ¼ãŒä½Žã„å±¤ã«ã¯éšœå£ã«ã‚‚ãªã‚Šãˆã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯ãã‚“ãªãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’ç°¡å˜ã«ã—ã¦ãã‚Œã‚‹ã€ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€ŒHTML5 File Uploadã€ã§ã™ã€‚ ã“ã¡ã‚‰ã¯ã€äºˆã‚æ±ºã‚ã‚‰ã‚ŒãŸé ˜åŸŸã«ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã ã‘ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸãƒ‰ãƒãƒƒãƒ—å¾Œã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’å‡ºã—ã¦ç¢ºèªãã®å¾Œã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ã„ã†æµã§èª¤ã£ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ã„ã†ã“ã¨ã‚‚æœªç„¶ã«é˜²ã’ã‚‹ä»•çµ„ã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ ã“ã¡ã‚‰ã®ä»•çµ„ã¿ã¯jQueryã§åˆ¶ä½œã•ã‚Œã¦ãŠã‚Šã€ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚å®Ÿéš›ã®å‹•ä½œãƒ‡ãƒ¢ã¯ã€ŒFile Upload!ã€ã‹ã‚‰ã”
yife 2012/08/17
html5

upload

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªž

drag

html

jQuery

jquery

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

JavaScript
ãƒªãƒ³ã‚¯
ã‚¯ãƒªãƒ¼ãƒ³ä¸”ã¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã§å®Œæˆåº¦ã®é«˜ã„ãƒ•ãƒªãƒ¼ã®HTML5è£½WordPressãƒ†ãƒ¼ãƒžãƒ»TheProton - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ãªã‹ãªã‹ç´ æ•µãªãƒ†ãƒ¼ãƒžã ã£ãŸã®ã§ ã”ç´¹ä»‹ã€‚ã‚µã‚¤ãƒˆã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚„ã€ ç¾Žã—ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨å®Œæˆåº¦ã®é«˜ã„ ãƒ‡ã‚¶ã‚¤ãƒ³ãªãŒã‚‰ç„¡æ–™ã§é…å¸ƒã•ã‚Œã¦ ã„ã‚‹WordPressãƒ†ãƒ¼ãƒžãƒ»TheProton ã§ã™ã€‚é«˜æ©Ÿèƒ½ã§ã‚‚ã‚ã‚‹ã®ã§ä½œã‚Šã‚’ å‚è€ƒã«ã—ãŸã„ã§ã™ãã€‚ åƒ•ã¯ã‚ˆããƒ†ãƒ¼ãƒžã‚’æŽ¢ã—ã¦ã„ã¾ã™ãŒã€ã“ã‚Œã¯ãã®ãƒ†ãƒ¼ãƒžã®æ§‹æˆã‚’å‚è€ƒã«ã—ãŸã„ã‹ã‚‰ã§ã™ã€‚ãŠä»•äº‹ã§ãã®ã¾ã¾ä½¿ã†äº‹ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€é…å¸ƒã•ã‚ŒãŸãƒ†ãƒ¼ãƒžã‹ã‚‰å¦ã¹ã‚‹æŠ€è¡“ã¯ã‹ãªã‚Šå¤šãã€ä»–ã®ãƒ–ãƒã‚°ã§ã‚‚è¨˜äº‹ã«ã•ã‚Œã¦ã„ãªã„Tipsã‚‚å¾—ã‚‰ã‚ŒãŸã‚Šã—ã¾ã™ã€‚ã„ã‚ã„ã‚ãªãƒ†ãƒ¼ãƒžã‚’è§¦ã‚‹ã“ã¨ã¯ã‚¹ã‚ãƒ«ã‚¢ãƒƒãƒ—ã«ã‚‚ç¹‹ãŒã‚‹ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ä»Šæ—¥ã”ç´¹ä»‹ã™ã‚‹ãƒ†ãƒ¼ãƒžã‚‚ã¨ã¦ã‚‚é«˜æ€§èƒ½ã§ã™ã®ã§é–‹ç™ºè€…ã•ã‚“ã‚‚å‚è€ƒã«ã•ã‚Œã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã€‚ ã¨ã£ã¦ã‚‚ç¶ºéº—ã§ã™ã€‚ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼å¯¾
yife 2011/10/09
psd

Wordpressãƒ†ãƒ¼ãƒž

.net

html5

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

html

jquery

lightbox

design

wordpress
ãƒªãƒ³ã‚¯
æœ€è¿‘ã‚ˆãä½¿ã£ã¦ã‚‹ã€Webåˆ¶ä½œã«å½¹ç«‹ã¤Webã‚µãƒ¼ãƒ“ã‚¹çš„ãªã‚„ã¤ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ å°‘ã—å‰ã«èžã„ã¦ãã‚ŒãŸæ–¹ãŒã„ãŸã®ã§ã¤ã„ã§ ã«ã‚·ã‚§ã‚¢ã—ã¦ã¿ã¾ã™ã€‚å€‹äººçš„ã«æœ€è¿‘ã‚ˆãå¥½ã‚“ ã§ä½¿ã£ã¦ã„ã‚‹ã€Webåˆ¶ä½œã«å½¹ç«‹ã¤Webã‚µãƒ¼ ãƒ“ã‚¹ã¿ãŸã„ãªã‚‚ã®ã‚’ã”ç´¹ä»‹ã€‚å…¨éƒ¨æ—¢å‡ºã§ çã—ã„ã‚‚ã®ã¯ç„¡ã„ã‚“ã§ã™ã‘ã©ã€ä¸€è¦§ã«ã™ã‚‹ ã®ã‚‚ãŸã¾ã«ã¯ã„ã„ã‹ã‚‚ã§ã™ãã€‚ ã¨ã„ã†ã‚ã‘ã§ã€å ´åˆã«ã‚ˆã£ã¦ã¯èª°å¾—ãªè¨˜äº‹ã§ã™ã‘ã©ã”äº†æ‰¿ä¸‹ã•ã„ã€‚åƒ•ãŒã“ã“æœ€è¿‘ã§ã‚ˆãä½¿ã£ã¦ã‚‹Webãƒ„ãƒ¼ãƒ«ã‚’å¤ã„ã®ã‹ã‚‰æ–°ã—ã„ã®ã¾ã§ã€é †ä¸åŒã§ã”ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ webè¨ˆã€‚ â†’ã€€é»„é‡‘æ¯”ãƒ»ç™½éŠ€æ¯”ã‚’ã‚µã‚¯ã‚µã‚¯è¨ˆç®— è¨ˆç®—ãŒé¢å€’ãªé»„é‡‘æ¯”ã‚„ç™½éŠ€æ¯”ã‚’ã€æ•°å€¤ã‚’å…¥åŠ›ã™ã‚‹ã ã‘ã§ã‚µã‚¯ã‚µã‚¯å‡ºã—ã¦ãã‚Œã¾ã™ã€‚å‹•ä½œã‚‚è»½ãã¦ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§ã™ã€‚ webè¨ˆã€‚ simplelib â†’ã€€ã‚ˆãä½¿ã†jQueryã‚³ãƒ¼ãƒ‰ã‚’ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã§é…å¸ƒ ã‚ã£ã¡ã‚ƒæ¥½ã§ã™ã€‚jQueryã§ä½œã‚ŠãŸã„æ©Ÿèƒ½ã ã‘ã‚’é¸æŠž
yife 2011/06/28
.net

html5

html

closure

media

service

jquery

webåˆ¶ä½œ

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
[JS]ã‚ãšã‹2è¡Œã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§å®Ÿè£…ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ä»˜ãã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
A slide-show in 2 lines of JavaScript ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Step 1: ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆHTMLï¼‰ Step 2: ãƒšãƒ¼ã‚¸ã‚ãã‚Šï¼ˆJavaScriptï¼‰ Step 3: ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï¼ˆCSSï¼‰ Step 1: ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆHTMLï¼‰ ã¯ã˜ã‚ã«ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç”¨æ„ã—ã¾ã™ã€‚ ã“ã“ã§ã¯ä¸€ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ä¸€è¡Œã®ãƒ†ã‚ã‚¹ãƒˆã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ HTML5 <!DOCTYPE HTML> <html> <head> <title>My slides</title> </head> <body> <section>This is the <em>first</em> slide</section> <section>This is the <em>second</em> slide</section> <secti
yife 2011/04/07
Sectionè¦ç´ ã£ã¦ãã†ã„ã†ã“ã¨ã«ã‚‚ä½¿ãˆã‚‹ã®ã‹...

slide

html

script

javascript

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

jQuery

html5

jQuery

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
headè¦ç´ ã«èªã¿è¾¼ã‚€ã¹ãå”¯ä¸€ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€Œheadjsã€ - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ ã€ŒModernizrã€ã‚„ã€Œhtml5.jsã€ç‰ã€ ãƒ¢ãƒ€ãƒ³ãªç’°å¢ƒã®ç‚ºã®ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å¤šã€…ã‚ã‚Šã¾ã™ãŒã€ ã€Œheadjsã€ã¯ãã‚“ãªå½¼ã‚‰ã®ä»•äº‹ã‚’ä¸€æ°—ã«å¼•ãå—ã‘ã¦ãã‚Œã‚‹åƒãè€…ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ ä½¿ã„æ–¹ Head JS :: The only script in your HEAD è¬³ã„æ–‡å¥ã¯headè¦ç´ ã«èªã¿è¾¼ã‚€å”¯ä¸€ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦èªã¿è¾¼ã‚€ã ã‘ã€‚ãŠã—ã¾ã„ã€‚ <script type="text/javascript" src="head.js"></script> ãã®å¤šå½©ãªæ©Ÿèƒ½ ç’°å¢ƒã®åˆ¤åˆ¥ CSS3ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å¯¾å¿œçŠ¶æ³ã€ç”»é¢ã®ã‚µã‚¤ã‚ºã€ãƒ–ãƒ©ã‚¦ã‚¶ãªã©ã®æƒ…å ±ã‚’ Modernizrã¨åŒã˜æ‰‹æ³•ã§HTMLè¦ç´ ã®ã‚¯ãƒ©ã‚¹ã«å‡ºåŠ›ã—ã¦ãã‚Œã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã«â€¦ <html lang="ja" id="test-page" class="
yife 2011/03/12
js

html5

html

css

jquery

javascript

css3

library

ä¾¿åˆ©

WEBåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€ŒjQuery Mobileã€ã®ç™»å ´ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã¯å¤§ããå¤‰ã‚ã‚‹ ï¼ Publickey
ã“ã®ã¨ã“ã‚HTML5é–¢é€£ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã¦ã€å…ˆé€±ã®æ°´æ›œæ—¥ã«ã¯SwapSkillsä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒjQueryãƒ¢ãƒã‚¤ãƒ«ã§ç°¡å˜ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆã€ã«å‚åŠ ã—ã¦jQuery Mobileã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ãã¾ã—ãŸã€‚ jQuery Mobileã¨ã¯ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãã—ã¦ãã®é©šç•°çš„ãªã¾ã§ã®ç°¡å˜ã•ã¯ã€ã“ã‚Œã‹ã‚‰æ¥å‹™ç”¨ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ã‚’ä¸€å¤‰ã•ã›ã¦ã—ã¾ã†å¯èƒ½æ€§ã‚’æ„Ÿã˜ã•ã›ã¾ã™ã€‚ jQuery Mobileã®å¤§ããªç‰¹å¾´ã¯æ¬¡ã®3ã¤ã§ã™ã€‚ 1ï¼‰HTMLã‚’æ›¸ãã ã‘ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒã§ãã¦ã—ã¾ã† 2ï¼‰ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹å¯¾å¿œã®éƒ¨å“ãŒå¤šãæƒã£ã¦ã„ã‚‹ 3ï¼‰iOSã€Androidã€WebOSã€Windows Moblieã€Symbianãªã©ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å¯¾å¿œã§ã‚ã‚‹ å…·ä½“çš„ãª
yife 2011/02/14
jquery

jQuery Mobile

mobile

ãƒ¢ãƒã‚¤ãƒ«

script

html

webåˆ¶ä½œ

javascript

html5

android
ãƒªãƒ³ã‚¯
HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ãŸãƒšãƒ¼ã‚¸ã§jQueryã‚’ä½¿ã†ã¨ãã«æ°—ã‚’ã¤ã‘ã‚‹ã“ã¨ :: 5509
ãã‚ãã‚HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹æ©Ÿä¼šã‚‚å¢—ãˆã¦ããŸã‚Šã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã©ã†ã—ã¦ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã¯ã—ã¦ãŠããŸã„ã‚‚ã®ã€‚jQueryã§ï¼ˆâ€»ï¼‰è¦ç´ ã‚’ã”ã«ã‚‡ã”ã«ã‚‡ã™ã‚‹éš›ã«ã¡ã‚‡ã£ã¨ã¯ã¾ã£ãŸã®ã§ä¸€å¿œæ›¸ã„ã¦ãŠãã¾ã™ã€‚ IE8ä»¥ä¸‹ã§ã®è©±ã§ã™ãŒã€IE8ä»¥ä¸‹ã§HTML5ã‚’åˆ©ç”¨ã™ã‚‹ã¨ãã¯HTML5ã®è¦ç´ ã«CSSãŒé©ç”¨ã•ã‚Œãªã„ã®ã§ã€html5.jsã®ã‚ˆã†ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ãƒ˜ãƒƒãƒ€ã§èªã¿è¾¼ã¾ã›ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«åƒ•ã¯ã‚ã–ã‚ã–èªã¿è¾¼ã‚€ã®ã‚‚ã‚¢ãƒ¬ãªã®ã§ã€ä»¥ä¸‹ã®ã‚‚ã®ã‚’æ¯Žå›žè²¼ã£ã¦ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§JavaScriptã®createElementãƒ¡ã‚½ãƒƒãƒ‰ã§HTML5ã®è¦ç´ ã‚’è¿½åŠ ã™ã‚Œã°ã€CSSãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦è¦‹ãŸç›®ã‚‚ã ã„ãŸã„ã°ã£ã¡ã‚Šã«ãªã‚‹ã‚“ã§ã™ã‘ã©ãƒ»ãƒ»ãƒ» jQueryã§ $(hoge).append('ã‚»ã‚¯ã‚·ãƒ§ãƒ³') ã¨ã‹ $(hoge).append([ '', '', // hogehoge '', '' ].j
yife 2010/12/14
hoge

HTML5

html5

tips

webåˆ¶ä½œ

css

jquery

javascript

html
ãƒªãƒ³ã‚¯
ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ç”¨ã®HTML5+CSS3+jQueryã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ -HTML5 Boilerplate
ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«å‘ãã«é–‹ç™ºã•ã‚ŒãŸã€HTML5+CSS3+jQueryãªã©ç›´æŽ¥å®Ÿè£…ã«é–¢ã‚ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã€robots.txt, .htaccessãªã©ã‚µãƒ¼ãƒãƒ¼é–¢é€£ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ä¸€å¼ã«ã¾ã¨ã¾ã£ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML5 Boilerplate æ˜¨æ—¥ã€å½“ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã—ãŸã€ŒHTML5 Resetã€ã‚‚HTML5+CSS3ã‚’ãƒ™ãƒ¼ã‚¹ã«é–‹ç™ºã•ã‚ŒãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚»ãƒƒãƒˆã§ã™ãŒã€ã“ã¡ã‚‰ã¯ã‚ˆã‚Šãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«å‘ã‘ã«é–‹ç™ºã•ã‚ŒãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä¸‹è¨˜ã«ãã®ç‰¹å¾´ã‚’ã€‚ HTML5 Boilerplateã®ä¸»ãªç‰¹é•· ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œï¼ˆIE6ã‚‚ï¼‰ HTML5å¯¾å¿œ ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æœ€é©åŒ–ã¨åœ§ç¸®ã§Grade-Aã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã¸ã®æœ€é©åŒ– ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ãŸã‚ã«IEã§ã¯ç‰¹å®šã®classã‚’ç”¨æ„ ãƒ—ãƒªãƒ³ãƒˆç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æœ€é©åŒ– HTML5ã§ã‚ˆã‚Šæ—©ã„ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰ã«ã™ã‚‹ã€Œ.htac
yife 2010/08/12
html5

css3

html

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

.htaccess

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

webåˆ¶ä½œ

css

jquery

template
ãƒªãƒ³ã‚¯
1