[B! JavaScript][*webãƒ‡ã‚¶ã‚¤ãƒ³] yifeã®ãƒ

yife id:yife

JavaScriptã¨*webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

[JS]ãƒ†ã‚ã‚¹ãƒˆã‚’Flashã®ã‚ˆã†ãªç¾Žã—ã„ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -animateText.js
Flashã®ã‚ˆã†ãªç¾Žã—ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€è¤‡æ•°ã®ãƒ†ã‚ã‚¹ãƒˆã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã‚„ãƒ•ã‚§ãƒ¼ãƒ‰ãªã©ã§è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ â€»ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã®ãƒŸãƒƒã‚¯ã‚¹ã€‚ animateText.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="//ajax.google apis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="/animateText.js/js/animateText.js"> </script> â€»linearä»¥å¤–ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ä½¿ç”¨ã™ã‚‹æ™‚ã¯ã€Œjquery-ui.jsã€ã‚‚å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã«åŠ ãˆ
yife 2012/12/12
js

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

ãƒ†ã‚ã‚¹ãƒˆ

webåˆ¶ä½œ

JavaScript

jquery

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

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[JS]ãƒ‘ãƒãƒ«ã‚’ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ç§»å‹•ã—ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªç”±ã«æ§‹ç¯‰ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Gridster
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¼´ã£ã¦ã€ãƒ‘ãƒãƒ«ã‚’ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ç§»å‹•ã—ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªç”±ã«æ§‹ç¯‰ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‘ãƒãƒ«ã¯ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ã€ã‚«ãƒ©ãƒ ã‚’ã¾ãŸã„ã§ã‚‚ç§»å‹•ã§ãã¾ã™ã€‚ç§»å‹•ã—ãŸéš›ã«ä»–ã®ãƒ‘ãƒãƒ«ã¯æŒ‡å®šã—ãŸç¸¦åˆ—ãƒ»æ¨ªåˆ—æ•°ã¨ãƒžãƒ¼ã‚¸ãƒ³ã‚’ç¶æŒã—ã¾ã™ã€‚ ä»–ã®ãƒ‘ãƒãƒ«ã‚‚ç§»å‹•å¯èƒ½ã§ã™ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 9+ Firefox Chrome Safari Opera Gridsterã®ä½¿ã„æ–¹ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="libs/jquery.js"></script> <script type="text/javascript" src="jquery.gridster.js"></scri
yife 2012/08/01
*webãƒ‡ã‚¶ã‚¤ãƒ³

jQuery

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

JavaScript

jQuery

JS

Grid
ãƒªãƒ³ã‚¯
è¶…ã‚«ãƒƒã‚³ã„ã„ç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’jQueryã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
How to Create a jQuery Confirm Dialog Replacement | Tutorialzine è¶…ã‚«ãƒƒã‚³ã„ã„ç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’jQueryã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« æ™®é€šã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨ã„ã†ã¨ javascript ã® confirm ã¨ã‹ã€ãã®ä»– jquery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦å®Ÿè£…ã•ã‚Œã‚‹ã‚‚ã®ãŒå¤šã„ã§ã™ãŒã€ã“ã‚Œã¾ã§è¦‹ãŸãªã‹ã§ã‚‚ã‹ãªã‚Šã®ã‚«ãƒƒã‚³ã‚ˆã•ã®ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ã€‚ ä¸€è¦‹å…¨ã¦ç”»åƒã®ã‚ˆã†ã«ã‚‚è¦‹ãˆã¾ã™ãŒã€CSS3ã‚’ä½¿ã£ã¦ç¶ºéº—ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã“ã‚‰è¾ºã‚‚ã“ã ã‚ã‚ŠãŸã„ã¨ã„ã†æ–¹ã¯å‚è€ƒã«ã—ã¦ã¿ã‚‹ã¨ã‚ˆã•ãã†ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª åŠ¹æžœéŸ³ä»˜ãã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFloat Dialogã€ ãã®å ´ã§ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ç”¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjConfirmAc
yife 2011/02/07
jquery

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

jQuery

UI

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

ãƒ•ã‚©ãƒ¼ãƒ

dialog

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

jQuery

JavaScript
ãƒªãƒ³ã‚¯
CSS3ã¨jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç¾Žã—ãè£…é£¾ã™ã‚‹æ–¹æ³•
2014å¹´8æœˆ22æ—¥ CSS, jQuery ã©ã‚“ãªWebã‚µã‚¤ãƒˆã§ã‚‚è¨ç½®ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã€‚ãªã‚“ã®è£…é£¾ã‚‚ãªãå‘³æ°—ãªã„ãƒ•ã‚©ãƒ¼ãƒ ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚‚ã®ã®ã»ã†ãŒé€£çµ¡ã—ã¦ã¿ãŸããªã‚‹ã¯ãšã§ã™ï¼ãã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã‚‚å°‘ã—æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã§ç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰èº«ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä»Šå›žã¯CSS3ã¨jQueryã‚’ä½¿ã£ã¦ã‚ˆã‚Šç¾Žã—ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ•ã‚©ãƒ¼ãƒ ã®ä»•æ§˜ ä»Šå›žãƒãƒ£ãƒ¬ãƒ³ã‚¸ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸»ãªä»•æ§˜ã§ã™ï¼ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä½¿ã£ã¦ç«‹ä½“æ„Ÿã‚’è¡¨ç¾ è§’ä¸¸ã§ä¸¸ã¿ã‚’ã¤ã‘ã‚‹ï¼ˆãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶: IE7â–³, IE8â–³, IE9, Firefox, Chrome, Safari ãƒ•ã‚©ãƒ¼ãƒ åˆ¶ä½œã®æµã‚Œ CSS3ã£ã¦ãªã‚“ã ï¼Ÿã¨ã„ã†äººã‚‚ã²ã¨ã¤ã²ã¨ã¤è¨˜è¿°ã—ã¦ã„ã‘ã°æ„å¤–ã¨ç°¡å˜ã«ä½œã‚Œã‚‹ã¯ãšã§ã™ï¼ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã§å„é …ç›®ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯
yife 2010/10/27
ãƒ•ã‚©ãƒ¼ãƒ

CSS3

JavaScript

text

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

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

webåˆ¶ä½œ

jquery

css

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã†ã£ã¨ã‚Šã—ã¦ã—ã¾ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸Webã‚µã‚¤ãƒˆ30
2017å¹´6æœˆ29æ—¥ Webãƒ‡ã‚¶ã‚¤ãƒ³ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã®Webã‚µã‚¤ãƒˆã¯ã‚ã¾ã‚Šã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒãªã„å ´åˆãƒ»ã²ã¨ã¤ã®ç‰©ã‚’å¼·èª¿ã—ãŸã„å ´åˆã«åŠ¹æžœçš„ã§ã™ã€‚Javascriptã‚’ä½¿ã£ã¦ãŠã‚‚ã—ã‚ã„å‹•ãã‚’ã¤ã‘ãŸã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚‚ãŸãã•ã‚“ã‚ã‚Šã€1ãƒšãƒ¼ã‚¸ã®ä¸ã«ãŸãã•ã‚“ã®ã‚¢ã‚¤ãƒ‡ã‚¢ãŒã¤ã¾ã£ã¦ã„ã¾ã™ï¼ã“ã“ã§ã¯ä¸–ç•Œä¸ã®Webã‚µã‚¤ãƒˆã®ä¸ã‹ã‚‰ç¾Žã—ãå€‹æ€§çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚æ¬¡ã®Webã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã®Webã‚µã‚¤ãƒˆã‚®ãƒ£ãƒ©ãƒªãƒ¼ pikaboo http://www.pikaboo.be/ ãƒ•ãƒ«Flashã®ã‚µã‚¤ãƒˆã‹ã¨æ€ã£ãŸã‚‰Javascriptã§æ»‘ã‚‰ã‹ãªå‹•ãã‚’è¡¨ç¾ã—ã¦ã„ã¾ã—ãŸï¼å¿…è¦‹ï¼ Think Green Meeting http://www.thinkgreenmeeting.com/ è»Šã¨é£›è¡Œæ©Ÿã®ã‚¤ãƒ©ã‚¹ãƒˆãŒãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§æ¶ˆãˆã¦ã„ãã¾ã™ï¼
yife 2010/02/16
web

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

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

ç”»åƒ

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

javascript

design

webdesign

ã¾ã¨ã‚

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ä»Šé¢¨ã®ã‚¦ã‚§ãƒ–ã‚’ä½œã‚‹éš›ã«ä½¿ãˆã‚‹CSS/HTML/JSã®ãƒ†ãƒ³ãƒ—ãƒ¬ã€ŽEasy Front-End Frameworkã€ - 100SHIKI ã€œ ä¸–ç•Œã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’æ—¥æ›¿ã‚ã‚Šã§
ã“ã‚Œã¯ã™ã”ãä¾¿åˆ©ã€‚ Easy Front-End Frameworkã¯ä»Šé¢¨ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹éš›ã«ä½¿ãˆã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã‚ã‚‹ã€‚ HTMLã€CSSã€JavascriptãŒå…¨éƒ¨å«ã¾ã‚Œã¦ã„ã‚‹ã®ã§ã€è¦‹å‡ºã—ã‚„æœ¬æ–‡ã€ãƒ†ãƒ¼ãƒ–ãƒ«ã¨ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã ã‘ã§ã¯ãªãã¦ã€Tooltipsã‚„æµ®ã‹ã³ä¸ŠãŒã£ã¦ãã‚‹ç”»åƒãªã©ã‚‚ç°¡å˜ã«ä½œã‚Œã‚‹ç‚¹ãŒç‰¹å¾´ã§ã‚ã‚‹ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬è‡ªä½“ã¯è‹±èªžã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ãŒã€æ—¥æœ¬èªžå¯¾å¿œã«æ”¹é€ ã™ã‚‹ã®ã‚‚ãã‚Œã»ã©é›£ã—ãã¯ãªã„ã ã‚ã†ã€‚ ä»•äº‹ã‚’ã™ã‚‹ã¨ãã«æœ€ã‚‚é›£ã—ã„ã®ã¯ã€Œå§‹ã‚ã‚‹ã€ã“ã¨ã§ã‚ã‚‹ã€‚ã“ã†ã—ãŸãƒ†ãƒ³ãƒ—ãƒ¬ã‚’ä½¿ã£ã¦ã‚¦ã‚§ãƒ–ä½œã‚Šã‚’ã•ã£ã¨å§‹ã‚ã‚‰ã‚Œã‚‹ã¨ç¢ºã‹ã«ä¾¿åˆ©ã§ã™ãã€‚
yife 2009/12/15
design

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

download

webdesign

web

css

jquery

free

javascript

template
ãƒªãƒ³ã‚¯
UIãƒ‘ã‚¿ãƒ¼ãƒ³ã„ã‚ã„ã‚ - DesignWalker
yife 2008/10/13
*webdesign

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

*webåˆ¶ä½œ

javascript

jquery

interface

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

webåˆ¶ä½œ

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
[JS]ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
Web Design Wallã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒjQuery Tutorials for Designersã€ã‹ã‚‰ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQueryã€ãŒè¦–è¦šçš„ã«ã©ã®ã‚ˆã†ã«å‹•ä½œã™ã‚‹ã‹ãƒ‡ãƒ¢ã¨å…±ã«è§£èª¬ã—ã¦ã‚‹10ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
yife 2008/10/13
*javascript

*web

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

*webåˆ¶ä½œ

ajax

design

javascript

jquery

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
37 Great Ajax, CSS Tab-Based Interfaces
Over the last few years web-developers have developed many AJAX and CSS Tab-based interfaces which became one of the most interesting techniques giving us an easy way to get information without the need to open and close multiple windows at the same time. Weâ€™ve spent hours searching for the best Tab-based interfaces using CSS only, CSS/Ajax and tutorials which would help you create your own Ajax o
yife 2008/10/13
*webãƒ‡ã‚¶ã‚¤ãƒ³

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

+ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ajax

design

css

javascript

tab

webdesign

ui
ãƒªãƒ³ã‚¯
1