[B! HTML][jQuery] yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

greenspa id:yife

HTMLã¨jQueryã«é–¢ã™ã‚‹yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (25)

${{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
ãƒªãƒ³ã‚¯
HTMLã§ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ï¼æ‰‹è»½ã«æ–‡å—è©°ã‚ã§ãã‚‹ã€ŒFLAutoKerning.jsã€ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€æœºã«ç½®ã„ãŸãŠã‚‚ã¡ã‚ƒã®æ—¥ç„¼ã‘ãŒæ°—ã«ãªã‚‹ã‚‚ã‚ŠãŸã§ã™ã€‚ ä»Šå›žã¯ã€å‰ã‹ã‚‰ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ã¦ã„ãŸã‚¦ã‚§ãƒ–ãƒ•ã‚©ãƒ³ãƒˆã‚’ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã§ãã‚‹JSã€ŒHTMLã§æ–‡å—è©°ã‚ã™ã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ç”¨JSã€ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ http://fladdict.net/blog/2011/02/auto-kerning.html â€»ç¾åœ¨ã¯ã‚¢ã‚¯ã‚»ã‚¹ã§ããªããªã£ã¦ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®ã¨ãŠã‚Šã€jsã‚’ä½¿ã‚ãªãã¦ã‚‚letter-spacingã‚’ä½¿ã£ã¦cssã ã‘ã§è¨å®šã—ã‚ˆã†ã¨æ€ãˆã°ã§ãã‚‹ã‚“ã§ã™ãŒã€ã²ã¨æ–‡å—ãšã¤ã®è¨å®šã¨ãªã‚‹ã¨htmlã‚‚cssã‚‚ã™ã£ãã‚Šã—ãªããªã‚‹ä¸Šã«ã‚ã‚“ã©ãã•ã„ï¼ ã“ã†ãƒ‘ãƒƒã¨ã‚¬ãƒƒã¨ã‚¹ãƒƒã¨è¨å®šã—ãŸã„ï¼ ãã‚“ãªå¸Œæœ›ã‚’å¶ãˆã¦ãã‚Œã‚‹ã®ãŒã€ŒFLAutoKerning.jsã€ã§ã™ï¼ ãƒã‚¤ãƒ³ãƒˆ1ï¼šå°Žå…¥ãŒæ¥½ã§ã™ æ‰‹é †ã¯ç°¡å˜ã€ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒãƒ¼ãƒ‰ã—ã¦jqeryã¨ä¸€ç·’ã«èªã¿è¾¼ã¾ã›ã¦<head>å†…ã«è¨å®šã‚’æ›¸ãã ã‘ã€‚ å…¥ã‚Œã¦ã¿ãŸãƒ‡ãƒ¢
yife 2013/10/09
webåˆ¶ä½œ

Gist

html

css

font

javascript

jQuery

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

ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°
ãƒªãƒ³ã‚¯
ã„ã„åŠ æ¸›ã€<script src="http://..ã€€ã¨æ›¸ãã®ã¯ã‚„ã‚ã¾ã—ã‚‡ã† - DQNEOèµ·æ¥æ—¥è¨˜
å¤–éƒ¨ã‚µã‚¤ãƒˆã®JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ã¨ãã«ã€ã“ã†ã„ã†æ›¸ãæ–¹ã™ã‚‹ã®ã¯ã‚„ã‚ã¾ã—ã‚‡ã†ã€‚ <script src="http://example.com/js/jquery.js"></script> ç†ç”± ã‚ãªãŸã®ã‚µã‚¤ãƒˆãŒã€ã„ã¤ã®æ—¥ã‹SSLã«å¯¾å¿œã™ã‚‹ã“ã¨ã«ãªã£ãŸã¨ãã€ãã®scriptã‚¿ã‚°ãŒãƒã‚°ã®åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ ã”è¦§ã®ã¨ãŠã‚Šã€HTTPSãƒšãƒ¼ã‚¸ã®ä¸ã§HTTPè¦ç´ ã‚’èªã¿è¾¼ã‚‚ã†ã¨ã™ã‚‹ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯å®‰å…¨è£…ç½®ãŒåƒã„ã¦èªã¿è¾¼ã‚“ã§ãã‚Œãªã„ã®ã§ã™ã€‚ ä¸Šã®ä¾‹ã§ã¯jQueryã®èªã¿è¾¼ã¿ã«å¤±æ•—ã—ã¦ã„ã¾ã™ãŒã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã€ŒUncaught ReferenceError: jQuery is not defined ã€ã‚’è¦‹ã¦ã‚‚HTTPS/HTTPã®ãƒ—ãƒãƒˆã‚³ãƒ«ãŒåŽŸå› ã ã¨ã¯ã™ãæ°—ã¥ã‹ãªã„ã®ã§ã€ã‚ã‹ã‚Šã«ãã„ãƒã‚°ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ çµè«– JSãƒ•ã‚¡ã‚¤ãƒ«(ã¨ã‹CSSã¨ã‹ç”»åƒã¨ã‹)ã‚’èªã¿è¾¼ã‚€ã¨ãã¯ã€"http:"ã®éƒ¨åˆ†ã‚’çœ
yife 2013/05/19
jQuery

https

HTTP

HTML

JavaScript

Web

jQuery

programming

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

javascript

CSS

html

html5

css3

jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æ„å¤–ã¨è¦æ³¨æ„ 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
ãƒªãƒ³ã‚¯
jParallax - webdev.stephband.info
France Italy Greece Ireland Turkey Athens to Istanbul Return to Joigny Tanzania Czech Republic Tahiti Switzerland Germany WWII Reunion Medit erranean Cruise Athens to Venice Budapest to Bucharest Cuba Brussels to Amsterdam Costa Rica Myths & Tips Useful Links Photo Albums All who wander are not lost! Why this site This site describes ÐºÐ°Ðº ÑÑ‚Ð°Ñ‚ÑŒ ÐœÐ¸Ð´Ð» Python-Ñ€Ð°Ð·Ñ€Ð°Ð±Ð¾Ñ‚Ñ‡Ð¸ÐºÐ¾Ð¼, Ð¿Ñ€Ð¾Ð¹Ð´Ñ ÐºÑƒÑ€Ñ Ð½Ð° Ð”ÐµÐ²Ð¼Ð°Ð½, Ð¸ the
yife 2012/06/10
html

git

jquery

github

jQuery

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

Wordpressãƒ†ãƒ¼ãƒž

.net

html5

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

html

jquery

lightbox

design

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

html5

html

closure

media

service

jquery

webåˆ¶ä½œ

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«ã€‚é¢ç™½ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå¤šæ•°æƒã£ãŸUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·Ninja UI MOONGIFT
Ninja UIã¯HTMLã‚’ä½¿ã‚ãšã«JavaScriptã§ç”»é¢ã‚’æç”»ã—ã¦ã„ãUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€‚ Ninja UIã¯jQuery/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚æ€ã†ã«Webã‚µã‚¤ãƒˆã¨ã„ã†ã®ã¯è¡¨ç¾åŠ›ãŒé«˜ãã€ã‹ã¤è‡ªç”±åº¦ãŒé«˜ã™ãŽã‚‹ã®ã ã€‚ãã®ãŸã‚è¦‹æ „ãˆã«ã“ã‚Šã ã™ã¨åŽé›†ãŒã¤ã‹ãªããªã‚‹ã€‚ã¾ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãŒãªã„ã¨æ ¼å¥½ã„ã„ã‚µã‚¤ãƒˆãŒä½œã‚Œãªã„ã€‚ ãƒœã‚¿ãƒ³ã‚„ã‚¢ã‚¤ã‚³ãƒ³ ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ãŒã©ã‚Œã ã‘è‰¯ãã€æŠ€è¡“åŠ›ãŒã‚ã£ã¦ã‚‚è¦‹æ „ãˆãŒã±ã£ã¨ã—ãªã„ã‚µã‚¤ãƒˆã¯å—ã‘å…¥ã‚Œã‚‰ã‚Œãªã„ã€‚ã‚‚ã†HTMLã¯æ›¸ã‹ãšã€JavaScriptã§çµ„ã‚“ã§ã—ã¾ã†ã®ã¯ã©ã†ã ã‚ã†ã€‚ãã‚Œã‚’å¯èƒ½ã«ã™ã‚‹ã®ãŒNinja UIã ã€‚ Ninja UIã¯jQuery Webjutsuï¼ˆWebè¡“ï¼Ÿï¼‰ã‚’æŽ²ã’ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€æž çµ„ã¿ã ã‘HTML5ã§çµ„ã¿ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é…ç½®ã¯å…¨ã¦JavaScriptã ã‘ã§è¨˜è¿°ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ãƒœã‚¿ãƒ³ã‚„ãƒ‰ãƒãƒ¯ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒãƒƒãƒ—ã‚¢ãƒƒ
yife 2011/06/05
ui

webdesign

html

jquery

web

JavaScript

HTML

CSS

GR

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML+CSSä¸»ä½“ã®JavaScriptã‚¨ãƒ•ã‚§ã‚¯ãƒˆï¼ ç°¡å˜ã§ã€Œä½¿ãˆã‚‹ã€jQueryãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆè§£èª¬ã¤ãï¼‰
4æœˆã‹ã‚‰å…¥ç¤¾ã—ãŸ2011å¹´åº¦æ–°å’ç¤¾å“¡ã§ã™ã€‚ ãƒãƒã“ã‚“ã«ã‚ƒã‚“ã‚»ãƒ¨ ãŒãœã‚“ã‚¦ã‚§ãƒ–ã‚¦ã‚§ãƒ–ã—ã¦ã„ã‚‹ã»ã‚“ã ã§ã™ã€‚ ä»Šå¹´4æœˆã‚ˆã‚Šã€æ„åŒ éƒ¨ã®MEèª²ï¼ˆã‚ã‹ï¼‰ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦åƒã„ã¦ã„ã‚‹ã»ã‚“ã ã§ã™ã€‚ å…¥ç¤¾ã—ãŸã¦ã®æ–°å’ç¤¾å“¡ã§ã™ãŒã€PCã‚µã‚¤ãƒˆã®HTML+CSSã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„ã€MovableTypeï¼ˆãƒ–ãƒã‚°æ§‹ç¯‰ãƒ„ãƒ¼ãƒ«ï¼‰ã§ã®çµ„ã¿è¾¼ã¿ãªã©ã€è‰²ã€…ãªä»•äº‹ã‚’ã•ã›ã¦ã‚‚ã‚‰ã£ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒªã‚¢å……ã§ã™ã€‚ ãã‚“ãªä¸ã§ã‚‚æœ€è¿‘å¤šã„æ¥å‹™ã¯jQueryã‚’ä½¿ã£ãŸãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«é¢ã§ã®ã¡ã‚‡ã£ã¨ã—ãŸJavaScriptï¼ˆä»¥ä¸‹ JSï¼‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã™ã€‚ jQueryã£ã¦ã¨ã£ã¦ã‚‚ä¾¿åˆ©ã§ã™ãªãã€‚HTML+CSSã®çŸ¥è˜ã‚’æŒã£ã¦ã„ã‚‹äººãªã‚‰ã€ç°¡å˜ã«ã€Œä½¿ãˆã‚‹ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ãã‚Œã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯åƒ•ãŒå…¥ç¤¾ã—ã¦2ãƒ¶æœˆé–“ã«å¦ã‚“ã ã€ç°¡å˜ã§ã€Œä½¿ãˆã‚‹ã€jQueryãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jQueryã£ã¦ãªã‚“ãžã£ã¦ã¨ã“ã¨ã€ä½¿ã†å‰ã®æº–å‚™ã‚’ã–ã£ãã‚Šè§£èª¬ jQuer
yife 2011/05/31
js

jsdo.it

jquery

jQueryã®åŸºæœ¬

html

javascript

css

IT

HTML
ãƒªãƒ³ã‚¯
å…¥åŠ›ã™ã‚‹ã®ãŒæ¥½ã—ããªã‚‹ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’ä¼´ã£ãŸãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« | ã‚³ãƒªã‚¹
jQueryã¨CSS3ã‚’ä½¿ã£ã¦ã€è¤‡æ•°ã®ã‚¹ãƒ†ãƒƒãƒ—ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ How to Create A Multi-Step Signup Form With CSS3 and jQuery ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸‹éƒ¨ã«ã‚ã‚‹ã€Œãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€ã®å˜åœ¨ã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£çš„ã«è¦‹é€ƒã›ãªã„å˜åœ¨ã§ã™ã€‚ [ad#ad-2] ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ãƒ¢ ãƒ•ã‚©ãƒ¼ãƒ ã¯å…¨éƒ¨ã§4ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã§æ§‹æˆã•ã‚Œã¦ãŠã‚Šã€ã•ã¾ã–ã¾ãªã‚¹ãƒ‘ã‚¤ã‚¹ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ 2æžšç›®ã®ãƒ•ã‚©ãƒ¼ãƒ ãƒ•ã‚©ãƒ¼ãƒ ã®é€²æ—çŠ¶æ³ã¯ã€ä¸‹éƒ¨ã®ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ â€»å€‹äººçš„ã«ã¯%ã§ãªãã€2/4ãŒåˆ†ã‹ã‚Šã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®å®Ÿè£… HTMLï¼šåŸºæœ¬æ§‹é€ ãƒ•ã‚©ãƒ¼ãƒ ã®åŸºæœ¬æ§‹é€ ã¯ã€4ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã‚’ãã‚Œãžã‚Œdivè¦ç´ ã«æ ¼ç´ã—ã¾ã™ã€‚ <div id="container"> <form action="#" method="
yife 2011/04/08
form

ãƒ•ã‚©ãƒ¼ãƒ

html

CSS3

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

web

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

javascript

js

jQuery
ãƒªãƒ³ã‚¯
[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åˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTMLã§æ–‡å—è©°ã‚ã™ã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ç”¨JS | fladdict
HTMLã®ãƒ†ã‚ã‚¹ãƒˆã«å¯¾ã—ã¦ã€æ–‡å—è©°ã‚ã‚’è¡Œãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ FLAutoKerningã‚¯ãƒ©ã‚¹ã‚’ä½œã£ã¦ã¿ãŸã€‚ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ã€‚zipã‚‚ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆå†…ã«ä»»æ„ã®ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ãƒšã‚¢ã‚’å®šç¾©ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãƒ–ãƒã‚°ã®ã‚¿ã‚¤ãƒˆãƒ«ç‰ã®ãƒ†ã‚ã‚¹ãƒˆã«å—è©°ã‚ã‚’è¡Œã£ã¦ãã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ãªã‚“ã‹æŽ¢ã—ã¦ã‚‚è¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸã®ã§è‡ªåˆ†ã§ã‚„ã£ã¦ã¿ãŸã€‚ã„ã¡ãŠã†æœ—æ–‡å ‚ã®æ–°å®¿ç§å¡¾ã«è¡Œã£ãŸã‚ã‘ã ã—ã€åƒ•ã‚‚ãªã‚“ã‹æˆæžœç‰©ä½œã‚‰ã‚“ã¨ãªãã€‚ã€‚ã€‚çš„ã«ã€‚ å®Ÿè¡Œã¯ã¨ã¦ã‚‚ç°¡å˜ã€‚jQueryã¨ä¸€ç·’ã«htmlã«ãƒãƒ¼ãƒ‰ã—ã¦ã€ FLAutoKerning.process($(â€˜h1â€²)); FLAutoKerning.process($(â€˜h2â€²)); FLAutoKerning.process($(â€˜h3â€²)); ã¨ã„ã£ãŸå…·åˆã«ã€é©ç”¨ã—ãŸhtmlè¦ç´ ã‚’ä¸€æ‹¬ã—ã¦ã„ã—ã¦ã‚„ã‚‹ã ã‘ã€‚ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°æƒ…å ±ã®å®šç¾©ã‚‚ã€FLAutoKerningã‚¯ãƒ©ã‚¹ã®é ã«ã€ä¸‹ã®ã‚ˆã†ã«emå˜ä½ã§å®šç¾©ã™ã‚‹
yife 2011/03/01
ã“ã‚Œã¯æœ¬å½“ã«ç´ æ™´ã‚‰ã—ã„ã€‚ç›®ã‹ã‚‰é±—ã€‚

process

ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼

html

Webåˆ¶ä½œ

webdesign

ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°

jquery

javascript

font

typography
ãƒªãƒ³ã‚¯
ã€Œ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
ãƒªãƒ³ã‚¯
Dynamic FAQ Section w/ jQuery, YQL & Google Docs
In this tutorial, we are making a dynamic FAQ section. The script, with the help of jQuery & YQL, will pull the contents of a shared spreadsheet in your Google Docs account, and use the data to populate the FAQ section with questions and answers. The best aspect of this solution, is that you can change the contents of the FAQ section from within Google Docs - just edit the spreadsheet. You can eve
yife 2010/12/02
jQuery

googledocs

faq

HTML

google

webåˆ¶ä½œ

jquery

apps

Google Docs

YQL
ãƒªãƒ³ã‚¯
[JS]Twitterã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã«ç°¡å˜ã«è¨ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jTweetsAnywhere
Twitterã§ã¤ã¶ã‚„ã„ãŸãƒ„ã‚¤ãƒ¼ãƒˆã‚’ã‚ãªãŸã®ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã«ç°¡å˜ã«è¨ç½®ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jTweetsAnywhere ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] jTweetsAnywhereã®è¨ç½®ã¯ç°¡å˜ã§ã€æ•°è¡Œã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§è‡ªåˆ†ã®ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã«ãƒ„ã‚¤ãƒ¼ãƒˆã‚’è¨ç½®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ jTweetsAnywhereã®ä¸»ãªç‰¹é•· æŒ‡å®šã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ï¼ˆè¤‡æ•°å¯ï¼‰ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’è¡¨ç¤ºã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒªã‚¹ãƒˆã‹ã‚‰ãƒ„ã‚¤ãƒ¼ãƒˆã‚’è¡¨ç¤ºã€‚ Twitterã®æ¤œç´¢ã®çµæžœã‚’è¡¨ç¤ºï¼ˆãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã¯å…¨å¯¾å¿œï¼‰ã€‚ @Anywhereã«å¯¾å¿œã€‚ ã‚¨ãƒ³ãƒ‰ãƒ¬ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ä½¿ã£ãŸãƒšãƒ¼ã‚¸ãƒ³ã‚°ã‚’ã‚µãƒãƒ¼ãƒˆã€‚ è‡ªå‹•æ›´æ–°ã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ„ã‚¤ãƒ¼ãƒˆã‚’è¡¨ç¤ºã€‚ ãƒ„ã‚¤ãƒ¼ãƒˆãƒœãƒƒã‚¯ã‚¹ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã€‚ Follow me ãƒœã‚¿ãƒ³ã®è¨ç½®ãŒå¯èƒ½ã€‚ ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ãƒªãƒ„ã‚¤ãƒ¼ãƒˆã‚’ã‚µãƒãƒ¼ãƒˆã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã‚’è¡¨ç¤ºã€‚ ãƒ„ã‚¤ãƒ¼ãƒˆå†…ã®ãƒªãƒ³ã‚¯ã‚’æ¤œå‡ºã—ã€è‡ªå‹•ã§ãƒªãƒ³ã‚¯åŒ–
yife 2010/10/19
ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

ãƒ–ãƒã‚°

ã‚µã‚¤ãƒˆ

Twitter

html

ãƒªãƒ³ã‚¯

js

jquery

ticker

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸