[B! css3][ãƒ—ãƒ©ã‚°ã‚¤ãƒ³] beth321ã®ãƒ

beth321 id:beth321

css3ã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

[JS]ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ãµã‚“ã‚ã‚Šã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰åŒ–ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Shadow animation
CSS3ã®box-shadowã§é©ç”¨ã—ãŸã‚·ãƒ£ãƒ‰ã‚¦ã‚’ãµã‚“ã‚ã‚Šã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰åŒ–ã•ã›ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ãªã©ã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä½¿ç”¨ã—ãŸéš›ã«ã¯ã€ã‚ˆã‚Šãƒªã‚¢ãƒ«ãªåŠ¹æžœã‚’ä¸Žãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Shadow animation jQuery plugin ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰åŒ–ã§ãã‚‹ã®ã¯ã€CSS3ã®box-shadowã§æŒ‡å®šã§ãã‚‹è¡¨ç¤ºä½ç½®ï¼ˆXè»¸ã‚ªãƒ•ã‚»ãƒƒãƒˆãƒ»Yè»¸ã‚ªãƒ•ã‚»ãƒƒãƒˆï¼‰ã€ã¼ã‹ã—ã®åŠå¾„ã€ã‚·ãƒ£ãƒ‰ã‚¦ã®åŠå¾„ã€ã‚«ãƒ©ãƒ¼ã€ã¨ãªã£ã¦ã„ã¾ã™ã€‚ å„ãƒ‡ãƒ¢ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã®æŒ‡å®šã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ JavaScriptï¼šå·¦ç«¯ onmouseoverã§ã€ã¼ã‹ã—ã®åŠå¾„ã‚’30oxã€ã‚«ãƒ©ãƒ¼ã‚’#44fã« $('#box1').animate({shadow: '0 0 30px #44f'}); JavaScriptï¼šçœŸã‚“ä¸ onmouseoverã§ã€ã¼ã‹ã—ã®åŠå¾„ã‚’50pxã«
beth321 2015/04/06
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ã‚³ãƒªã‚¹

jquery

*jquery

javascript

CSS3

CSS

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

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‹ã£ã“ã„ã„ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³å¯¾å¿œã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒ‘ãƒãƒ«ã«åˆ‡ã‚Šè¾¼ã¿ã‚’ã„ã‚Œã€åž‚ç›´ãƒ»æ°´å¹³æ–¹å‘ã«ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§æ¥½ã—ã‚ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’jQueryã¨CSS3ã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å®Ÿè£… å®Ÿè£…æ–¹æ³•ã¯ãƒã‚¤ãƒ³ãƒˆã‚’èª¬æ˜Žã—ã¾ã™ã€‚ HTML å„ãƒ‘ãƒãƒ«ã¯ã€Œsl-slideã€ã®classã‚’æŒã£ãŸdivè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ã‚«ãƒ©ãƒ¼ã¯ã€Œsl-slide-darkã€ã§ç®¡ç†ã•ã‚Œã¦ã„ã¾ã™ã€‚ <section id="sl-slider" class="sl-slider"> <div class="sl-slide"> <div class="sl-deco" data-icon="6"></div> <h2>A bene placito</h2> <blockquote> <p>You have just dined, and however scrupulously the slaughterhouse is conceale
beth321 2014/12/16
javascript

ã‚³ãƒªã‚¹

jquery

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

css3

html5

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼

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

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
[JS]ç°¡å˜ãªè¨˜è¿°ã§ã€è»½å¿«ã§æ»‘ã‚‰ã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -JSTween
ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ç§»å‹•ã‚„æ‹¡å¤§ãƒ»ç¸®å°ã€ä¸é€æ˜Žåº¦ã®å¤‰æ›´ã€CSS3ã®ã‚·ãƒ£ãƒ‰ã‚¦ã‚„è§’ä¸¸ãªã©ã‚’æ»‘ã‚‰ã‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã€31ç¨®é¡žï¼ JSTween [ad#ad-2] JSTweenã®ç‰¹å¾´ JSTweenã®ãƒ‡ãƒ¢ JSTweenã®ä½¿ã„æ–¹ JSTweenã®ç‰¹å¾´ è»½å¿«ã«å‹•ä½œã—ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«å„ªã‚Œã¦ã„ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸè¤‡é›‘ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ã£ãŸã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ å®Ÿè£…ã¯jQueryãƒ™ãƒ¼ã‚¹ã§ç°¡å˜ã€‚ ç°¡å˜ã«å§‹ã‚ã‚‰ã‚Œã€ã‚·ãƒ³ãƒ—ãƒ«ã«å®Ÿè¡Œã§ãã¾ã™ã€‚ JSTweenã®ãƒ‡ãƒ¢
beth321 2014/09/22
ã‚³ãƒªã‚¹

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

jQuery

CSS3

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

webåˆ¶ä½œ

javascript

*jQuery

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

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[JS]2Dã€3Dã®å¤šå½©ã§é¢ç™½ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Flux slider | ã‚³ãƒªã‚¹
iPhone, iPadãªã©ã«ã‚‚å¯¾å¿œã—ãŸã€ç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰æ™‚ã«CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŽ¡ç”¨ã—å¤šå½©ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæ¥½ã—ã‚ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Flux slider ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ç”»åƒã®å¤‰æ›´æ™‚ã¯ã€ä¸Šè¨˜ã®ãƒãƒ¼çŠ¶ã®ã‚‚ã®ã‚’ã¯ã˜ã‚ã€ãƒ–ãƒãƒƒã‚¯çŠ¶ã€ã‚µãƒ¼ã‚¯ãƒ«çŠ¶ãªã©ã€2Dã€3Dã®ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Flux sliderã®å®Ÿè£… HTML å„ç”»åƒã‚’divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div id="slider"> <img src="img/avatar.jpg" alt="" /> <img src="img/ironman.jpg" alt="" /> <img src="img/tron.jpg" alt="" /> <img src="img/greenhornet.jpg" alt="" /> </div> JavaScr
beth321 2014/08/28
ã‚³ãƒªã‚¹

()

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

iPad

jquery

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

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

CSS3

webåˆ¶ä½œ

3D
ãƒªãƒ³ã‚¯
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç°¡å˜ã«æ›¸ã‘ã‚‹jQuery Transit
jQuery Transitã¯GitHub ã§ã‚‚å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€ãƒšãƒ¼ã‚¸å³ä¸‹ã®ã€ŒDownload ZIPã€ãƒœã‚¿ãƒ³ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é…å¸ƒãƒšãƒ¼ã‚¸ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨minifyï¼ˆåœ§ç¸®ï¼‰ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸èº«ã‚’è¦‹ãŸã„å ´åˆã¯GitHubã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã—ã‚‡ã†ã€‚ åˆ©ç”¨ã™ã‚‹Webãƒšãƒ¼ã‚¸ã® body ã®é–‰ã˜ã‚¿ã‚°ç›´å‰ã§ã€jQueryæœ¬ä½“ã¨ã€Œjquery.transit.min.jsã€ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ //(ä¸ç•¥) <scriptÂ src="jquery.min.js"></script> <scriptÂ src="jquery.transit.min.js"></script> </body> //(ä¸ç•¥) ã“ã‚Œã§æº–å‚™ã¯OKã§ã™ã€‚ step2 åŸºæœ¬çš„ãªä½¿ã„æ–¹ å®Ÿéš›ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½¿ã„æ–¹ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ jquery.transit.min.js ã‚’èªã¿è¾¼ã‚“ã å¾Œã€transition
beth321 2014/05/17
jQuery

css3

jquery

*plugin

*jQuery

animation

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯æ¥½ã—ã„ï¼å·»ãç°¾ã®ã‚ˆã†ã«ãã‚‹ã£ã¨ã¯ã‚‰ã‚Šã¨ãªã‚‹CSS 3Dã®ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³
ãƒ‡ãƒ¢ã¯ã€Firefox, Chromeã®æœ€æ–°ç‰ˆã§ã”è¦§ãã ã•ã„ã€‚ ã€ŒTOGGLEã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãã‚‹ã£ã¨ãªã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Makisuã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦é…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã€‚ Makisu -GitHub ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ã¯å„ã‚¢ã‚¤ãƒ†ãƒ ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ãŒã¡ã‚ƒã‚“ã¨è¨å®šã§ãã¾ã™ã€‚ $( '.list' ).makisu({ selector: 'li', overlap: 0.2, speed: 0.8 });
beth321 2013/11/08
jquery

css3

UI

chrome

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

CSS

01_ã‚ã¨ã§èªã‚€

3D

tech 3D

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ä¾å˜ã›ãšã«ã€ã€Œ:checkedã€ã§ã§ãã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’Bootstrapã«çµ„ã¿è¾¼ã‚€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ -Bootleg.css
ã‚¿ãƒ–ã€ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãªã©ã€ä»Šã¾ã§ã¯ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ä¾å˜ã—ãªã„ã¨å®Ÿè£…ã§ããªã‹ã£ãŸã‚‚ã®ã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ™ãƒ¼ã‚¹ã§å®Ÿè£…ã™ã‚‹Bootstrapã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Bootstapã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ãŒã€CSSã®ã€Œ:checkedã€ã‚’ä½¿ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å¦ã¶ã®ã«ã‚‚å½¹ç«‹ã¡ã¾ã™ã€‚ Bootleg.css ä»•çµ„ã¿ã¯ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€è¦‹ãˆãªã„çŠ¶æ…‹ã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ä½¿ã„ã€ãã®ã‚ªãƒ³ãƒ»ã‚ªãƒ•ã®ãƒã‚§ãƒƒã‚¯çŠ¶æ…‹ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¨å…±ã«ã€ã€Œ:checkedã€æ“¬ä¼¼è¦ç´ ã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ¢ãƒ¼ãƒ€ãƒ« ãƒœã‚¿ãƒ³ã‚’ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã«ã—ã€ãã®ãƒã‚§ãƒƒã‚¯çŠ¶æ…‹ã§ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã—ã¾ã™ã€‚ HTML <-- Button to trigger modal --> <label for="modal1" role="button" class="btn">Launch demo modal</lab
beth321 2013/10/22
*css

bootstrap

CSS

css3

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

html

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

webdesign

Twitter

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[JS]æœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã—ãŸjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã¾ã¨ã‚ -2013å¹´1ãƒ»2æœˆ
ç´¹ä»‹æ¸ˆã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€æœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã—ãŸjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ åŽ»å¹´ã¾ã§ã¯33+1é¸ã¨ã—ã¦ã¾ã—ãŸãŒã€ä»Šå¹´ã‹ã‚‰æ–°ãŸãªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã€‚
beth321 2013/02/18
*jquery

*webåˆ¶ä½œ

jquery

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

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

JavaScript

ã¾ã¨ã‚

css3

JS

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #8 jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦è©³ã—ã | DevelopersIO
åƒ•ã¯äººã®åå‰ã‚’è¦šãˆã‚‹ã®ãŒè‹¦æ‰‹ã§ã™ã€‚ãã‚Œã¯ã•ã¦ãŠãã€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œæˆæ–¹æ³•ã«ã¤ã„ã¦é »ç¹ã«å¿˜ã‚Œã‚‹ã®ã§ã€æ‰‹é †ã‚’ã“ã“ã«ã¾ã¨ã‚ã¦ãŠãã“ã¨ã«ã—ã¾ã™ã€‚ã‚³ãƒ¬ã•ãˆèªã‚ã°æ€¥ã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å¤§é‡ã«ä½œã‚Œã¨ã„ã£ãŸç„¡èŒ¶ã¶ã‚Šã‚’ã•ã‚Œã¦ã‚‚å¤§ä¸ˆå¤«ã€‚ å¤šã„æ—¥ã‚‚å®‰å¿ƒâ™ªï¼ˆã‚Ï‰ãƒ»ï¼‰vï½·ï½¬ï¾‹ï¾Ÿ ã¯ã˜ã‚ã« - jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®æ§‹æˆ ç´°ã‹ã„å·®ã¯ã‚ã‚Œã©ã€åŸºæœ¬çš„ã«jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ§‹æˆã§æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ // åŒ¿åé–¢æ•°ã§å…¨ä½“ã‚’ãƒ©ãƒƒãƒ— - (5) (function($) { // ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®åå‰ - (1) $.fn.name_space = function() { //è¦ç´ ã‚’é€€é¿ - (2) var elements = this; // è¦ç´ ã‚’ã²ã¨ã¤ãšã¤å‡¦ç† - (3) elements.each(function() { // å…·ä½“çš„ãªå‡¦ç†ã‚’ã“ã“ã«è¨˜è¿° }); // method chain
beth321 2012/11/02
jQuery

css3

css

jQuery

javascript

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

html5

CSS3

é–‹ç™º

Plugin
ãƒªãƒ³ã‚¯
jQueryã¨CSS3ã§ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«å‹•ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼:phpspoté–‹ç™ºæ—¥èªŒ
Fullscreen Slit Slider with jQuery and CSS3 | Codrops jQueryã¨CSS3ã§ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«å‹•ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚«ãƒƒã‚³ã‚ˆãã¦ãƒã‚¿ã¯ãªãã¨ã‚‚å®Ÿè£…ã—ãŸããªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ã©ã†ã‚„ã£ã¦å®Ÿè£…ã—ã¦ã„ã‚‹ã‚“ã ã‚ã†ï¼ˆï¼¾ï¼¾ï¼›ï¼‰ã¨ã‹æ€ã„ã¤ã¤ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«è¨˜äº‹ã‚‚ã‚ã‚‹ã®ã§ãã“ã§å¦ç¿’ã§ãã¾ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒ ä¸€å¼ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å‡ºæ¥ã‚‹ã®ã§ç´ æã¨ã—ã¦ã‚‚ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªjQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼˜å€‹ Appleã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®jQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚µãƒ³ãƒ—ãƒ« è¤‡æ•°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’çµ„ã¿åˆã‚ã›ã‚‰ã‚Œã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSequence.jsã€ ç”»åƒã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ãŒç¾Žã—ã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRefineSlideã€
beth321 2012/07/27
jQuery

css

css3

jquery

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼

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

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

css

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

css3
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸å†…ã«ã‚µã‚¤ãƒˆåˆ©ç”¨æ³•ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã§ãã‚‹ã€ŒPageguideã€:phpspoté–‹ç™ºæ—¥èªŒ
Pageguide by tracelytics ãƒšãƒ¼ã‚¸å†…ã«ã‚µã‚¤ãƒˆåˆ©ç”¨æ³•ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã§ãã‚‹ã€ŒPageguideã€ã€‚ page guideã¨ã„ã†ãƒœã‚¿ãƒ³ãŒãƒšãƒ¼ã‚¸ã®ã‚µã‚¤ãƒ‰ã«ç¾ã‚Œã¦ä½¿ã„æ–¹ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¦ãã‚Œã¾ã™ jQueryã¨CSS3ã§å®Ÿè£…ã—ã¦ã„ã‚‹ãŸã‚ã€éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯å‹•ã‹ãªã„ç‚¹ã¯æ³¨æ„ æŠ¼ã—ãŸæ‰€ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«å¹ãå‡ºã—ãŒã¤ã„ã¦ã€ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«ã¯åˆ©ç”¨ã®èª¬æ˜Žã‚’è¡¨ç¤ºã§ãã¾ã™ ãƒšãƒ¼ã‚¸ã®æ§‹æˆã«ã‚‚ã‚ˆã‚‹ã¨æ€ã„ã¾ã™ãŒã€ç•ªå·ã‚’ã‚¹ãƒ†ãƒƒãƒ—ã§è¿½ã£ã¦ã„ã‘ã°ãªã‚“ã¨ãªãã‚µã‚¤ãƒˆã®ä½¿ã„æ–¹ã«ã¤ã„ã¦èª¬æ˜Žã§ãã¾ã™ ãƒšãƒ¼ã‚¸ã‚’è¦‹ãªãŒã‚‰è¦šãˆã‚‹ã®ãŒä¸€ç•ªã€ã¨ã„ã†ã“ã¨ã§è‰²ã€…ã¨ä½¿ãˆãã†ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒšãƒ¼ã‚¸ä¸Šã«ãã®ã¾ã¾ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ä¹—ã£ã‘ã¦ä½¿ã„æ–¹ã‚’åˆ†ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery Tutorialã€ ã‚µã‚¤ãƒˆã®ä½¿ã„æ–¹ã‚’ãã®å ´ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ãƒãƒ§ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã•ã›ã‚‰ã‚Œã‚‹å‡„ã„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒEm
beth321 2012/07/04
jQuery

*jquery

*ã‚ã¨ã§è©¦ã™

*ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

jQuery

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

webåˆ¶ä½œ

css3

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

ç´ æ
ãƒªãƒ³ã‚¯
Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚’CSSã§å†ç¾ã—ã¦ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«å‡ºåŠ›ã—ã¦ãã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³CSS Hat - WebDelog
2012/09/06è¿½è¨˜ï¼š ç¾åœ¨ Windowsç‰ˆã‚‚å¯¾å¿œã•ã‚Œã¦ã„ã¾ã™ã€‚ fontã®ãƒ—ãƒãƒ‘ãƒ†ã‚£å„ç¨®ã«ã‚‚å¯¾å¿œã•ã‚Œã¦ã„ã¾ã™ã€‚ è©³ã—ãã¯æœ€æ–°ã®è¨˜äº‹ã«ã¦ç¢ºèªã—ã¦ä¸‹ã•ã„ã€‚ æœ€è¿‘ã¯CSS3ã«ã‚ˆã£ã¦ãƒªãƒƒãƒãªUIã‚’ä½œæˆã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸãŒã€ Photoshopã§ä½œæˆã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å…ƒã« CSSã‚’ä½œæˆã™ã‚‹ã®ã¯ãªã‹ãªã‹æ‰‹é–“ã§ã€ Photoshopã§CSSã‚’æ›¸ãå‡ºã›ãŸã‚‰æ¥½ãªã®ã«â€¦ ã¨æ€ã†æ–¹ã‚‚å¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã‚’å®Ÿç¾ã—ã¦ãã‚ŒãŸPhotoshopãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Hat å…ˆæ—¥ã“ã®ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¤ã‘ã¦ã€ ã‚µã‚¤ãƒˆå†…ã«è¨ç½®ã—ã¦ã‚ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ¡ãƒ¼ãƒ«ã‚’é€ã£ã¦ ãã®ã¾ã¾ä½•ã‚‚ç„¡ã‹ã£ãŸã®ã§å¿˜ã‚Œã‹ã‘ã¦ã„ãŸã¨ã“ã‚ã€ ã€ŽCSS Hat is launchingã€ ã¨ã„ã†ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒå±Šã„ã¦ã„ã¦ã€ è³¼å…¥ã™ã‚‹ãŸã‚ã®ãƒªãƒ³ã‚¯ãŒå±Šã„ã¦ã„ã¾ã—ãŸã€‚ 30%ã‚ªãƒ•ã®$19.90(é€šå¸¸ã¯$29.99)ã§è³¼å…¥å‡ºæ¥ã‚‹ã¨ã®ã“
beth321 2012/06/08
css

photoshop

photoshop

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

css3

CSS

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

Webåˆ¶ä½œ

ä»•äº‹

web
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚«ãƒ¼ãƒ†ãƒ³ãŒä¸ŠãŒã‚‹ã‚ˆã†ã«ãƒ‘ãƒãƒ«ãŒéžåŒæœŸã§å‹•ããƒšãƒ¼ã‚¸ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒCurtain.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Curtain.js ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚«ãƒ¼ãƒ†ãƒ³ãŒä¸ŠãŒã‚‹ã‚ˆã†ã«ãƒ‘ãƒãƒ«ãŒéžåŒæœŸã§å‹•ããƒšãƒ¼ã‚¸ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒCurtain.jsã€ å˜ãªã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ç¸¦é•·ãƒšãƒ¼ã‚¸ã§ã¯ãªãã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ–ãƒãƒƒã‚¯è¦ç´ ãŒåˆ¥ã€…ã«å‹•ã„ã¦é¢ç™½ã„æ¼”å‡ºãŒä½œã‚Œã¾ã™ã€‚ å·¦ä¸‹ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒšãƒ¼ã‚¸é€ã‚Šã‚’ã—ãŸã‚Šã‚‚å‡ºæ¥ã‚‹ã¿ãŸã„ ä»Šãªã‚‰ã€ã“ã‚Œã‚’ä½¿ã£ã¦ã‚µã‚¤ãƒˆã‚’ä½œã‚Œã°ã€çŽ„äººãªWEBæ¥ç•Œã®äººã‚‚ç›®ã‚’ä¸¸ãã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³èƒŒæ™¯ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«ãªã‚‹CSS3ã‚µãƒ³ãƒ—ãƒ« ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒResponsiveSlides.jsã€ iTunesã‚¹ãƒˆã‚¢ã®ãƒˆãƒƒãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼é¢¨ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’å®Ÿè£…ã§ãã‚‹jQueryã‚µãƒ³ãƒ—ãƒ« HTML5ï¼†CSS3ã‚’ãƒ•ãƒ«ã«æ´»ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSlider.jsã€
beth321 2012/02/13
css3

css

jQuery

jquery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

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

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1