[B! WEBãƒ‡ã‚¶ã‚¤ãƒ³] ionisã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ionis id:ionis

WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ionisã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (42)

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

ã¯ã˜ã‚ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œã‚‹äººã¸ã€‚åˆ¶ä½œã§æ°—ã‚’ã¤ã‘ãŸã„ãƒã‚¤ãƒ³ãƒˆï¼•ã¤
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ™®åŠã«ä¼´ã„ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œæ¡ˆä»¶ãŒå¢—ãˆã¦ãã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã‹ãã„ã†ç§ã‚‚ãã®ä¸€äººã§ã™ã€‚ æœ€è¿‘ã¯ä¸€äººã§ã‚«ãƒãƒ¼ã—ãã‚Œãªã„ç¨‹ã®ã”ä¾é ¼ã‚’ã„ãŸã ãã‚ˆã†ã«ãªã‚Šã€æ–°ãŸã«æ‹…å½“è€…ã‚’å¢—ã‚„ã™ã“ã¨ã«ã‚‚ãªã‚Šã¾ã—ãŸã€‚ æ™®æ®µç§ãŒæ°—ã‚’ã¤ã‘ã¦ã„ã‚‹ç‚¹ã€ã©ã†ã„ã£ãŸã“ã¨ã‚’è€ƒãˆã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ã¦ã„ã‚‹ã‹ã‚’ä¼ãˆã‚‹ã“ã¨ã«ãªã£ãŸã®ã§ã€ã¤ã„ã§ã«è¨˜äº‹ã«ã—ã¦ã—ã¾ã„ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç§ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹ã¨ãã®ãƒã‚¤ãƒ³ãƒˆã¯ã€ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ 1.ãã®ã‚µã‚¤ãƒˆã¯ã„ã¤ãƒ»èª°ãŒãƒ»ã©ã‚“ãªæ™‚è¦‹ã‚‹ã®ã‹2.å®Ÿéš›ã®ã‚µã‚¤ã‚ºæ„Ÿã‚’è€ƒãˆã¦ã€ä½¿ã„ã‚„ã™ã•ã‚’ç¢ºã‹ã‚ã‚‹3.æ»è§’ã¨æŠ¼ã—ã‚„ã™ã„ä½ç½®ã‚’æ„è˜ã™ã‚‹4.CSS3ã§å®Ÿç¾å¯èƒ½ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’5.ãƒ¦ãƒ¼ã‚¶ã¯æœ¬å½“ã«ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’æ±‚ã‚ã¦ã„ã‚‹ã®ã‹ãã‚Œã§ã¯ã€è©³ã—ããŠè©±ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚“ãªã®å½“ãŸã‚Šå‰ã ã‚ˆï¼ã¨ã„ã†ã“ã¨ã°ã‹ã‚Šã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ æ¡ˆä»¶ã‚„ã‚µã‚¤ãƒˆã®ã‚¸ãƒ£ãƒ³ãƒ«ã«ã‚ˆã£ã¦ã¯å½“ã¦ã¯ã¾ã‚‰ãªã„
ionis 2012/11/22
ãã€œã€‚ã‚¹ãƒžãƒ•ã‚©ã‚’ç‰‡æ‰‹ã§æ“ä½œã™ã‚‹ã£ã¦ã‚ã‚‹ã‚ˆãªã€œã€‚è‡ªåˆ†ãŒä¸¡æ‰‹ä½¿ã†æ´¾ã ã£ãŸã‹ã‚‰ã€ç™ºæƒ³ã«ãªã‹ã£ãŸï½—

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã“ã‚ŒãŒã‚ã‚Œã°Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã™ã„ã™ã„ã§ãã‚‹Â·Bootstrap MOONGIFT
Bootstrapã¯ä»Šé¢¨ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã®ã«æœ€é©ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ãƒ¼ãƒ„ã‚’æä¾›ã™ã‚‹CSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚ Bootstrapã¯CSSè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒè‹¦æ‰‹ã«ã™ã‚‹ã®ãŒWebãƒ‡ã‚¶ã‚¤ãƒ³ã ã€‚ä½œã‚‹ã®ã¯è‰¯ã„ãŒã€ãã‚Œã‚’å¥‡éº—ã«é…ç½®ã—ã¦ã„ãã®ãŒã¨ã¦ã‚‚é›£ã—ã„ã€‚Webã‚µãƒ¼ãƒ“ã‚¹ãŒæµè¡Œã‚‹ã‹å¦ã‹ã«æŠ€è¡“ãŒåŠã¼ã™å½±éŸ¿ã¯è‰¯ãã¦åŠåˆ†ã ã‚ã†ã€‚æ®‹ã‚Šã®åŠåˆ†ä»¥ä¸Šã¯è¦‹ãŸç›®ã«ã‹ã‹ã£ã¦ã„ã‚‹ã€‚ ã‚°ãƒªãƒƒãƒ‰ ãã‚Œã‚‚ã‚ã£ã¦å¥‡éº—ãªç”»åƒã‚’ç”Ÿæˆã—ãŸã‚Šã€ä½•ã‹ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ¨¡ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«äººæ°—ãŒé›†ã¾ã£ãŸã‚Šã™ã‚‹ã€‚Appleã®ä½œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚ˆã†ãªã€ä»Šé¢¨ãªWebã‚µã‚¤ãƒˆã‚’ä½œã‚‹éš›ã«ã¯BootstrapãŒä¾¿åˆ©ãã†ã ã€‚ Bootstrapã¯Twitterã®é–‹ç™ºãƒãƒ¼ãƒ ãŒä½œæˆã—ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã ã€‚å˜ãªã‚‹HTMLã®ã¿ãªã‚‰ãšã€è‰²ã€…ãªæ©Ÿèƒ½ãŒãŠã‚Šæ··ã–ã£ã¦ã„ã‚‹ã€‚è¤‡æ•°ã‚«ãƒ©ãƒ ã®ã‚°ãƒªãƒƒãƒ‰ã€é«˜ã•ã®æƒã£ãŸè¤‡æ•°ã‚«ãƒ©ãƒ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€åŸºæœ¬çš„ãªHTML
ionis 2011/09/02
HTML

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

CSS
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨ã‚‚ç„¡æ–™ã€ç´°éƒ¨ã¾ã§ç¾Žã—ãä½œã‚Šè¾¼ã¾ã‚ŒãŸUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒæƒã£ãŸPSDç´ æ -Vue UI Kit
ã‚¿ã‚¤ãƒˆãƒ«ãƒãƒ¼ã€ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã‚’ã¯ã˜ã‚ã€ãƒœã‚¿ãƒ³ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ãªã©ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§ã‚ˆãä½¿ç”¨ã™ã‚‹UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒæƒã£ãŸPSDç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Exclusive PSD Freebie: Vue UI Kit [ad#ad-2] ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹PSDãƒ•ã‚¡ã‚¤ãƒ«ã¯ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒä¿æŒã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ†ã‚ã‚¹ãƒˆã‚„ã‚«ãƒ©ãƒ¼ã‚’å¤‰æ›´ã—ã¦ä½¿ç”¨ã—ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·ã«ã‚‚é©ã—ãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚
ionis 2011/08/31
ç´ æ

UI

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[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]
ionis 2011/08/30
ã‚«ãƒƒã‚³ã„ã„ã€‚

javascript

HTML5

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

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
Royalty Free Icons & Clipart Stock Images ~ Icons Etc.
Providing over 100,000 high resolution icons, all free for personal and commercial use.
ionis 2011/08/10
10ä¸‡ç¨®ä»¥ä¸Šã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚ã‚‹ã‚‰ã—ã„ã€‚

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

ç´ æ

ã‚¢ã‚¤ã‚³ãƒ³

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
http://gokiten.varsan.jp/
ionis 2011/07/27
ã‚´ã‚ãƒ–ãƒªæ´»æ€§åŒ–æŒ‡æ•°ã‚’æ•™ãˆã¦ãã‚Œã‚‹ã‚‰ã—ã„ã€‚ã€‚ã€‚ãã‚Œã¯ã¨ã‚‚ã‹ãã€ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³å¥½ãã ãªãã€‚ç‰¹ã«ã€Œå„åœ°ã®ãƒ¢ã‚¯ã‚´ã‚æƒ…å ±ã€

ç”Ÿæ´»

ãƒã‚¿

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

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
æ€ã‚ãšæ³Šã¾ã‚ŠãŸããªã‚‹ãƒ›ãƒ†ãƒ«ã‚„æ—…é¤¨ã®WEBã‚µã‚¤ãƒˆã€œå›½å†…ç¯‡ã€œ | minspi
ç§ã¯ï¼‘ï¼˜æ³ã«ãªã£ãŸæ™‚ã‹ã‚‰ãƒ‘ãƒãƒ³ã‚³ã‚„ã‚¹ãƒãƒƒãƒˆã‚’ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ç·åˆçš„ã«ã¯è² ã‘ã¦ã„ã‚‹ã¨åˆ†ã‹ã£ã¦ã„ã¦ã‚‚æ¢ã‚ã‚Œã¾ã›ã‚“ã€‚æ™‚ã«ã¯æ¶ˆè²»è€…é‡‘èžã‹ã‚‰ãŠé‡‘ã‚’å€Ÿã‚Šã¦ã¾ã§ãƒ‘ãƒãƒ³ã‚³å±‹ã«è¡Œãäº‹ã‚‚ã‚ã‚Šã¾ã™ã€‚çµå©šã—ã€å¦»ã«ã€ŒãŠé‡‘ã‚’å€Ÿã‚Šã¦ã¾ã§ã‚®ãƒ£ãƒ³ãƒ–ãƒ«ã™ã‚‹ãªã‚“ã¦æœ€ä½Žï¼ã€ã¨è¨€ã‚ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã€‚æ€’ã‚‹ã®ã‚‚åˆ†ã‹ã‚‹ã®ã§ã™ãŒã€ãƒ‘ãƒãƒ³ã‚³ä»£ã®ç‚ºã«æ¶ˆè²»è€…é‡‘èžã‹ã‚‰ãŠé‡‘ã‚’å€Ÿã‚Šã‚‹äº‹ã¯ã€ãã“ã¾ã§æ‚ªã„äº‹ãªã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ è‡ªå·±è²¬ä»»ã§ã™ï¼ï¼ä¾‹ãˆè² ã‘ã¦ã‚‚æ–‡å¥ã¯è¨€ãˆã¾ã›ã‚“ï¼ï¼ æ¶ˆè²»è€…é‡‘èžã§ã‚‚éŠ€è¡Œã§ã‚‚ã€ä½¿ã„é“è‡ªç”±ãªã‚«ãƒ¼ãƒ‰ãƒãƒ¼ãƒ³ã¨ã„ã†äº‹ãªã®ã§ã€ã‚®ãƒ£ãƒ³ãƒ–ãƒ«ã«ä½¿ã£ã¦ã‚‚å•é¡Œã¯ã‚ã‚Šã¾ã›ã‚“ã€‚è²¸ä»˜ã®æ¡ä»¶ã¨ã—ã¦ã‚‚äº‹æ¥ã®ç‚ºã®èžè³‡ã¯ä¸å¯ã¨ã„ã†äº‹ã¯å¤šã„ã§ã™ãŒã€ã‚®ãƒ£ãƒ³ãƒ–ãƒ«ã¯ãƒ€ãƒ¡ã¨ã¯æ›¸ã„ã¦ã„ã¾ã›ã‚“ã—ã€‚ãŸã ã—ã€ã‚®ãƒ£ãƒ³ãƒ–ãƒ«ã«åˆ©ç”¨ã™ã‚‹ãŠé‡‘ã¯è‡ªå·±è²¬ä»»ã«ãªã‚Šã¾ã™ã€‚è¨€ã„æ–¹ã‚’å¤‰ãˆã‚‹ã¨è‡ªæ¥è‡ªå¾—ã§ã™ã€‚ãã‚ŒãŒåˆ†ã‹ã£ã¦ã„ã‚‹ãªã‚‰ã°ã€ç§ã¯å•é¡Œãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ç§ã®æ—¦é‚£ã‚‚ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã®ã‚ãƒ£ãƒƒã‚·ãƒ³ã‚°æ©Ÿèƒ½
ionis 2011/07/21
ã¾ã¨ã‚

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

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

æ—…é¤¨

ãƒ›ãƒ†ãƒ«
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯æ³¨ç›®ã®è¶…ãƒªãƒƒãƒãªUIã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ™ãƒ¼ã‚¹ã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery EasyUIã€:phpspoté–‹ç™ºæ—¥èªŒ
ã“ã‚Œã¯æ³¨ç›®ã®è¶…ãƒªãƒƒãƒãªUIã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ™ãƒ¼ã‚¹ã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery EasyUIã€ 2011å¹´07æœˆ19æ—¥- jQuery EasyUI - help you build your web page easily ã“ã‚Œã¯æ³¨ç›®ã®è¶…ãƒªãƒƒãƒãªUIã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ™ãƒ¼ã‚¹ã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery EasyUIã€ Ext.jsã°ã‚Šã«ç¾Žã—ãã¦ãƒªãƒƒãƒãªUIã‚’jQueryã§ã‚‚å®Ÿç¾ã§ãã¡ã‚ƒã„ã¾ã™ã€‚ã•ã‚‰ã«ã€ä½¿ã„å‹æ‰‹ãŒjQueryãªã®ã§èª°ã§ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã¡ã‚ƒã„ã¾ã™ã€‚Extã¯ãªã‚“ã¨ãªãå–ã£ä»˜ãã«ãã„ã¨æ„Ÿã˜ãŸã‹ãŸã‚‚ç°¡å˜ã«ä½¿ãˆãã†ã€‚ ã‚µã‚¤ãƒˆä¸Šã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚‚å……å®Ÿã—ã¦ã„ã¦åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ãƒªãƒƒãƒãªã‚‚ã®ãŒä½œã‚Œã‚‹ã®ã¯ã„ã„ã‘ã©ä½¿ã„æ–¹ãŒé›£ã—ã‹ã£ãŸã‚Šãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹å¤§å¤‰ã ã¨ã€ä½¿ã†æ°—ãŒå°‘ã—å¤±ã›ã¦ã—ã¾ã„ãã†ã§ã™ãŒã“ã‚Œãªã‚‰å¤§ä¸ˆå¤«ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒ†ãƒ¼ãƒžã‚„ãƒžãƒ«ãƒãƒªãƒ³ã‚¬ãƒ«ã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã‚‰ã—
ionis 2011/07/19
javascript

jQuery

UI

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ã ã‘ã§è¨˜è¿°ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ãƒœã‚¿ãƒ³ã‚„ãƒ‰ãƒãƒ¯ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒãƒƒãƒ—ã‚¢ãƒƒ
ionis 2011/06/06
HTMLã¯æ·»ãˆã‚‹ã ã‘ã€‚

jQuery

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

UI
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«è¡¨ç¤ºãŒã“ã“ã¾ã§ãƒªãƒƒãƒã«å¤šæ©Ÿèƒ½ã«ã€‚jQueryè£½ãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·OpenJS MOONGIFT
OpenJSã¯ãƒ†ãƒ¼ãƒ–ãƒ«è¡¨ç¤ºã‚’ãƒªãƒƒãƒãªUIã«ã—ã€ä¸¦ã³æ›¿ãˆã‚„ç·¨é›†ãªã©ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ OpenJSã¯jQuery/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ä¼æ¥ã‚·ã‚¹ãƒ†ãƒ ã¯ã‚‚ã¡ã‚ã‚“ã€Webã‚µãƒ¼ãƒ“ã‚¹ã®ç®¡ç†ç”»é¢ãªã©ã§æ±‚ã‚ã‚‰ã‚Œã‚‹ã®ãŒãƒ†ãƒ¼ãƒ–ãƒ«ãƒ™ãƒ¼ã‚¹ã®ãƒ‡ãƒ¼ã‚¿ä¸€è¦§è¡¨ç¤ºæ©Ÿèƒ½ã ã€‚ãã—ã¦ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½œã‚‹ã¨ã‚½ãƒ¼ãƒˆã‚„ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã€ãã®å ´ã§ã®ç·¨é›†æ©Ÿèƒ½ãªã©ãŒæ±‚ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ç”»åƒè¡¨ç¤º ãã‚“ãªæ©Ÿèƒ½ã‚’ä½œã‚Šè¾¼ã‚€ã®ã¯ã¨ã¦ã‚‚å¤§å¤‰ã ã€‚ã ãŒãƒ¦ãƒ¼ã‚¶ã®ç«‹å ´ã«ç«‹ã¦ã°ã€ä¸€ä»¶ãšã¤ç·¨é›†ã™ã‚‹ã®ã‚‚å¤§å¤‰ãªã“ã¨ã ã‚ã†ã€‚ãã“ã§å¤–éƒ¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«é ¼ã‚ã†ã€‚OpenJSã¯ã¨ã¦ã‚‚ãƒªãƒƒãƒãªç·¨é›†ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æä¾›ã—ã¦ãã‚Œã‚‹ã€‚ OpenJSã¯é€šå¸¸ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚¿ã‚°ã§ä½œã‚‰ã‚ŒãŸè¡¨ã‚’ã€è§’ä¸¸ã§ã‹ãªã‚ŠãƒªãƒƒãƒãªUIã«ã—ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ã‚«ãƒ©ãƒ ã§ä¸¦ã³æ›¿ãˆãŸã‚Šã€ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’è¡¨ç¤ºã™ã‚‹ã€ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã‚„ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚‚ã‚ã‚‹ã€‚Ajaxã§ã‚¹ãƒ ãƒ¼ã‚ºã«æ“ä½œ
ionis 2011/06/06
jQuery

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

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
Webã®åŸºæœ¬ã‹ã‚‰ã‚¯ãƒ©ã‚¦ãƒ‰ã€HTML5ã¾ã§æ˜“ã—ãè§£èª¬ã™ã‚‹Webçµµæœ¬ã€€GoogleãŒå…¬é–‹
Googleã¯6æœˆ2æ—¥ã€Webã‚’åˆ©ç”¨ã™ã‚‹éš›ã«çŸ¥ã£ã¦ãŠããŸã„åŸºæœ¬çš„ãªçŸ¥è˜ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹çµµæœ¬ã®æ—¥æœ¬èªžç‰ˆã€Œãƒ–ãƒ©ã‚¦ã‚¶ã‚„ã‚¦ã‚§ãƒ–ã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠããŸã„20ã®ã“ã¨ã€ã‚’å…¬é–‹ã—ãŸã€‚ ã€ŒIPã‚¢ãƒ‰ãƒ¬ã‚¹ã¨DNSã€ã‚„ã€Œã‚¯ãƒ©ã‚¦ãƒ‰ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã€ã€ŒHTML5ã€ã‚„ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãªã©ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®åŸºæœ¬ã‹ã‚‰æœ€æ–°ã®å‹•å‘ã¾ã§20é …ç›®ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã‚‹ã€‚ Chromeãƒ–ãƒ©ã‚¦ã‚¶ã‚’é–‹ç™ºã™ã‚‹ãƒãƒ¼ãƒ ãŒHTML5ã‚’æ´»ç”¨ã—ã¦åˆ¶ä½œã€‚ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚åˆ©ç”¨ã§ãã€ãƒšãƒ¼ã‚¸ã‚’ã‚ãã£ãŸã‚Šã™ã‚‹æ„Ÿè¦šã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Ÿç¾ã—ã¦ã„ã‚‹ã€‚ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã—ã¦ãŠã‚Šã€åŒæ§˜ã®Webãƒ–ãƒƒã‚¯ã‚’åˆ¶ä½œã™ã‚‹ã“ã¨ãŒå¯èƒ½ã ã€‚
ionis 2011/06/03
ã‚ªãƒ•ãƒ©ã‚¤ãƒ³åˆ©ç”¨å¯ã ã£ã¦ã€‚ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒå…¬é–‹ã—ã¦ã‚ã‚‹ã®ã§ã€Webãƒ–ãƒƒã‚¯ã‚’ä½œã‚‹äº‹ã‚‚å‡ºæ¥ã‚‹ã‚‰ã—ã„ã€‚

HTML5

ã‚µãƒ³ãƒ—ãƒ«

ãƒ‡ãƒ¢

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
not found
ionis 2011/05/30
ã¾ã¨ã‚

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

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

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Googleãƒžãƒƒãƒ—ãƒ©ã‚¤ã‚¯ã«åœ°å›³æ“ä½œãŒã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·Leaflet MOONGIFT
Leafletã¯è»½é‡ã§åœ°å›³æ“ä½œã«æœ€é©ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ Leafletã¯JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ã‹ã¤ã¦Webãƒ™ãƒ¼ã‚¹ã®åœ°å›³ã¨è¨€ãˆã°ã€ç”»åƒã®ä¸Šä¸‹å·¦å³ã«çŸ¢å°ãŒã¤ã„ãŸã‚‚ã®ã°ã‹ã‚Šã ã£ãŸã€‚ãã‚Œã‚’ä¸€å¤‰ã•ã›ãŸã®ãŒGoogleãƒžãƒƒãƒ—ã§ã€Ajaxã«ã‚ˆã‚‹ã‚¹ãƒ ãƒ¼ã‚ºãªæ“ä½œã‚’å¯èƒ½ã«ã—ãŸã€‚ ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ— ä»Šã‚„ã‚ã®UIãŒå½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ã‚‹ã€‚ãã—ã¦åœ°å›³ä»¥å¤–ã§ã‚‚ä½¿ãˆã‚‹å ´é¢ã‚‚å¢—ãˆã¦ã„ã‚‹ã€‚ã‚ã®ã‚ˆã†ãªUIã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§æ‰‹ã«å…¥ã‚ŒãŸã„ãªã‚‰ã°Leafletã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ã€‚ Leafletã¯CloudMadeãŒæä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€åœ°å›³æ“ä½œã«ç”¨ã„ã‚‹ã“ã¨ã‚’æƒ³å®šã—ã¦ã„ã‚‹ã€‚ãƒžãƒ¼ã‚«ãƒ¼è¡¨ç¤ºã‚„ãƒžãƒ¼ã‚«ãƒ¼ã‹ã‚‰ã®ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã«ã‚‚å¯¾å¿œã™ã‚‹ã€‚æ‹¡å¤§ã€ç¸®å°ã™ã‚‹æ™‚ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãŸã‚Šã€ãƒ›ã‚¤ãƒ¼ãƒ«ã‚„ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§ã‚ºãƒ¼ãƒ æ“ä½œã‚‚ã§ãã‚‹ã€‚ ã‚¯ãƒªãƒƒã‚¯ã—ãŸå ´æ‰€ã§è¡¨ç¤º ãƒžãƒ¼ã‚«ãƒ¼ã®ä»–ã«ã‚‚å††ã‚„ä¸‰è§’å½¢ã‚’æã
ionis 2011/05/27
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

UI

GUI

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ionis 2011/05/23
javascript

jQuery

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

å…¥é–€
ãƒªãƒ³ã‚¯
è¦šãˆã¦ãŠãã¨ãã£ã¨å½¹ç«‹ã¤ã€‚Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ã®ãƒªãƒƒãƒãªUIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Â·Alloy UI MOONGIFT
Alloy UIã¯æ•°å¤šãã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’æä¾›ã™ã‚‹UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ [/s2If] Alloy UIã¯HTML5/JavaScript/CSS3è£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚Webã®å½¹å‰²ã¯å¤§ããå¤‰ã‚ã£ã¦ãã¦ã„ã‚‹ã€‚ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã¨è¨€ã‚ã‚ŒãŸæ™‚ä»£ã¯çµ‚ã‚ã‚Šã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ã®ã‚ˆã†ã«ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ä¸Šã§ã‚„ã‚Šå–ã‚Šã•ã‚Œã‚‹ãƒ‡ãƒ¼ã‚¿ãŒå¢—ã—ã¦ã„ã‚‹ã€‚ å…¥åŠ›è£œå®Œ ãã‚Œã«ä¼´ã£ã¦Webãƒ™ãƒ¼ã‚¹ã§ã‚‚ãƒªãƒƒãƒãªUIãŒæ±‚ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸã€‚æ—¥ä»˜ã‚’ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼å…¥åŠ›ã—ãŸã‚Šã€ã‚½ãƒ¼ãƒˆã‚„ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ãªã©ã‚’å®Ÿè£…ã—ã¦æ¬²ã—ã„ã¨è¨€ã‚ã‚Œã‚‹ã“ã¨ã‚‚å¤šã„ã€‚ãã®ã‚ˆã†ãªãƒ‹ãƒ¼ã‚ºã«å¹…åºƒãç”ãˆã‚‰ã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒAlloy UIã ã€‚ Alloy UIã¯å®Ÿã«å¤šãã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æä¾›ã™ã‚‹ã€‚å…¥åŠ›è£œå®Œã€ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªãƒœã‚¿ãƒ³ã€ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€ç”»åƒãŒå®šæœŸçš„ã«åˆ‡ã‚Šæ›¿ã‚ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã€ã‚°ãƒ©ãƒ•ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã‚¨ãƒ‡ã‚£ã‚¿
ionis 2011/05/12
HTML5

CSS3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
30ä»¥ä¸Šã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«å¯¾å¿œã—ãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãƒã‚¤ãƒ©ã‚¤ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·Sunlight MOONGIFT
Sunlightã¯30ä»¥ä¸Šã®è¨€èªžã«å¯¾å¿œã—ãŸWebãƒ™ãƒ¼ã‚¹ã®ã‚³ãƒ¼ãƒ‰ãƒã‚¤ãƒ©ã‚¤ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ Sunlightã¯JavaScript/CSSè£½ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯WTFPLï¼‰ã€‚ãƒ–ãƒã‚°ã‚„Webã‚µã‚¤ãƒˆã§ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è¼‰ã›ãŸã„ã¨æ€ã†ã“ã¨ã¯å¤šã„ã€‚ã ãŒãŸã è²¼ä»˜ã‘ãŸã ã‘ã§ã¯ã¨ã¦ã‚‚è¦‹ã¥ã‚‰ã„ã‚‚ã®ã ã€‚ã‚„ã¯ã‚Šã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ãƒã‚¤ãƒ©ã‚¤ãƒˆå‡¦ç†ã•ã‚Œã¦ã„ã‚‹æ–¹ãŒè‰¯ã„ã€‚ PHPã‚³ãƒ¼ãƒ‰ æ—¢ã«å¹¾ã¤ã‚‚ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆå‡¦ç†ã‚’è¡Œã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚ã‚‹ãŒã€å¯¾å¿œã—ã¦ã„ã‚‹è¨€èªžã®æ•°ã€æ©Ÿèƒ½ã«ãŠã„ã¦ãŠå‹§ã‚ã§ãã‚‹ã®ãŒSunlightã ã€‚ SunlightãŒå¯¾å¿œã™ã‚‹è¨€èªžã¯ã‚¢ã‚»ãƒ³ãƒ–ãƒ©ã€ActionScriptã€Bashã€Brainfuckã€C/C++ã€C#ã€CSSã€Diffã€DOS batchã€Erlangã€Haskellã€Apacheè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã€Javaã€JavaScriptã€Lispã€Luaã€MySQLã€nginxã€Objective-Cã€Perlã€P
ionis 2011/05/12
javascript

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

ãƒã‚¤ãƒ©ã‚¤ãƒˆ

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2011å¹´4æœˆ
Slider Kit ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ã‚¿ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãªã©ã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«å¯¾å¿œã€‚
ionis 2011/04/27
jQuery

javascript

ã¾ã¨ã‚

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
èƒŒæ™¯ç”»åƒã‚’è‡ªå‹•ãƒªã‚µã‚¤ã‚ºã—ã¦ã†ã¾ããƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒBackstretchã€:phpspoté–‹ç™ºæ—¥èªŒ
èƒŒæ™¯ç”»åƒã‚’è‡ªå‹•ãƒªã‚µã‚¤ã‚ºã—ã¦ã†ã¾ããƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒBackstretchã€ 2011å¹´04æœˆ25æ—¥- jQuery Backstretch by Scott Robbin èƒŒæ™¯ç”»åƒã‚’è‡ªå‹•ãƒªã‚µã‚¤ã‚ºã—ã¦ã†ã¾ããƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒBackstretchã€ å¤§ããªå†™çœŸç‰ã‚’èƒŒæ™¯ã«ã—ã¦ã„ã‚‹ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶å¹…ã«ã‚ˆã£ã¦æŠ˜ã‚Šè¿”ã•ã‚ŒãŸã‚Šã—ã¦ã‹ã£ã“æ‚ªããªã£ã¦ã—ã¾ã„ã¾ã™ãŒã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°ãƒ–ãƒ©ã‚¦ã‚¶å¹…ã«å¿œã˜ã¦è‡ªå‹•ä¼¸ç¸®ã—ã¦ãã‚Œã¾ã™ã€‚ ä½¿ã„æ–¹ã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã‚“ã å¾Œã€æ¬¡ã®ã‚ˆã†ã«ï¼‘è¡Œæ›¸ãã ã‘ã§å®Ÿè£…ã§ãã¾ã™ã€‚ <script type="text/javascript"> $.backstretch("http://farm3.static.flickr.com/2443/3843020508_5325eaf761.jpg"); </script> èƒŒæ™¯ã«å¤§ããªç”»åƒã‚’æŒ‡å®šã—
ionis 2011/04/25
jQuery

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

ç”»åƒ

javascript

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
backofawebpage
Follow @backofawebpage and get more of the good stuff by joining Tumblr today. Dive in!
ionis 2011/04/21
webã‚µã‚¤ãƒˆã‚’å¾Œã‚å´ã‹ã‚‰è¦‹ã‚‹ã¨ã„ã†ç™ºæƒ³ãŒé¢ç™½ã„w

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

ãŠã‚‚ã—ã‚
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯è¦ãƒã‚§ãƒƒã‚¯ï¼è±Šã‹ãªãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’ä¸Žãˆã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é›†
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«ã¨ã£ã¦é‡è¦ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã§ã‚ã‚Šã€åŸºç›¤ã¨ãªã‚‹ã‚‚ã®ã§ã™ã€‚ç´ æ™´ã‚‰ã—ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯è±Šã‹ãªãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’ä¸Žãˆã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä½¿ã„ã«ãããªã„å›°æƒ‘ã•ã‚Œãªã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æœ›ã¿ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãŸã„ã¦ã„ã®å ´åˆã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚‚ã®ã‚ˆã‚Šãƒ¦ãƒ¼ã‚¶ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªã‚‚ã®ã§ã™ã€‚ã“ã“ã§ã¯ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã§ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ç´ æ™´ã‚‰ã—ã„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¨è‹¥å¹²ã®æ¬ ç‚¹ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
ionis 2011/04/21
webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸