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

gotack id:gotack

jQueryã«é–¢ã™ã‚‹gotackã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (61)

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

Flickrãƒ©ã‚¤ã‚¯ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚Œã‚‹ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œ Justified Gallery ã®ä½¿ã„æ–¹ | SK2 +620 DESIGNING
å†™çœŸã‚„ã‚¤ãƒ©ã‚¹ãƒˆãªã©ã®ç”»åƒã‚’ã‚ºãƒ©ãƒªã¨ä¸¦ã¹ã‚‹éš›ã«ã€æ§˜ã€…ãªç¸¦æ¨ªæ¯”ã‚’ã‚ãƒ¬ã‚¤ã«é«˜ã•ã‚’æƒãˆã¦è¡¨ç¤ºã™ã‚‹ jquery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Justified Gallery ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Googleã®ç”»åƒæ¤œç´¢ã€Flickr ã‚ˆã†ãªç”»åƒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã™ã€‚ ç”»åƒé–“ã®ãƒžãƒ¼ã‚¸ãƒ³ãŒä¸€å®šãªã®ãŒåœ°å‘³ã«å¬‰ã—ã„ã§ã™ã€‚ ãã®ãŸã‚ã«ã€ç”»åƒã®ä¸€éƒ¨ãŒéš ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ãŒã€ãã‚Œã‚‚ã»ã‚“ã®åƒ…ã‹ã€‚ï¼ˆã¨ã„ã†ã‹æ•°ãƒ”ã‚¯ã‚»ãƒ«ç¨‹åº¦ï¼‰ è©³ã—ãã¯ Justified Gallery ã® Important configurations ã‚’ç¢ºèªã§ãã¾ã™ã€‚ ã©ã†ã„ã†ç†å±ˆã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã‹å›³è§£ä»˜ãã§èª¬æ˜Žã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ è¡Œã”ã¨ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¾ã§ã‚„ã£ã¦ãã‚Œã‚‹ã®ã§ã€æ‰‹è»½ã«é«˜å“è³ªãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚ŠãŸã„ãªã‚‰æ˜¯éžï¼ Demo ãƒ‡ãƒ¢ã‚’ä½œæˆã—ã¦ã¿ã¾ã—ãŸã€‚ DEMO ï¼ˆJewelSaviorFREE â€“ http://www.jewel-s.jp
gotack 2015/02/06
ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼

jquery

css3
ãƒªãƒ³ã‚¯
forked: canvasã§ç”»åƒã«ãƒžã‚¹ã‚¯ - jsdo.it - Share JavaScript, HTML5 and CSS
- 1 user
- jsdo.it
- å¦ã³
gotack 2015/02/04
jquery
ãƒªãƒ³ã‚¯
Grayscale Image Gallery with filter effects
ä»¥å‰ã€ã€Œå…ƒç”»åƒã‚’å¤‰æ›´ã›ãšã«ç”»åƒã‚’ã‚°ãƒ¬ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«ã§è¡¨ç¤ºã™ã‚‹ã€ã¨ã„ã†è¨˜äº‹ã§ã€Œcanvasã§ã®å¤‰æ›ã¯é‡ã„ã‹ã‚‰ç¾å®Ÿçš„ã˜ã‚ƒãªã„ã€ã¿ãŸã„ãªã“ã¨ã‚’æ›¸ã„ãŸã®ã§ã™ãŒã€-webkit-filterãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸï¼ˆãªã‚‹ï¼‰ã“ã¨ã«ã‚ˆã‚Šã€ã‚‚ã†å°‘ã—è² æ‹…ã‚’æ¸›ã‚‰ã—ã¦ä½¿ãˆã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã—ãŸã€‚ ãã“ã§ã€ãªã‚‹ã¹ãcanvasã§ã®å¤‰æ›ã‚’è¡Œã‚ãšã«ã‚„ã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žä½œã£ãŸã‚‚ã®ã¯ã“ã‚Œã§ã™ã€‚ Grayscale Image Gallery 2012å¹´3æœˆ5æ—¥ 21:24 è¿½è¨˜ï¼š Firefoxã‚’ã”åˆ©ç”¨ã®æ–¹ã§ã€ç’°å¢ƒã«ã‚ˆã£ã¦ã¯ã€CSSã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’background-sizeã§å°ã•ãã—ã¦background-repeatã§æ•·ãè©°ã‚ã‚‹ã¨ã€gfx.direct2d.disabledãŒfalseã®å ´åˆã«ãƒ•ãƒªãƒ¼ã‚ºã™ã‚‹ã‚ˆã†ã§ã™ï¼ˆFirefox 10.0.2ã§ç¢ºèªï¼‰ã€‚ Firefoxã§è¦‹ã¦ã‚‚å®‰å…¨ãªãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ã§ã™ã€‚ æœ¬
gotack 2015/01/29
css

SVG

filter

jquery
ãƒªãƒ³ã‚¯
dfltweb1.onamae.com â€“ ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚
ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ ãŠåå‰.com ã‹ã‚‰å–å¾—ã•ã‚Œã¾ã—ãŸã€‚ ãŠåå‰.com ã¯ GMOã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚°ãƒ«ãƒ¼ãƒ—(æ ª) ãŒé‹å–¶ã™ã‚‹å›½å†…ã‚·ã‚§ã‚¢No.1ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ â€»è¡¨ç¤ºä¾¡æ ¼ã¯ã€å…¨ã¦ç¨Žè¾¼ã§ã™ã€‚ â€»ã‚µãƒ¼ãƒ“ã‚¹å“è³ªç¶æŒã®ãŸã‚ã€ä¸€æ™‚çš„ã«å¯¾è±¡ã¨ãªã‚‹æ–™é‡‘ã¸ä¸€å®šå‰²åˆã®ã€Œã‚µãƒ¼ãƒ“ã‚¹ç¶æŒèª¿æ•´è²»ã€ã‚’åŠ ç®—ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ â€»1 ã€Œå›½å†…ã‚·ã‚§ã‚¢ã€ã¯ã€ICANN(ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³åãªã©ã®è³‡æºã‚’ç®¡ç†ã™ã‚‹éžå–¶åˆ©å›£ä½“)ã®å…¬è¡¨æ•°å€¤ã‚’ã‚‚ã¨ã«é›†è¨ˆã€‚gTLDãŒé›†è¨ˆã®å¯¾è±¡ã€‚ æ—¥æœ¬ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²æ¥è€…(ãƒ¬ã‚¸ã‚¹ãƒˆãƒ©)ï¼ˆã€ŒICANNãŒãƒ¬ã‚¸ã‚¹ãƒˆãƒ©ã¨ã—ã¦èªå®šã—ãŸä¼æ¥ã€ä¸€è¦§ï¼ˆInterNICæä¾›ï¼‰å†…ã«ã€ŒJapanã€ã®è¨˜è¼‰ãŒã‚ã‚‹ã‚‚ã®ï¼‰ã‚’å¯¾è±¡ã€‚ ãƒ¬ã‚¸ã‚¹ãƒˆãƒ©ã€ŒGMO Internet Group, Inc. d/b/a Onamae.comã€ã®ã‚·ã‚§ã‚¢å€¤ã‚’é›†è¨ˆã€‚ 2024å¹´5æœˆæ™‚ç‚¹ã®èª¿æŸ»ã€‚
gotack 2015/01/17
ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹http://jquery.malsup.com/hoverpulse/

jquery
ãƒªãƒ³ã‚¯
15 Best jQuery Images Galleries Sliders and Template Tutorials
15 Best jQuery Images Galleries Sliders and Template Tutorials There are really hard and busy times when a designer with a little knowledge of coding starts creating a full website on his own. By supposing thatÂ somehow pass that hard to understand bunch of code, the probl ems appear when itâ€™s not XHTML/CSS anymore, but more advanced programming languages or JavaScript libraries. Slideshows are ofte
gotack 2012/12/16
ã‚®ãƒ£ãƒ©ãƒªãƒ¼

jquery

jquery
ãƒªãƒ³ã‚¯
NoCode jQuery Slider : jQuery Slideshow : 2024 WOW!
An image slider is an image slider, and they're all roughly the same, correct? Not so quickly. What are the primary criteria for selecting any kind of web component? Compatibility, simplicity of setup, great performance, and an attractive design and feel. With our Slider we've tried to create the perfect html slider that covers all these needs and even more: Compatibility with the widest feasible
gotack 2012/12/16
jquery

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

jquery
ãƒªãƒ³ã‚¯
Responsive Image Maps jQuery Plugin
Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize. Download the plugin from github This image map was created in minutes with Adobe Fireworks.
gotack 2012/12/16
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œ

jquery

ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
[JS]å®Ÿè£…ã‚‚è¶…ã‚·ãƒ³ãƒ—ãƒ«ã€é«˜ã•ã‚„å¹…ãŒç•°ãªã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æƒãˆã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -equalize.js
ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®é«˜ã•ï¼ˆheightï¼‰ã€å¹…ï¼ˆwidthï¼‰ã ã‘ã§ãªãã€outerHeight, innerHeight, outerWidth, innerWidthã®ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ï¼šå¹… equalize.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="js/equalize.js" type="text/javascript"></script> Step 2: HTML HTMLã¯é©ç”¨ã™ã‚‹è¦ç´ ã‚’å†…åŒ…ã™ã‚‹ãƒ©ãƒƒãƒ‘ãƒ¼ã‚’ç”¨æ„ã—ã¾ã™ã€‚ ä¸‹è¨˜ã¯ãƒ‡ãƒ¢ã®é«˜ã•ã‚’æƒãˆã‚‹æ–¹ã®HTMLã§ã™ã€‚ <div id="heigh
gotack 2012/09/13
webãƒ‡ã‚¶ã‚¤ãƒ³

jQuery
ãƒªãƒ³ã‚¯
[JS]ã‚·ãƒ£ãƒ‰ã‚¦ã«ã‚‚ã“ã ã‚ã£ãŸã€æ»‘ã‚‰ã‹ã§ç¾Žã—ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒšãƒ¼ã‚¸ã‚’ã‚ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -BookBlock
Demo 3 BookBlockã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ãã—ã¦ã‚¹ãƒ¯ã‚¤ãƒ—ã‚¤ãƒ™ãƒ³ãƒˆç”¨ã«ã€Œjquery++ã€ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquerypp.custom.js"></script> <script type="text/javascript" src="js/jquery.bookblock.js"></script> Step 2: HTML å„ãƒšãƒ¼ã‚¸ã¯divè¦ç´ ã§å®Ÿè£…ã—ã€ãã‚Œã‚‰ã‚’divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div id="b
gotack 2012/09/08
ãƒšãƒ¼ã‚¸ã‚ãã‚Š

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

webåˆ¶ä½œ

jQuery
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³30 â€“ creamu
Top 30 Responsive jQuery Slider Plugins for Websitesã¨ã„ã†è¨˜äº‹ã§ã€jQueryã‚’ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ Camera Slider åŠ æ¸›é€Ÿã‚„ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã®æ°—æŒã¡ã„ã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ carouFredSel ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ FlexSlider 2 ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ WOW Slider æ€ã‚ãšã€Œã‚ã‰ã€ã¨ãªã£ã¦ã—ã¾ã†å‹•ãã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ CSS3 Responsive Slider JavaScriptã‚’ä½¿ã‚ãšCSS3ã§å®Ÿè£…ã•ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ Top 30 Responsive jQuery Slider Plugins for Websites
gotack 2012/08/30
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

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

jquery

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ãƒªãƒ³ã‚¯
[JS]ã“ã‚Œã¯ã‹ãªã‚Šã®å„ªã‚Œã‚‚ã®ï¼iOSç”¨ã ã‘ã©IE7ã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -iosSlider
iosSlider [ad#ad-2] iosSliderã®ç‰¹å¾´ iosSliderã®ãƒ‡ãƒ¢ iosSliderã®ä½¿ã„æ–¹ iosSliderã®ç‰¹å¾´ ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ã‚¤ãƒˆ iOS, Android, Webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã«CSS3ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®å„ãƒ‡ãƒã‚¤ã‚¹ã‚’ã‚µãƒãƒ¼ãƒˆã€‚ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã¨ã—ã¦ã•ã¾ã–ã¾ãªç”¨é€”ã«å¿œãˆã‚‹ãŸã‚ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’ç”¨æ„ã€‚ å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã®Firefox, Chrome, Safari, IE7+ã‚’ã‚µãƒãƒ¼ãƒˆã€‚ ç„¡é™ãƒ«ãƒ¼ãƒ— ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ä¸¡æ–¹å‘ã«ç„¡é™ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã‚ªãƒ¼ãƒˆã‚¹ãƒ©ã‚¤ãƒ‡ã‚£ãƒ³ã‚° è‡ªå‹•ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã‚‚å¯¾å¿œã€ãƒ›ãƒãƒ¼ã§ä¸æ–ã—ã¾ã™ã€‚ ã‚µãƒãƒ¼ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ iosSliderãŒã‚µãƒãƒ¼ãƒˆã™ã‚‹ãƒ†ã‚¹ãƒˆæ¸ˆã¿ã®ãƒ–ãƒ©ã‚¦ã‚¶ä¸€è¦§ã§ã™ã€‚ Firefox5.0+ Chrome19.0+
gotack 2012/07/21
ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼

jQuery

ã‚®ãƒ£ãƒ©ãƒªãƒ¼
ãƒªãƒ³ã‚¯
ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚’jQueryã§ãƒ‹ãƒ¥ãƒ«ãƒƒã¨æ”¹é€ ã™ã‚‹
ã“ã‚Œã¾ã§è¨ç½®ã—ã¦ãŸã€Œãƒˆãƒƒãƒ—ã«æˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã®é›£ç‚¹ ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆãªã©ã§ã€ãƒšãƒ¼ã‚¸ã®å³ä¸‹ã ã£ãŸã‚Šå·¦ä¸‹ã ã£ãŸã‚Šã«ã€Œãƒˆãƒƒãƒ—ã«æˆ»ã‚‹ã€ã€ŒPAGE TOPã€ãªã©ã¨ã„ã£ãŸãƒœã‚¿ãƒ³ãŒè¨ç½®ã•ã‚Œã¦ã„ã‚‹ã®ã‚’ã‚ˆãè¦‹ã‹ã‘ã¾ã™ã‚ˆãã€‚ å½“ãƒ–ãƒã‚°ã§ã‚‚é–‹è¨å½“åˆã‹ã‚‰è¨ç½®ã—ã¦ã¾ã—ãŸã€‚ â–² å½“ãƒ–ãƒã‚°ã«ä»¥å‰è¨ç½®ã—ã¦ãŸã€Œãƒšãƒ¼ã‚¸å…ˆé ã¸ã€ãƒœã‚¿ãƒ³ã€‚ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒšãƒ¼ã‚¸ã®å…ˆé ã«ç§»å‹•ã™ã‚‹æ©Ÿèƒ½ã§ã™ã€‚ãƒœã‚¿ãƒ³ä½ç½®ã¯CSSã§å›ºå®šã•ã›ã¦ã„ã‚‹ã®ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚ä¸€å®šã®å ´æ‰€ã‹ã‚‰å‹•ãã¾ã›ã‚“ã€‚ ã“ã‚Œã¯ã“ã‚Œã§æœ€åˆã¯æº€è¶³ã—ã¦ã¾ã—ãŸã€‚ã—ã‹ã—é€”ä¸ã§ã€Œã‚ã‚‹ã“ã¨ã€ã«æ°—ä»˜ã„ãŸã€ã¨ã„ã†ã‹å†èªè˜ã—ã¾ã—ãŸã€‚ ãŸã¨ãˆã°å½“ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã—ãŸæ™‚ã€ â–² URLã®ãŠå°»ã«ã€Œ#headerã€ã¨ã„ã†æ–‡å—ãŒè¿½åŠ ã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ã“ã‚Œã¯HTMLã®ä»•æ§˜ã§ã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€Œid=â€headerâ€ã€ã¨æ›¸ã‹ã‚Œã¦ã‚‹ä½ç½®ã«ç§»å‹•ã—ã‚ã€ã¨ã„ã†å‘½ä»¤ã‚’å‡¦ç†ã€‚æœ€æ–°ã®è¡¨ç¤ºä½ç½®ï¼ˆï¼ã¤ã¾ã‚Šheaderã®ä½ç½®ï¼‰ã‚’
gotack 2012/07/11
#headerã§å¹²æ¸‰ã™ã‚‹å ´åˆã¯å¿…è¦ã«å¿œã˜ã¦æ›¸ãæ›ãˆ

wordpress

jquery
ãƒªãƒ³ã‚¯
[JS]ãƒŽãƒ¼ãƒˆé¢¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚OKï¼ç”»åƒã‚’ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ã«æƒãˆã¦é…ç½®ã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Baseline.js
Baseline.jsé©ç”¨å¾Œ Baseline.jsã®ä½¿ã„æ–¹ ä½¿ã„æ–¹ã¯2ã‚¹ãƒ†ãƒƒãƒ—ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://code.jquery.com/jquery.min.js"></script> <script src="js/jquery.baseline.js"></script> Step 2: JavaScript é©ç”¨ã™ã‚‹ç¯„å›²ã‚’jQeuryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§æŒ‡å®šã—ã€ãƒšãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ã‚’pxã§æŒ‡å®šã—ã¾ã™ã€‚ $('img').baseline(24); //å…¨ã¦ã®imgè¦ç´ ã«24pxã®ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ $('.content img').baseline(30); //.contentå†…ã®imgè¦ç´ ã«30pxã®ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¯¾å¿œã—ã¦ãŠã‚Šã€ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã”ã¨ã«ãƒ™ãƒ¼
gotack 2012/06/25
webåˆ¶ä½œ

jQuery
ãƒªãƒ³ã‚¯
bookreader.js
bookreader.jsã¯ã€é•·æ–‡ã‚’ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ã¯ãªãã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã—èªã¿ã‚„ã™ãã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ â†’ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ›ãƒ¼ãƒ (Google Code) - New!! â†’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰(ver 0.4.6) - 2009/04/18å…¬é–‹ â€»ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã®è©³ç´°ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ ã¾ãšã¯ã€ã“ã®ãƒšãƒ¼ã‚¸ã§ä½“é¨“ã—ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®[â†’]/[â†]ã‚ãƒ¼ãŒã€ã€Œé€²ã‚€ã€ã‚ã‚‹ã„ã¯ã€Œæˆ»ã‚‹ã€ã«å¯¾å¿œã—ã¾ã™ã€‚ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€åŠé€æ˜Žã®â–¶/â—€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚OKã§ã™ã€‚ä½¿ã„æ–¹ã®è©³ç´°ã¯ã€Œãƒ˜ãƒ«ãƒ—ã€ã‚’å‚ç…§ãã ã•ã„ã€‚ æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é–‹ç™ºçŠ¶æ³ å¹¸ã„ã«ã—ã¦ã•ã¾ã–ã¾ãªæ–¹ã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ãã‚Œã‚’å…ƒã«æ©Ÿèƒ½ã®çµžã‚Šè¾¼ã¿ã¨WEBã‚µã‚¤ãƒˆã¸ã®ã€Œçµ„è¾¼ã¿æ–¹ã€ã«ã¤ã„ã¦æ¤œè¨Žã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ã¾ã ã€å®Ÿè£…ã®æ–¹é‡ãŒå®šã¾ã£ãŸã€ã¨ã„ã†æ®µéšŽã§ã™ãŒæ¬¡æœŸ0.8.xç³»ã®ã‚µ
gotack 2012/05/12
ã“ã‚Œã¯ã™ã”ã„

webåˆ¶ä½œ

ajax

jquery
ãƒªãƒ³ã‚¯
Ajaxã§ãŠã—ã‚ƒã‚Œãªå°çª“ã‚’ä½œã‚‹6ã¤ã®ã‚µãƒ³ãƒ—ãƒ«*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
gotack 2012/05/04
jquery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
PCã‚µã‚¤ãƒˆã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã€ŒPc2Sp.jsã€
PCã‚µã‚¤ãƒˆã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã€ŒPc2Sp.jsã€ PCã‚µã‚¤ãƒˆã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã€ŒPc2Sp.jsã€ã‚’ä½œæˆã—ãŸã®ã§å…¬é–‹ã—ã¦ãŠãã¾ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’åˆ©ç”¨ã™ã‚‹ã¨ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§PCã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸå ´åˆã€æŒ‡å®šã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®URLã«è»¢é€ã•ã‚Œã¾ã™ã€‚ PCã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸå ´åˆã€æŒ‡å®šã—ãŸPCç”¨ã®URLã«è»¢é€ã•ã‚Œã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ãƒšãƒ¼ã‚¸ã§ã¯ã€ŒPCã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ã€ãªãƒªãƒ³ã‚¯ãŒè¨å®šå¯èƒ½ã§ã€ãã‚ŒãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã‚‹ã¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§PCç”¨ã®ã‚µã‚¤ãƒˆãŒé–²è¦§ã§ãã¾ã™ã€‚ã‚¯ãƒªãƒƒã‚¯å¾Œã¯1ã®è»¢é€æ©Ÿèƒ½ãŒç„¡åŠ¹ã«ãªã‚Šã¾ã™ PCç”¨ã®ã‚µã‚¤ãƒˆã§ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¦‹ãŸå ´åˆã®ã¿è¡¨ç¤ºã•ã‚Œã‚‹ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ã€ãªãƒªãƒ³ã‚¯ãŒè¨å®šå¯èƒ½ã§ã€ã“ã‚ŒãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã‚‹ã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®URLã«è»¢é€ã•ã‚Œ1ã®æ©Ÿèƒ½ãŒå¾©æ´»ã—ã¾ã™ã€‚ å€‹ã€…ã®ãƒšãƒ¼ã‚¸ã§ã©ã®PCãƒšãƒ¼ã‚¸ã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒšãƒ¼ã‚¸ãŒå¯¾å¿œ
gotack 2012/04/20
webåˆ¶ä½œ

jQuery
ãƒªãƒ³ã‚¯
[JS]æ–‡å—ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸé¢ç™½ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Text Effects
Scrambled Writer æ–‡å—ã‚’ã”ã¡ã‚ƒã¾ãœã«ã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å…ƒé€šã‚Šã«ã—ã¾ã™ã€‚ Text Effectsã®ä½¿ã„æ–¹ Text Effectsã®ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã€ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å®Ÿè¡Œã™ã‚‹ã ã‘ã§ã™ã€‚ ã€ŒTypewriterã€ã‚’ä¾‹ã«ã™ã‚‹ã¨ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTML <div id="my-container"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip e
gotack 2012/04/03
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

jQuery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Paperfold CSS â€“ ç´™ã‚’æŠ˜ã‚‹ã‚ˆã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¦‹ã›ã‚‰ã‚Œã‚‹CSS â€“ creamu
Kunitaka Kawashimo ã‚¢ãƒ¼ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒ•ã‚©ãƒˆã‚°ãƒ©ãƒ•ã‚¡ãƒ¼ã€‚æ ªå¼ä¼šç¤¾ã‚¯ãƒªãƒ¼ãƒ ä»£è¡¨å–ç· å½¹ã€‚ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ï¼Webãƒ‡ã‚¶ã‚¤ãƒ³ï¼æ’®å½±ã®ä»•äº‹ã®ã”ç›¸è«‡ãƒ»ã”è³ªå•ã¯ã€ãŠæ°—è»½ã«ä»¥ä¸‹ã¾ã§ã”é€£çµ¡ãã ã•ã„ã€‚info@creamu.co.jp
gotack 2012/04/02
ã“ã‚Œã¯ã™ã’ãƒ¼

css

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

jQuery
ãƒªãƒ³ã‚¯
15+ Best jQuery Carousel Plugins To Impress Your Visitors in 2017 | Tripwire Magazine
15+ Best jQuery Carousel Plugins To Impress Your Visitors in 2017 by Dustin Betonio | Last updated May 8, 2017 | jQuery Plugin Collections | 92 comments In web design, a jQuery carousel is an element giving visitors easy and visible access to several content it ems. It is typically a dynamic scrolling list of it ems in horizontal order where previous and next it ems are partially visible. The it ems,
gotack 2012/02/02
ã‚ˆã„ã¾ã¨ã‚

ã¾ã¨ã‚

jQuery

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

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