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

XIAORING id:XIAORING

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

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

Bootstrap5è¨ç½®ã‚¬ã‚¤ãƒ‰
PSTï¼ˆç±³å›½å¤ªå¹³æ´‹æ™‚é–“ï¼‰2021/5/5ã«Bootstrap v5.0.0ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã“ã“ã§ã¯Bootstrap5ã®ä½¿ã„æ–¹ã‚’v4.xã‹ã‚‰ã®å¤‰æ›´ç®‡æ‰€ã‚‚å«ã‚ã¦æ—¥æœ¬èªžã§è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ è§£èª¬ã¯ã§ãã‚‹ã ã‘æœ€æ–°ç‰ˆï¼ˆv5.3.3ï¼‰ã«å¯¾å¿œã™ã‚‹ã‚ˆã†æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ ç›®æ¬¡ã‚’è¦‹ã‚‹ å°Žå…¥ã‚’è¦‹ã‚‹ â€»Bootstrap4.xã®è§£èª¬ã¯ã€Bootstrap4ç§»è¡Œã‚¬ã‚¤ãƒ‰ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ â€»Bootstrap3.xã®è§£èª¬ã¯ã€Bootstrap3ç§»è¡Œã‚¬ã‚¤ãƒ‰ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ Bootstrapã¨ã¯ï¼Ÿ ã‚‚ã¨ã‚‚ã¨Twitterç¤¾ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„é–‹ç™ºè€…ãŒä½œæˆã—ãŸBootstrapã¯ã€ä¸–ç•Œã§æœ€ã‚‚äººæ°—ã®ã‚ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®1ã¤ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Bootstrapã¯ã€Mark Ottoï¼ˆ@mdoï¼‰ã€Jacob Thorntonï¼ˆ@fatï¼‰ã®ä¸¡æ°ã«ã‚ˆã£ã¦2010å¹´ã®ä¸é ƒã«Twitterç¤¾ã§ä½œæˆã•ã‚Œ
XIAORING 2022/01/26
webdesign

webprogramming

css

javascript

document
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§jQueryä¸è¦ã®é«˜æ©Ÿèƒ½ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ŒSwiperã€ | Will Style Inc.ï½œç¥žæˆ¸ã«ã‚ã‚‹ã‚¦ã‚§ãƒ–åˆ¶ä½œä¼šç¤¾
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å¥¥ç”°ã§ã™ã€‚ æœ€è¿‘ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¯ã€Œè„±jQueryã€ãªã‚“ã¦è¨€ã‚ã‚Œã¦ã„ã¾ã™ãã€‚ ã¾ã ã¾ã jQueryãƒãƒªãƒãƒªæ›¸ã„ã¦ã¾ã™ã£ã¦æ–¹ã‚‚ã¡ã‚‡ã£ã¨ãšã¤ã€Œè„±jQueryã€ã—ã¦ã„ãã¨ã“ã®å…ˆã‚‚ã‚¹ã‚ãƒ«ãŒæ´»ã‹ã›ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯ã€Œã‚‚ã†æœ€è¿‘ã®æ¡ˆä»¶ã¯ã“ã‚Œã—ã‹ä½¿ã£ã¦ã„ãªã„ã‚“ã˜ã‚ƒãªã„ã‹ï¼Ÿã€ã¨ã„ã†ãã‚‰ã„é«˜æ©Ÿèƒ½ã§ä¾¿åˆ©ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ Table of contentsSwiperã®ä½¿ã„æ–¹ã‚«ãƒ«ãƒ¼ã‚»ãƒ«è¡¨ç¤ºã«ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã™ã‚‹PCæ™‚ã¯ã‚°ãƒªãƒƒãƒ‰è¡¨ç¤ºã€ã‚¹ãƒžãƒ›æ™‚ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã™ã‚‹ã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãã‚«ãƒ«ãƒ¼ã‚»ãƒ«è¡¨ç¤ºãã®ä»–ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¾ã¨ã‚Swiperã®ä½¿ã„æ–¹ã¾ãšã¯æ™®é€šã«ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ä¸‹è¨˜ã‚ˆã‚Šãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã‹CDNã§ã®ä½¿ç”¨ã§ã‚‚å®Ÿè£…ã§ãã¾ã™ã€‚ SwiperCDN CSSã¨JSã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <html> <head> <link rel="stylesheet" href="h
XIAORING 2017/11/14
webdesign

webprogramming

sample

javascript

tutorial
ãƒªãƒ³ã‚¯
ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ä½¿ã„ãŸã„ã‚ªã‚·ãƒ£ãƒ¬ãªå‹•ãCSSï¼†JSãƒ‘ãƒ¼ãƒ„ã¾ã¨ã‚20é¸ | æ¥½å¤©ãƒ†ã‚£ãƒƒãƒ—ã‚¹RakutenTips
å£ç¯€ã®å¤‰ã‚ã‚Šç›®ç‰¹ã«æ˜¥ã«ã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã‚µã‚¤ãƒˆã‚‚å¤šã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ãã‚“ãªãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚„ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«ä½¿ã„ãŸã„ã‚ªã‚·ãƒ£ãƒ¬ãƒ‘ãƒ¼ãƒ„ã‚’é›†ã‚ã¾ã—ãŸã€‚ cssSlider åå‰ã®é€šã‚ŠCSSã ã‘ã§å‹•ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚‚å¯¾å¿œã—ã¦ã¾ã™ã€‚ WOW.sliderã®ã‚ˆã†ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‹ã‚‰ã‚«ãƒ©ãƒ¼ãªã©å¥½ããªã‚ˆã†ã«é¸ã‚“ã§è¨ç½®ã§ãã‚‹ã®ã§ã€html&CSSãŒã‚ˆãåˆ†ã‹ã‚‰ãªã„äººã«ã‚‚ç°¡å˜ã«è¨ç½®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ MockupSlideshow
XIAORING 2015/03/15
css

javascript

jquery

plugin

index

webdesign
ãƒªãƒ³ã‚¯
æ¤œç´¢ã˜ã‚ƒå¦ã¹ãªã„ï¼ HTML/CSS/JavaScriptã®æ°—ã¥ãTipsã¾ã¨ã‚31ã“ | _level0 - KAYAC Front Engineer Blog
HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ã»ã‚“ã ã§ã™ã€‚ æ°—ã¥ãTipsï¼ Î£(ãƒ»ãƒãƒ») ã‚«ãƒ¤ãƒƒã‚¯ã®ä¸ã§ã‚‚HTML5ã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã‚’æ‹…å½“ã™ã‚‹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’é›†ã‚ãŸéƒ¨ç½²ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã§ã¯ã€ åˆ¶ä½œã«ã‚ãŸã£ã¦ã¯ã¾ã£ãŸã“ã¨ã‚„ã€æ°—ã¥ã„ãŸã“ã¨ã‚’ãƒ¡ãƒ¢çš„ã«è“„ç©ãƒ»å…±æœ‰ã—ã¦ã„ã¾ã™ã€‚ é€šå¸¸ã¯ã€ 1. åˆ¶ä½œã§ä½•ã‹ã‚ã‹ã‚‰ãªã„ã“ã¨ãŒã§ãŸ â–¼ 2. Googleç‰ã§æ¤œç´¢ã—ã¦è§£æ±ºã®ç³¸å£ã‚’ã•ãŒã™ â–¼ 3. ã“ã‚“ãªæ–¹æ³•ãŒã‚ã£ãŸã®ã‹ã€œ ã¨æ°—ã¥ãã‚’å¾—ã‚‹ ã¨ã„ã†ãƒ•ãƒãƒ¼ã§ã‚¹ã‚ãƒ«ã‚¢ãƒƒãƒ—ã—ã¦ã„ãã“ã¨ãŒã‚‚ã£ã±ã‚‰ã ã¨æ€ã†ã®ã§ã™ãŒã€ å¦ã³ã‚’å¢—ã‚„ã—ã¦ã„ããŸã‚ã«ã¯é•ã†ã‚¢ãƒ—ãƒãƒ¼ãƒã‚‚å¿…è¦ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã‚«ãƒ¤ãƒƒã‚¯HTMLãƒ•ã‚¡ã‚¤éƒ¨ã§ã¯ã€ 1. ã¿ã‚“ãªã§è“„ç©ã—ãŸTipsã‚’ã–ãã£ã¨èªã‚€ â–¼ 2. ã“ã‚“ãªæ–¹æ³•ãŒã‚ã£ãŸã®ã‹ã€œ ã¨æ°—ã¥ãã‚’å¾—ã‚‹ â–¼ 3. åˆ¶ä½œã®éš›ã«å°Žå…¥ã—ã¦ã„ã ã¨ã„ã†ãƒ•ãƒãƒ¼ã‚’ç¹°ã‚Šè¿”ã—å®Ÿè·µã—ã¦ã„ãã“ã¨ã§ã€ æ¤œç´¢ã§ã¯æ°—ã¥ã‘ãªã„ã“ã¨ã‚’å¦ã³ã€å®Ÿè£…åŠ›ã‚¢ãƒƒãƒ—
XIAORING 2015/02/03
html5

css

javascript

webdesign

webprogramming

tips
ãƒªãƒ³ã‚¯
å‹•ç”»ãƒ»éŸ³æ¥½å†ç”Ÿ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjPlayerã€ã‚’ä½¿ã† - ãƒ¡ãƒ¢ç”¨ç´™
jPlayer ã¯å‹•ç”»ã‚„éŸ³æ¥½ã‚’å†ç”Ÿã™ã‚‹ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚HTML Audio ã«å¯¾å¿œã—ã¦ã„ã‚‹ã“ã¨ã€HTML + CSS + JavaScript ã§ UI ã‚’ç´°ã‹ãä½œã‚Šè¾¼ã‚ã‚‹ã“ã¨ãŒç‰¹å¾´ã§ã™ã€‚ ç¾æ™‚ç‚¹ã§ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯2.0.0ã€‚jQuery 1.3.2 ä»¥é™ã§ä½¿ãˆã¾ã™ã€‚ jPlayer : HTML5 Audio & Video for jQuery å‹•ä½œã‚µãƒ³ãƒ—ãƒ« éŸ³ã‚’é³´ã‚‰ã™ ã¾ãš jPlayer ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€jquery.jplayer.min.js ãŠã‚ˆã³ Jplayer.swf ã‚’é©å½“ãªãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«é…ç½®ã—ã¾ã™ã€‚ HTML å´ã¯ç©ºã® div ã‚’ç”¨æ„ã—ã¾ã™ã€‚ï¼ˆä¸ã«ä½•ã‹æ›¸ã„ã¦ã‚‚ç½®ãæ›ãˆã‚‰ã‚Œã‚‹ï¼‰ <div id="player"></div> JavaScript ã¯æ¬¡ã®ã‚ˆã†ã«æ›¸ãã¾ã™ã€‚swfPath ã«ã¯ Jplayer.swf ã®ã‚ã‚‹ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’æŒ‡å®šã€setMe
XIAORING 2013/09/06
jPlayer mp3 ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼

webprogramming

javascript

jquery

plugin

tutorial
ãƒªãƒ³ã‚¯
ã“ã®é †ç•ªã§èªã‚ã°OKï¼JavaScriptã‚’ç†è§£ã™ã‚‹ãŸã‚ã®14å†Š | DECONCEPTER
JavaScriptã®æ›¸ç±ã¯jQueryã‚„ã‚µãƒ³ãƒ—ãƒ«ä¸å¿ƒã®ãƒãƒƒãƒ—ã‚¹æœ¬ãªã©ã‚’å«ã‚ã‚‹ã¨ã€å¤šæ•°å‡ºã¦ãŠã‚Šã€ã“ã‚Œã‹ã‚‰å‹‰å¼·ã—ãŸã„äººã«ã¨ã£ã¦ã¯ã©ã‚Œã‹ã‚‰èªã‚ã°ã„ã„ã‹è¿·ã†ã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ ä»Šæ—¥ã¯ã“ã“æ•°å¹´ã§å‡ºãŸæ›¸ç±ã®ä¸ã§åˆç´šè€…ã‹ã‚‰è„±ä¸ç´šè€…ã«ãªã‚‹ã¾ã§ã«èªã¿ãŸã„æ›¸ç±ã‚’ã€ã“ã®é †ç•ªã§èªã‚ã°ã‚¹ãƒ†ãƒƒãƒ—ã‚¢ãƒƒãƒ—ã§ãã‚‹ã¨ã„ã†å†…å®¹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ STEP1. åˆå¿ƒè€…ã¸ã®ãŠã™ã™ã‚ã¯ãƒ€ãƒ³ãƒˆãƒ„ã§ã“ã‚Œä¸€æŠžã€‚ åˆå¿ƒè€…å‘ã‘ã®å†…å®¹ã¨ã—ã¦ã¯ã“ã‚ŒãŒãƒ€ãƒ³ãƒˆãƒ„ã§ãŠã™ã™ã‚ã§ã™ã€‚å†…å®¹ãŒæ˜“ã—ãä¸å¯§ãªä¸Šã«ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆã§æ›¸ç±ã®å†…å®¹ã‚’å‹•ç”»ã§èª¬æ˜Žã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ Amazon.co.jpï¼š ã‚ˆãã‚ã‹ã‚‹JavaScriptã®æ•™ç§‘æ›¸: ãŸã«ãã¡ ã¾ã“ã¨: æœ¬ ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆã¯ã“ã¡ã‚‰ STEP2. å…¨ä½“ã‚’æŠŠæ¡ã™ã‚‹ã«ã¯ååˆ†ãªãƒœãƒªãƒ¥ãƒ¼ãƒ ã€‚è„±åˆç´šè€…å‘ã‘ã«ã¯ã“ã®2å†Šã€‚ 2å†Šã¨ã‚‚åˆç´šè€…ã«ã¨ã£ã¦ã¯å°‘ã—åŽ³ã—ã„å†…å®¹ã«ãªã£ã¦ã„ã¾ã™ãŒã€ã“ã®2å†ŠãŒç†è§£ã§ãã‚Œã°å¾Œã¯ä½œã‚Šã¾ãã‚‹
XIAORING 2012/10/12
programming

javascript

book
ãƒªãƒ³ã‚¯
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„inputè¦ç´ ãªã©ã®ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’å°‘ã—ã ã‘å‘ä¸Šã§ãã‚‹åœ°å‘³ã«ä¾¿åˆ©ãªjQueryã‚³ãƒ¼ãƒ‰ã„ãã¤ã‹ - ã‹ã¡ã³ã¨.net
ãƒ•ã‚©ãƒ¼ãƒ ã§åˆ©ç”¨ã™ã‚‹jQueryã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆ ã‚³ãƒ¼ãƒ‰ã‚’ã„ãã¤ã‹ã€‚ã©ã‚Œã‚‚æ—¢å‡ºã ã¨æ€ã† ã®ã§ãŠã•ã‚‰ã„ã¨ã„ã†äº‹ã§ã€‚ã¨ã¯ã„ãˆã€æ‰€è©® ã¯ã‚¹ãƒ‹ãƒšãƒƒãƒˆã§ã™ã®ã§å®Ÿéš›ã«å°Žå…¥ã™ã‚‹éš› ã¯å‹•ä½œã‚’ã—ã£ã‹ã‚Šã¨æ¤œè¨¼ã™ã‚‹äº‹ã‚’å¼·ã æŽ¨å¥¨ã—ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã®jQueryã‚¹ãƒ‹ãƒšãƒƒãƒˆã§ã™ã€‚è‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢ã‚‚å…¼ãã¦ã€‚ ãƒ•ã‚©ãƒ¼ãƒ é–¢ä¿‚ã¯è‰²ã€…é¢å€’ãªã®ã§å‚è€ƒã«ãªã‚‰ãªã„äº‹ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ã€Œãµãƒ¼ã‚“ã€ç¨‹åº¦ã«ã”è¦§é ‚ãã¨ä¸åº¦ã„ã„ã¨æ€ã„ã¾ã™ã€‚ Placeholderå±žæ€§ã‚’ã€éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯è¡¨ç¤º/éžè¡¨ç¤ºã« ä¾¿åˆ©ãªHTML5ã®Placeholderå±žæ€§ã‚’ã‚ªãƒ¼ãƒ«ãƒ‰ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯è¡¨ç¤º/éžè¡¨ç¤ºã¨ã—ã¦å¯¾å¿œã—ã¾ã™ã€‚ if(!$.support.placeholder) { var active = document.activeElement; $(':text').focus(function () { if ($(this).attr('placeholde
XIAORING 2012/07/05
form input

webdesign

javascript

jquery

sample

usability
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’ä¸€æ°—ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒQUOjsã€:phpspoté–‹ç™ºæ—¥èªŒ
QUOjs - Micro JavaScript Library ã‚¹ãƒžãƒ›ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’ä¸€æ°—ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒQUOjsã€ ã‚¿ãƒƒãƒ—ã€ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã€ãƒ›ãƒ¼ãƒ«ãƒ‰ã€ã‚¹ãƒ¯ã‚¤ãƒ—ã€ã‚¹ãƒ¯ã‚¤ãƒ—ä¸Šä¸‹å·¦å³ã€ãƒ‰ãƒ©ãƒƒã‚°ã¨ã„ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã®ã«ä½¿ãˆãã† ãƒ¢ãƒã‚¤ãƒ«ã¨ã„ã†ã“ã¨ã§3Gå›žç·šã«ã‚‚é…æ…®ã—ãŸ13KBã¯å¬‰ã—ã„ã€‚ ä»Šå¾Œã¯ãƒãƒ¼ãƒ†ãƒ¼ãƒˆã‚„ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒ»ã‚¢ã‚¦ãƒˆã«ã‚‚å¯¾å¿œäºˆå®šã ãã† å®Ÿè£…ã¯jQueryãƒ©ã‚¤ã‚¯ã§è¶…ç°¡å˜ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãŸã£ãŸ2KBã§å‹•ä½œã™ã‚‹ã‚¹ãƒžãƒ›ç”¨ãƒžãƒ«ãƒã‚¿ãƒƒãƒã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHammer.jsã€ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã®æŒ‡ã‚¸ã‚§ã‚¹ãƒãƒ£ã®èª¬æ˜Žã«ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€ŒCueã€
XIAORING 2012/06/12
QUO.js

javascript

jquery

plugin

smartphone
ãƒªãƒ³ã‚¯
ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
gmaps.js ? the easiest way to use Google Maps ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.jsã€ Googleãƒžãƒƒãƒ—ã®ã‚µã‚¤ãƒˆã¸ã®å®Ÿè£…ãŒæœ¬å½“ã«ç°¡å˜ã§ã€ã‹ã¤å¤šæ©Ÿèƒ½ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã”ç´¹ä»‹ã§ã™ ç°¡å˜ãªãƒžãƒƒãƒ—ã‚’å‡ºã™ã®ã«å¿…è¦ãªã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã€‚ è¡¨ç¤ºã•ã›ã‚‹divã¨ç·¯åº¦çµŒåº¦ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ã™ å‡ºæ¥ã‚‹ã“ã¨ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ ãƒžãƒƒãƒ—ã®ã‚¯ãƒªãƒƒã‚¯ã€ãƒ‰ãƒ©ãƒƒã‚°æ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©å®Ÿè£… ãƒžãƒ¼ã‚«ãƒ¼ä»˜ä¸Ž ã‚¸ã‚ªãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ã‚¸ã‚ªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° ãƒžãƒƒãƒ—ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ ãƒžãƒƒãƒ—ä¸Šã®ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£… åœ°å›³ä¸Šã®åŒºç”»æŒ‡å®š ç›®çš„åœ°ã¾ã§ã®ãƒ«ãƒ¼ãƒˆæç”» é™çš„ãªç”»åƒã‚’ãƒžãƒƒãƒ—è¡¨ç¤º ãªã©ãªã©è¶…å¤šæ©Ÿèƒ½ã€‚ Googleãƒžãƒƒãƒ—ä½¿ã†ã‹ã‚‚ã—ã‚Œãªã„å ´åˆã¯è¦šãˆã¦ãŠã„ã¦æã¯ã‚ã‚Šã¾ã›ã‚“ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Googleãƒžãƒƒãƒ—é–¢é€£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† ã‚¹ãƒžãƒ›ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§Googleãƒžãƒƒãƒ—é¢¨
XIAORING 2012/06/04
Google Maps library

webprogramming

webservice

javascript

sample
ãƒªãƒ³ã‚¯
æ±äº¬æ¸‹è°· â€œHTML5å…¥é–€ï¼†jQueryâ€ å‹‰å¼·ä¼š(5/26)ã®è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ | tonowp
æ±äº¬æ¸‹è°· â€œHTML5å…¥é–€ï¼†jQueryâ€ å‹‰å¼·ä¼š(5/26)ã‚’è¡Œã„ã¾ã—ãŸã€‚ jQueryã‚’ãŠã¼ãˆã‚ˆã†ï¼ã¨ã„ã†ã“ã¨ã§ã€HTML5ã®ã–ã£ãã‚Šã¨ã—ãŸè§£èª¬ã¨ã€jQueryã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’å¦ç¿’ã—ã¾ã™ï¼è©³ç´°ï¼šATND ãã®ã¨ãã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŠã‚ˆã³è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ã€‚ ä»Šå¾Œã‚‚å‹‰å¼·ä¼šã‚’é–‹å‚¬ã™ã‚‹äºˆå®šã§ã™ã€‚ twitterã®ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚° #gooyaHub ã§å‘ŠçŸ¥ã—ã¦ã„ãã¾ã™ã®ã§ ã‚ˆã‹ã£ãŸã‚‰å‚åŠ ã—ã¦ã¿ã¦ãã ã•ã„ï¼
XIAORING 2012/06/04
slide

webdesign

html5

javascript

jquery

tutorial
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã®ãŸã‚ã®jQueryãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å…¥é–€ - libro
â€»ãƒšãƒ¼ã‚¸ãŒæ£å¸¸ã«è¡¨ç¤ºã•ã‚Œãªã„å ´åˆ AddBlockãªã©ã®åºƒå‘Šãƒ–ãƒãƒƒã‚¯ãƒ„ãƒ¼ãƒ«ãŒONã«ãªã£ã¦ã„ã‚‹ã¨ã€ãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨ãŒè¡¨ç¤ºã•ã‚Œãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã‚‰ã®ãƒ„ãƒ¼ãƒ«ã‚’OFFã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚
XIAORING 2012/05/25
javascript

jquery

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

webprogramming

jquery

javascript

tips
ãƒªãƒ³ã‚¯
CSS3ãŒéžå¯¾å¿œãªãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã®ã¾ã¨ã‚
Modernizr [ad#ad-2] ãƒ„ãƒ¼ãƒ«ã®æ¦‚è¦ JavaScript ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ åˆ©ç”¨ã§ãã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ @font-face border-image border-radius box-shadow text-shadow opacity Multiple backgrounds CSS Animations CSS Gradients ãªã© CSS3 PIE ãƒ„ãƒ¼ãƒ«ã®æ¦‚è¦ ãƒ“ãƒ˜ã‚¤ãƒ“ã‚¢ ã‚¹ã‚¯ãƒªãƒ—ãƒˆ(htc) ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ åˆ©ç”¨ã§ãã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ border-radius box-shadow border-image multiple background images linear-gradient as background image
XIAORING 2011/02/02
webdesign

css3

javascript

jquery

plugin
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 2011å¹´1æœˆ22æ—¥ iPhoneã¨Androidä¸¡æ–¹ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆä½œæˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ¨ªå¹…ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320pxï½ž640pxã€æ¨ªå‘ãã§480pxï½ž960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ æ¨™æº–ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(æ¨ª)/480pxï¼ˆç¸¦ï¼‰ã‚’æ¨™æº–ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ â€»iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…éƒ¨è§£åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãã‚Œã‚‹ãŸã‚ã€‚ ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’ä½œæˆã™ã‚‹éš›ã‚‚ç¸¦ã‚’æ¨™æº–ã¨ã™ã‚‹éš›ã¯320pxï¼ˆæ¨ªï¼‰ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
XIAORING 2011/01/24
iPhone Android viewport meta user agent

webdesign

tips

mobile

javascript

smartphone
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãªã©ã®å‹‰å¼·ã«è‰¯ã•ãã†ãªå›½å†…ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚„Webã‚µã‚¤ãƒˆã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
ã„ã‚ˆã„ã‚ˆ2011å¹´ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã—ãŸã€‚ ä»Šå¹´ã‚‚åŽ»å¹´åŒæ§˜ã€å‹‰å¼·ã™ã‚‹ã“ã¨ãŒ æ²¢å±±ã‚ã‚Šã¾ã™ã€‚ã¾ã ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒ ãã“ãã“ã‚ã‚‹ã†ã¡ã«å‹‰å¼·ã«ãªã‚Šãã†ãª å›½å†…ã®è¨˜äº‹ã‚’ãƒªãƒ³ã‚¯é›†ã«ã—ã¾ã—ãŸã€‚ è¿·ã£ãŸã¨ãã«è¦‹ã¦ã¿ã‚ˆã†ã‹ãªã¨æ€ã„ ã¾ã™ã€‚ ã‚ˆã‚Šæœ€é©ãªæ–¹æ³•ã¨ã„ã†ã®ã¯ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ãšã¯æ‰‰ã‚’å©ã‹ãªã„äº‹ã«ã¯ä½•ãŒæ‚ªã„ã‹ã‚‚åˆ†ã‹ã‚Šã¾ã›ã‚“ã€‚ã¨ã„ã†ã“ã¨ã§ã€å†…å®¹ã«æ‹˜ã‚‰ãšã€å¦ã®æ„è¦‹ã‚’ã‚¹ãƒ«ãƒ¼ã—ã¦ã“ã“ã«è‰²ã€…ã¾ã¨ã‚ã•ã›ã¦é ‚ãã¾ã—ãŸã€‚ å‹‰å¼·ã—ãŸã„æ°—æŒã¡ã¯ã‚ã‚‹ã‘ã©å‡ºæ¥ãªã„ç†ç”±ã¯ã€Œä½•ã‚’å§‹ã‚ã‚Œã°ã„ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†æ–¹ã‚‚ã€ä½•ãŒå‡ºæ¥ã‚‹ã®ã‹ã€ã©ã†ã„ã£ãŸå‹‰å¼·æ³•ã§å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ãŒåˆ†ã‹ã‚Œã°ã‚„ã‚‹æ°—ãŒèµ·ãã‚‹ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ 5åˆ†ã§åˆ†ã‚‹ã‚·ãƒªãƒ¼ã‚º ä»¥å‰ã‚‚æµè¡Œã£ãŸã‚“ã§ã™ãã€‚Webé–¢é€£ä»¥å¤–ã‚‚å«ã‚ã¦ã“ã“ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ 5åˆ†ã§åˆ†ã‹ã‚‹ PHP ã‚’çŸ¥ã‚‰ãªã„äººãŒ PHP ã®ä¾¿åˆ©ã•ã‚’å¦ã¹ã‚‹è¨˜äº‹ã‚’æ›¸ã„ãŸã‚ˆ 5åˆ†ã§ã‚ã‹ã‚‹ Ruby ã‚’çŸ¥ã‚‰ãªã„äººãŒ Ruby ã®
XIAORING 2011/01/07
webdesign

webprogramming

tips

tutorial

index

php

javascript

jquery
ãƒªãƒ³ã‚¯
WordPressã®è¨˜äº‹ã”ã¨ã«å€‹åˆ¥ã®CSS, JavaScriptã‚’è¿½åŠ ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ -Custom CSS and JS
WordPressã®è¨˜äº‹ã‚„ãƒšãƒ¼ã‚¸ã”ã¨ã«ã€ãã‚Œãžã‚Œå€‹åˆ¥ã®CSS, JavaScriptã®å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚„ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Custom CSS and JS [ad#ad-2] Custom CSS and JSã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« WordPressã®è¨˜äº‹ã”ã¨ã«å€‹åˆ¥ã®CSSã‚’è¿½åŠ WordPressã®è¨˜äº‹ã”ã¨ã«å€‹åˆ¥ã®JavaScriptã‚’è¿½åŠ Custom CSS and JSã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ã€WordPressã®ç®¡ç†ç”»é¢ã€Œãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ã®ã€Œæ–°è¦è¿½åŠ ã€ã‹ã‚‰è¡Œãˆã¾ã™ã€‚ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã«ã€ŒCustom CSS and JSã€ã‚’å…¥åŠ›ã—ã¦ã€ã€Œãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®æ¤œç´¢ã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®æ–°è¦è¿½åŠ ç”»é¢ã®ã‚ãƒ£ãƒ—ãƒãƒ£ æ¤œç´¢çµæžœã«è¡¨ç¤ºã•ã‚ŒãŸã€ŒCustom CSS and JSã€ã®ã€Œãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå§‹ã¾ã‚Šã¾ã™ã€‚ ã¾ãŸã€ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã‹
XIAORING 2010/12/10
wordpress

css

javascript

plugin
ãƒªãƒ³ã‚¯
JavaScriptã®ãƒ‡ãƒãƒƒã‚°Tips - os0x.blog
JavaScript Advent Calendar 2010 8æ—¥ç›®æ‹…å½“ã®id:os0xã§ã™ã€‚ JavaScriptãƒã‚¿ã¯æ¡ˆå¤–ç¯„å›²ãŒåºƒãã¦è‰²ã‚“ãªãƒã‚¿ãŒã‚ã‚‹ã®ã§ã€æ¯Žå›žãŒæ¥½ã—ã¿ã§ã™ãã€‚ ã•ã¦ã€ç§ã¯ãƒ‡ãƒãƒƒã‚°ã‚’ãƒã‚¿ã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãƒ†ã‚¹ãƒˆã§ã¯ãªããƒ‡ãƒãƒƒã‚°ã§ã™ã€‚èª°ã‹ãŒæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ãªãã‚ƒãƒ¼ã€ã¨ã‹ã€‚jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³å°Žå…¥ã—ã‚ˆã†ã¨ã—ãŸã‘ã©ã€ãªã‚“ã‹ã†ã¾ãå‹•ã‹ãªã„ãƒ¼ã¿ãŸã„ãªã‚±ãƒ¼ã‚¹ã®ãŠã¯ãªã—ã§ã™ã€‚ JavaScriptã®ãƒ‡ãƒãƒƒã‚°ã¯å¤§å¤‰ãªã®ã§ã€å¤šãã®æ–¹ãŒæ—¥ã€…è‹¦åŠ´ã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãªãœJavaScriptã®ãƒ‡ãƒãƒƒã‚°ãŒå¤§å¤‰ãªã®ã‹å°‘ã—æ•´ç†ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ä¾å˜ ã¾ãšã€ãªã‚“ã¨ã„ã£ã¦ã‚‚JavaScriptã¯ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Ÿè¡Œã•ã‚Œã‚‹ã®ã§ã€ç’°å¢ƒãŒä¸€å®šã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ç‰¹å®šã®ç’°å¢ƒã ã‘ã‚’å¯¾è±¡ã«JavaScriptã‚’æ›¸ãã“ã¨ã¯æ»…å¤šã«ã‚ã‚Šã¾ã›ã‚“ã€‚PCå‘ã‘ã§ã¯IEã€Firefoxã€Chromeã€Sa
XIAORING 2010/12/09
debug

webprogramming

javascript

tips
ãƒªãƒ³ã‚¯
JavaScriptå…¥é–€è¬›åº§
ä»Šæ—¥ã®å†…å®¹ JavaScriptã‚’å‹‰å¼·ã—å§‹ã‚ãã‚‰ã„ã®äººã‚’å¯¾è±¡ã«ã—ãŸJavaScriptå…¥é–€è¬›åº§çš„ãªã‚‚ã® æ–‡æ³•ã¨ã‹ã¯èª¿ã¹ã‚Œã°ã‚ã‹ã‚‹ã®ã§ãµã‚Œã¾ã›ã‚“ ä¸€äººã§å‹‰å¼·ã—ã¦ã‚‚ã‚ã‹ã‚‰ãªãã†ãªæ¦‚å¿µãªã©ã‚’é‡ç‚¹çš„ã«èª¬æ˜Žã—ã¾ã™ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã®ã§JavaScriptã£ã¦ã“ã‚“ãªæ„Ÿã˜ã¦ä½œã‚‹ã‚“ã ãªãƒ¼ã¨ã„ã†ã®ãŒã‚ã‹ã£ã¦ã‚‚ã‚‰ãˆã‚Œã°ã¨ ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ JavaScriptã‚’å‹‰å¼·ã™ã‚‹å‰ã« JavaScriptã®åŸºç¤ŽçŸ¥è˜ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° part1 jQueryã®åŸºç¤ŽçŸ¥è˜ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° part2
XIAORING 2010/11/22
slide

programming

webprogramming

javascript

tutorial
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®å®Ÿç”¨çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
Five Useful Design Techniques and Coding Solutions For Web Designers [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ PHPã¯WordPressã§ã®ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ 1. è¤‡æ•°ã®é …ç›®ãŒã‚ã‚‹æ£’ã‚°ãƒ©ãƒ•ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 2. ãƒ›ãƒãƒ¼æ™‚ã«è¿½åŠ æƒ…å ±ã‚’è¡¨ç¤º 3. ã‚«ãƒ†ã‚´ãƒªã”ã¨ã«ç•°ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚’é©ç”¨ 4. ã¡ã‚‡ã£ã¨é¢ç™½ã„ç”»åƒã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ 5. ã‚¦ã‚§ãƒ–ã®ãŸã‚ã®å°åˆ·é¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ ãŠã‚ã‚Šã« -developersã§ã¯ãªãã€designers 1. è¤‡æ•°ã®é …ç›®ãŒã‚ã‚‹æ£’ã‚°ãƒ©ãƒ•ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ ä¸‹è¨˜ã®ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹æ£’ã‚°ãƒ©ãƒ•ã§ã¯ã€ä¸Šï¼šã‚¿ã‚°ã®ç¨®é¡žã¨æ•°ã€ä¸‹ï¼šã‚³ãƒ¡ãƒ³ãƒˆã®ã¤ã„ãŸè¨˜äº‹ã¨æ•°ã€ã‚’ãã‚Œãžã‚Œç´ æ™´ã‚‰ã—ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ ã“ã†ã„ã£ãŸæ•°å€¤åŒ–ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦æœ‰ç”¨ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ‰‹ãŒã‹ã‚Šã‚’æä¾›ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æ”¹å–„ã™ã‚‹ã“ã¨ã«
XIAORING 2010/10/15
bar chart æ£’ã‚°ãƒ©ãƒ• hover mouseover ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ category ã‚«ãƒ†ã‚´ãƒª caption ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ print å°åˆ·é¢¨

webdesign

webprogramming

(x)html

css

javascript

jquery

php

tips

index
ãƒªãƒ³ã‚¯
MdN Designï½œç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
ã€Œleigeber web development blogã€ã§ç™ºè¡¨ã•ã‚Œã¦ã„ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ï¼ˆwww.scriptiny.com/2008/12/javascript-slideshow/ï¼‰ã‚’å®Ÿè£…ã—ã¦ã¿ã‚ˆã†ã€‚ ï¼»Click here to download the source.ï¼½ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’è§£å‡ã—ã€ã€Œcompressed.jsã€ï¼ˆJavaScript æœ¬ä½“ï¼‰ã€ã€Œstyle.cssã€ã€ã€Œimagesã€ï¼ˆãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ç”»åƒï¼‰ã‚’ä½¿ç”¨ã€‚æ¬¡ã«å†™çœŸç´ æã‚’æº–å‚™ã™ã‚‹ã€‚ä¸€æžšã«ã¤ãã€ãã‚Œãžã‚Œå¤§ããªå†™çœŸã¨ã‚µãƒ ãƒãƒ¼ãƒ«ã‚’ç”¨æ„ã—ã‚ˆã†ã€‚ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã€å¤§ããªå†™çœŸã®æ¨ªä½ç½®ãŒ500Ã—334ãƒ”ã‚¯ã‚»ãƒ«ã€ç¸¦ä½ç½®ãŒæ¨ªå¹…æˆã‚Šè¡ŒãÃ—é«˜ã•334ãƒ”ã‚¯ã‚»ãƒ«ã¨ã—ã¦ãã‚ãˆãŸã€‚ã‚µãƒ ãƒãƒ¼ãƒ«ã¯ã€é«˜ã•75ãƒ”ã‚¯ã‚»ãƒ«ã§æ¨ªå¹…ã¯æˆã‚Šè¡Œãã¨ã—ã€å¤§ããªå†™çœŸã¯ã€Œphotosã€ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã€ã‚µãƒ ãƒãƒ¼ãƒ«ã¯ã€Œthumbnailsã€ãƒ‡ã‚£
XIAORING 2010/10/15
webdesign

webprogramming

(x)html

javascript

tutorial
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸