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

crealive id:crealive

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

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

é›¨ç²’ãŒè½ã¡ã¦æ°´é¢ã«è¦‹ç«‹ã¦ãŸãƒ–ãƒãƒƒã‚¯è¦ç´ ãŒæºã‚‰ãã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ŒRaindrops.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Raindrops.js é›¨ç²’ãŒè½ã¡ã¦æ°´é¢ã«è¦‹ç«‹ã¦ãŸãƒ–ãƒãƒƒã‚¯è¦ç´ ãŒæºã‚‰ãã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ŒRaindrops.jsã€ åœ°å‘³ã§ã™ãŒã€ã‚ã£ã¨ã„ã†é©šãã®è¦ç´ ã¨ã—ã¦ã€å®Ÿè£…ã—ã¦ã¿ã‚‹ã¨ã‚ˆã•ãã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ã™ã€‚ ã“ã‚Œã‚’å…¥ã‚Œã‚‹ã ã‘ã§ã‚‚ã€ã‚µã‚¤ãƒˆã¨ã—ã¦ã®å°è±¡ãŒçµæ§‹å¤‰ã‚ã‚Šãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒˆãƒ©ãƒ³ãƒãƒªãƒ³é¢¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…ãƒ‡ãƒ¢ ç”»åƒã«é›¨ã®æ—¥ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ã‚‰ã‚Œã‚‹ã€Œrainyday.jsã€ JavaScriptã§ç”»åƒã«å¤šæ•°ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‰ã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œglfx.jsã€ CSS3ç‰ã‚’ãƒ•ãƒ«ã«æ´»ç”¨ã—ã¦ãƒœã‚¿ãƒ³ã®ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã“ã‚Œã§ã‚‚ã‹ã¨ã„ã†ä½ã‚ã¤ã‚ãŸã‚µãƒ³ãƒ—ãƒ«é›†
crealive 2015/06/30
jquery

javascript
ãƒªãƒ³ã‚¯
SVGã¨jQueryã§çµµã‚’æã„ã¦ã„ã‚‹ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã©ã†ã‚‚ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã¯ã‚„ã¡ã§ã™( Ë˜Ï‰Ë˜)âœŒ æœ€è¿‘ã€Žå¤©ç©ºã®ã‚¯ãƒ©ãƒ•ãƒˆãƒ•ãƒªãƒ¼ãƒˆã€ã¨ã„ã†ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚²ãƒ¼ãƒ ã«ãƒãƒžã£ã¦ãŠã‚Šã¾ã™ã€‚ ã‚‚ã¨ã‚‚ã¨ã¯å¼Šç¤¾ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä½•äººã‹ã«èª˜ã‚ã‚Œã¦DLã—ãŸã®ã§ã™ãŒã€ã¿ãªã•ã‚“æœ€è¿‘ãƒã‚°ã‚¤ãƒ³ã—ã¦ã„ã‚‹æ§˜åãŒãªãã€ã‚‚ãã‚‚ãã¨ã²ã¨ã‚Šã§ãƒŸãƒƒã‚·ãƒ§ãƒ³ã‚’ã“ãªã—ã€ç·´ã‚Šä¸Šã’ã¦ãŠã‚Šã¾ã™( âˆµ ) ã¾ã‘ãªã„ã²ã¨ã‚ŠãŸã®ã—ã„ã€å¼·ããªã‚‹âœŒ(Â´Ê˜â€¿Ê˜ï½€)âœŒ ã•ã¦ã€ä»Šå›žã¯SVGã§çµµã‚’æã„ã¦ã„ã‚‹ã‚ˆã†ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹ã‚µã‚¤ãƒˆã€LAZY LINE PAINTERã®ä½¿ç”¨æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ SVGã¨ã¯ Scallable Vecter Graphocsï¼ˆã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ãƒ«ãƒ»ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ»ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ï¼‰ã®ç•¥ã§ã€XMLã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸäºŒæ¬¡å…ƒãƒ™ã‚¯ã‚¿ãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ç”»åƒå½¢å¼ã®ã“ã¨ã§ã™( Ë˜Ï‰Ë˜)â˜ SVGã¯jpgã®æ§˜ã«imgè¦ç´ ã§æ‰±ã£ãŸã‚Šã€cssã§è‰²ã‚’å¤‰ãˆãŸã‚ŠèƒŒæ™¯ç”»åƒã¨ã—ã¦æ‰±ã£ãŸã‚Šã§ãã¾ã™( Ë˜
crealive 2014/09/04
svg

jquery

css

tutorial
ãƒªãƒ³ã‚¯
ä»»æ„ã®è¦ç´ ã‚’3Då›žè»¢ã•ã›ã€ç«‹ä½“çš„ã«è¦‹ã›ã‚‹å›½ç”£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»TURNBOX.js - ã‹ã¡ã³ã¨.net
ä»»æ„ã®è¦ç´ ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ç«‹ä½“çš„ã«è¦‹ã›ã‚‹ã€ã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»TURNBOX.jsã®ã”ç´¹ä»‹ã€‚ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨ç›¸æ€§è‰¯ã•ãã†ã§ã™ã€‚ è¦ç´ ã«ç«‹ä½“çš„ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã¦ã€3DãªUIã«ã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ã£ã¦æ¬²ã—ã„ã¨ã®äº‹ã§ã™ã€‚é–‹ç™ºè€…ã•ã‚“ã¯NOHTã•ã‚“ã¨ã„ã†æ—¥æœ¬ã®ä¼æ¥ã•ã‚“ãªã®ã§ç–‘å•ãŒã‚ã£ãŸå ´åˆã§ã‚‚é€£çµ¡ãŒå–ã‚Šã‚„ã™ã„ã®ã§å®‰å¿ƒã§ã™ãã€‚ å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã§ã™ ä»–ã«ã‚‚ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ä½¿ãˆãŸã‚Šã„ã‚ã„ã‚å¿œç”¨å¹…ãŒåºƒã„å°è±¡ã§ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="turnBox.js"></script> â†‘ æœ¬ä½“ã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ $(".foo")
crealive 2014/08/06
jquery
ãƒªãƒ³ã‚¯
[CSS]ã¼ã‚ˆã‚ˆãƒ¼ã‚“ã¨æ°—æŒã¡ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã•ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ‘ãƒãƒ«ã‚’æ§‹æˆã™ã‚‹ç”»åƒã€ãƒ©ãƒ™ãƒ«ã€è¦‹å‡ºã—ã€ãƒ†ã‚ã‚¹ãƒˆã€ãã—ã¦å…¨ä½“ã‚’ãã‚Œãžã‚Œå€‹åˆ¥ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã¼ã‚ˆã‚ˆãƒ¼ã‚“ã¨æ°—æŒã¡ã‚ˆãå¼¾ã‚€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä½¿ã„ã©ã“ã‚ã¯é™ã‚‰ã‚Œã‚‹ã‘ã©ã€ã“ã†ã„ã†ã®å¥½ãã€‚ bounceIn animated å®Ÿè£…ã¯ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ HTML HTMLã¯ã€ç”»åƒã€ãƒ©ãƒ™ãƒ«ã€è¦‹å‡ºã—ã€ãƒ†ã‚ã‚¹ãƒˆã€ãƒ©ãƒƒãƒ‘ãƒ¼ã®5ã¤ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ <div class="cu-card animated bounceIn"> <div class="cu-card-image animated second bounceIn"> <img src="http://placehold.it/640x360/99ff99/ffffff" /> <div class="cu-card-label-group animated third bounceIn"> ãƒ©ãƒ™ãƒ«
crealive 2014/07/30
animation

jquery
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«æ‹¡å¤§ã§ãã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œfullsizableã€:phpspoté–‹ç™ºæ—¥èªŒ
jQuery fullsizable by MSchmidt ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«æ‹¡å¤§ã§ãã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œfullsizableã€ã€‚ HTML5ã®ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³APIãªã©ã‚‚ä½¿ã£ã¦LightBoxã®ä»£æ›¿ã¨ã—ã¦å¤§ãã„ç”»åƒã‚’æ¥½ã—ã‚€ã‚µã‚¤ãƒˆã«ä½¿ãˆãã†ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Googleç”»åƒæ¤œç´¢é¢¨ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚Œã‚‹ã€ŒjQuery.GI.TheWall.jsã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸè¶…ã‚¯ãƒ¼ãƒ«ã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒS Galleryã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒGalereyaã€ æ–°Flickré¢¨ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒJustified Galleryã€
crealive 2014/07/30
ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹

Lightbox

fullscreen

jquery
ãƒªãƒ³ã‚¯
[CSS]èƒŒæ™¯ã‚’å›ºå®šã•ã›ã€ã‚«ãƒ¼ãƒ†ãƒ³ã‚’ã‚ã’ã‚‹ã‚ˆã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¬¡ã€…ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®é«˜ã•ã„ã£ã±ã„ã«è¡¨ç¤ºã—ãŸå†™çœŸç”»åƒã¨ãƒ™ã‚¿å¡—ã‚ŠèƒŒæ™¯ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’äº¤äº’ã«é…ç½®ã—ãŸç¸¦é•·ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸéš›ã€å†™çœŸç”»åƒã®èƒŒæ™¯ã‚’å›ºå®šè¡¨ç¤ºã•ã›ã€ã‚«ãƒ¼ãƒ†ãƒ³ã‚’ã‚ã’ã‚‹ã‚ˆã†ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆç„¡ã—ãªã®ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚‚ã£ã•ã‚Šæ„ŸãŒãªãã€éžå¸¸ã«ã•ãã•ãå‹•ä½œã—ã¾ã™ã€‚ Alternate Fixed & Scroll Backgrounds ãƒ‡ãƒ¢ å®Ÿè£… ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯Chrome, Safari, Firefox, Operaãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã€IEã¯9+ã§ã”è¦§ãã ã•ã„ã€‚ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ç”¨ã—ã¦ã„ãªã„ã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚å¿«é©ã§ã™ï¼ å°‘ã—ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã¨ã“ã‚ å†™çœŸç”»åƒã®èƒŒæ™¯ã¯å›ºå®šè¡¨ç¤ºã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãƒ™ã‚¿å¡—ã‚Šã ã‘ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ã€‚ å®Ÿè£… HTML HTMLã¯ã‚·ãƒ³ãƒ—ãƒ«ã§ã€mainè¦ç´ ã‚’ãƒ©ãƒƒãƒ‘ãƒ¼ã«ã€divè¦ç´ ã§å†™çœŸç”»åƒã¨
crealive 2014/07/21
background

html

jQuery

CSS3

scroll
ãƒªãƒ³ã‚¯
ã‚¿ã‚¤ãƒˆãƒ«ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«ã—ã¦ã‚¯ãƒ¼ãƒ«ã«ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Inspiration for Article Intro Effects | Codrops ã‚¿ã‚¤ãƒˆãƒ«ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«ã—ã¦ã‚¯ãƒ¼ãƒ«ã«ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ï¼—ç¨®ã®ç§€é€¸ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ãƒ‡ãƒ¢ãŒè¦‹ã‚Œã¾ã™ã€‚è¦‹ã‚‹ã ã‘ã§ã‚‚æ¥½ã—ãå‹‰å¼·ã«ãªã‚Šãã†ã§ã—ãŸã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã‹ã£ã“è‰¯ãã¦ã‚µãƒ¼ãƒ“ã‚¹ãªã‚“ã‹ã«ä½¿ãˆã°â€æ–°ã—ã•â€ã‚’æ¼”å‡ºã™ã‚‹ã“ã¨ãŒã§ããã†ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªPhotoshopãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼’ï¼ FlappyBirdã‚’HTML5ã§ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« WYSIWYGãªã‚µã‚¤ãƒˆåˆ©ç”¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç°¡å˜å®Ÿè£…ã€ŒShepherdã€
crealive 2014/06/04
ã“ã‚Œã‹ã£ã“ã„ã„ï¼

phpspot

html5

jQuery
ãƒªãƒ³ã‚¯
æ¬¡ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ã„ãŸã„ã€CSS3ã‹ã‚‰SVGã¾ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã¾ã¨ã‚
æœ€è¿‘ã®ã‚¦ã‚§ãƒ–ã‚„ã‚¹ãƒžãƒ•ã‚©ã®ãƒšãƒ¼ã‚¸ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹åŠ¹æžœçš„ã§é¢ç™½ã„ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«é€£å‹•ã—ã¦ã•ã¾ã–ã¾ãªè¦ç´ ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã‚ŒãŸã‚Šã€ãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã™ã‚‹æ™‚ã«ãµã‚ã£ã¨ã•ã›ãŸã‚Šã€ç”»åƒã«SVGã§ãƒ–ãƒ©ãƒ¼ã‚’ã‹ã‘ã¦ãƒ†ã‚ã‚¹ãƒˆã‚’è¼‰ã›ãŸã‚Šã€ç‰©ç†æ¼”ç®—ã‚¨ãƒ³ã‚¸ãƒ³ã§æ…£æ€§ã‚’æ¥½ã—ã‚“ã ã‚Šãªã©ã€ãƒ‡ãƒ¢ã‚’è¦‹ã‚‹ã ã‘ã§ã‚‚ã‹ãªã‚Šã„ã„åˆºæ¿€ãŒã‚‚ã‚‰ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã°ã‹ã‚Šã§ã™ã€‚ Agile Agile -GitHub SVGã‚„WebGLã‚’ä½¿ç”¨ã›ãšã€JavaScriptã§CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®å„ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã ã‘ã§ãªãã€ã‚¹ãƒžãƒ•ã‚©ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã«ã‚‚ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒæœ€é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„ãƒˆã‚¥ã‚¤ãƒ¼ãƒ³ã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¾—æ„ã§ã™ã€‚
crealive 2014/05/03
jQuery

css

css3

svg
ãƒªãƒ³ã‚¯
çŸ¥ã£ã¦ãŠãã¨åŠ¹çŽ‡çš„ï¼ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆåˆ¶ä½œãŒæ—ã‚‹jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ä½¿ã„æ–¹ã¾ã¨ã‚
ä½œæˆï¼š2014/04/7 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > ã‚ã®ä¼æ¥ã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¦ã„ã‚‹åŠ¹æžœã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ãŸæŽ¢ã•ãªã„ã¨ã„ã‘ãªã„ã€ãã‚‚ãã‚‚ã©ã†ã„ã£ãŸã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã§æŽ¢ã—ãŸã‚‰ã„ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€‚ãã‚“ãªã“ã‚“ãªã§ã€ä»Šå›žã¯å¥‡æŠœãªã‚‚ã®ã§ã¯ãªãã€ã€Œä¼æ¥ã‚µã‚¤ãƒˆã§è¦‹ãŸã“ã¨ã‚ã‚‹ï¼ã€ã¨ã„ã†ã‚ˆã†ãªã€ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã«ä½¿ãˆãã†ãªå®šç•ªã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ ï¼‘ï¼Žã‚«ãƒ«ãƒ¼ã‚»ãƒ«ï¼ˆæ¨ªï¼‰ ï¼’ï¼Žãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆ ï¼“ï¼Žç”»åƒã¨æ–‡å—ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ ï¼”ï¼Žæ–‡å—ãŒé…ã‚Œã¦ç§»å‹•ã™ã‚‹åŠ¹æžœ ï¼•ï¼Žç•°ãªã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’è¨å®šã§ãã‚‹ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼–ï¼Žå¤šéšŽå±¤ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼—ï¼Žå¤šéšŽå±¤ åŠ¹æžœã¤ã ï¼˜ï¼Žã‚¹ãƒžãƒ›ã§ã¯ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ ï¼™ï¼Žã‚¹ãƒžãƒ›ã§ã¯ã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã« ï¼‘ï¼ï¼ŽAmazoné¢¨ ãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼‘ï¼‘ï¼Žæ¨ªã‚¹ãƒ©ã‚¤ãƒ‰ ï¼‘
crealive 2014/04/08
jquery

web

matome
ãƒªãƒ³ã‚¯
uibox.in
This domain may be for sale!
crealive 2014/04/04
ã„ã‚ã‚“ãªJSã®å‹•ãã‚’ã¾ã¨ã‚ã¦ã¿ã›ã¦ã‚‹ã‚µã‚¤ãƒˆã€‚ç§€é€¸ã€‚æŽ¢ã™æ™‚ã«ãƒ”ãƒƒã‚¿ãƒªã€‚

ui

js

jQuery

matome
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ã‚«ãƒƒã‚³ã‚¤ã‚¤ï¼ã‚¢ã‚¤ãƒ†ãƒ ã‚’æµ®ã‹ã›ã¦æ–œã‚ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ -Tilted Content Slideshow
Tilted Content Slideshow ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å„ã‚¢ã‚¤ãƒ†ãƒ ã‚’ãµã‚ã‚Šã¨æµ®ã‹ã›ã¦ã€æ–œã‚ã®ã‚¯ãƒã‚¹ã‚’è»¸ã«ã³ã‚…ãƒ¼ã‚“ã¨ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‹ãªã‚Šã‹ã£ã“ã„ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã«ä½¿ã‚ã‚Œãã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ã™ãã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã§ã¯ä¸€éƒ¨ã®å‹•ããªã®ã§ã€ä¸‹è¨˜ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ä»–ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ãŠæ¥½ã—ã¿ãã ã•ã„ã€‚
crealive 2014/03/19
slideshow

jQuery
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ãƒ†ãƒ ã‚’ã‚¯ãƒ¼ãƒ«ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¤ã¤ãƒ•ã‚£ãƒ«ã‚¿ãƒ»ã‚½ãƒ¼ãƒˆãŒå‡ºæ¥ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMixItUpã€:phpspoté–‹ç™ºæ—¥èªŒ
MixItUp ã‚¢ã‚¤ãƒ†ãƒ ã‚’ã‚¯ãƒ¼ãƒ«ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¤ã¤ãƒ•ã‚£ãƒ«ã‚¿ãƒ»ã‚½ãƒ¼ãƒˆãŒå‡ºæ¥ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMixItUpã€ ã“ã‚Œã¯ãªã‹ãªã‹æ±Žç”¨æ€§ãŒã‚ã£ã¦ä¾¿åˆ©ãã†ã€‚ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã§ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã‚‚ãªã£ã¦ã„ã¦ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚å¿«é©ã«ä½¿ãˆãã†ã§ã™ã€‚ ãƒ–ãƒã‚°ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆãªã©ã€å®Ÿè£…ã™ã‚Œã°ã‚ˆã‚Šãƒ¢ãƒ€ãƒ³ã§ã‚¯ãƒ¼ãƒ«ãªã‚µã‚¤ãƒˆã«ä»•ä¸ŠãŒã‚Šãã†ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç”»åƒè¡¨ç¤ºã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒData Imgã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ä½•ã§ã‚‚åŸ‹ã‚è¾¼ã‚ã‚‹LightBoxå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒVenoBoxã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã‚¿ãƒƒãƒãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãªè»½é‡LightBoxå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒImage Lightboxã€ ã‚¯ãƒ¼ãƒ«ã«å®Ÿè£…ã§ãã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ŒRemodalã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚µã‚¤ãƒˆç”¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒGridã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‹ã¤ãƒ•ãƒ©ãƒƒãƒˆãªã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ã‚’å®Ÿ
crealive 2014/03/15
jquery
ãƒªãƒ³ã‚¯
Flatis
crealive 2014/02/20
htmlãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ç”»åƒãƒ•ã‚£ãƒƒãƒˆã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãªã©ã€ã„ã‚ã‚“ãªä»•äº‹ã‚’æ‰‹è»½ã«è¡Œã†ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã‚ªãƒªã‚¸ãƒŠãƒ«ã¾ã¨ã‚ã€‚

good links

web

API

jquery

html

template
ãƒªãƒ³ã‚¯
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 25
ã„ãšã‚Œã‚‚ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹éš›ã«ä¾¿åˆ©ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã€ã‚‚ã¡ã‚ã‚“PCã‚µã‚¤ãƒˆã§ã‚‚å•é¡Œãªãä½¿ãˆã¾ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã¨ã„ã£ãŸã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã«ã¯ç‰¹ã«ä¾¿åˆ©ãªã‚‚ã®ã§ã™ã€‚ ã‚µã‚¤ãƒ‰ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ãã‚‹ã‚‚ã®ã‚„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºãŒç‹ã¾ã‚‹ã¨ã‚»ãƒ¬ã‚¯ã‚¿ã‚„ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã«å¤‰åŒ–ã™ã‚‹ã‚‚ã®ãªã©ã€è¦‹ã›æ–¹ã‚‚æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ãŒã‚ã‚Šã¾ã™ã€‚ ãšã‚‰ã£ã¨ä¸¦ã‚“ã§ã¯ã„ã¾ã™ãŒå¤§ã¾ã‹ã«åŒã˜ã‚ˆã†ãªå‹•ãã‚’ã™ã‚‹ã‚‚ã®ã¯ãªã‚‹ã¹ãå›ºã‚ã¦ã„ã‚‹ã®ã§ã€æ°—ã«ãªã‚‹å‹•ããŒã‚ã‚Œã°ãã®å‰å¾Œã‚‚ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚
crealive 2014/02/16
responsive

jquery

navigation
ãƒªãƒ³ã‚¯
[JS]æŒ‡å®šã—ãŸè¦ç´ å†…ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’æœ€é©ã«é…ç½®ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Wallpaper
å¹…480pxã§è¡¨ç¤º Wallpaperã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="js/jquery.bp.wallpaper.js"> Step 2: HTML HTMLã¯é€šå¸¸é€šã‚Šã§ã€èƒŒæ™¯ç”»åƒã‚’é…ç½®ã™ã‚‹è¦ç´ ã¯æŒ‡å®šã§ãã‚‹ã‚ˆã†idãªã©ã‚’åŠ ãˆã¾ã™ã€‚ <header id="element"> ãƒ˜ãƒƒãƒ€ </header> è¤‡æ•°ç®‡æ‰€ã‚’é©ç”¨ã™ã‚‹æ™‚ã¯ã€classã®æ–¹ãŒä¾¿åˆ©ã§ã™ã€‚ Step 3: JavaScript jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§è¦ç´ ã‚’æŒ‡å®šã—ã€sourceã«ç”»åƒã‚’æŒ‡å®šã—ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ $("#element").w
crealive 2014/02/11
æŒ‡å®šã—ãŸè¦ç´ ã®ã¿ã«èƒŒæ™¯ç”»åƒã‚’å…¥ã‚Œã‚‰ã‚Œã‚‹ã£ã¦è¨€ã†ã¨ã“ã‚ãŒå‡„ã„ä½¿ãˆã‚‹ï¼ï¼

jQuery

javascript

background

fullscreen
ãƒªãƒ³ã‚¯
GoogleMapã‚’ä½¿ã£ã¦å ´æ‰€ã®é¸æŠžã‚„è¿½åŠ ã€å‰Šé™¤ã€æ¤œç´¢ã‚’å¯èƒ½ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œmappy.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
mappy.js - jQuery plug-in for Google Maps and Places API integration Google Mapã‚’ä½¿ã£ã¦å ´æ‰€ã®é¸æŠžã‚„è¿½åŠ ã€å‰Šé™¤ã€æ¤œç´¢ã‚’å¯èƒ½ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œmappy.jsã€ åˆ©ç”¨è€…ãŒãƒžãƒƒãƒ—ã«æƒ…å ±ã‚’è¿½åŠ ã—ãŸã‚Šã€è¿½åŠ ã•ã‚ŒãŸæƒ…å ±ã‚’é¸æŠžã—ãŸã‚Šã€æ¤œç´¢ã—ãŸã‚Šã™ã‚‹UIãŒä½œã‚Œã¾ã™ åœ°å›³æƒ…å ±ã¨çµ¡ã‚ãŸã‚ˆã†ãªã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹éš›ã«æ´»ç”¨ã§ããã†ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Googleãƒžãƒƒãƒ—ã‚’å¥½ã¿ã®è‰²ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã¾ã¨ã‚ã€ŒSnazzy Mapsã€ ç´ æ—©ãç°¡å˜ã«Googleãƒžãƒƒãƒ—ã‚’å°Žå…¥ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œinit map.jsã€ 2Dã®åœ°å›³ã‚’ãƒªã‚¢ãƒ«ãª3Dã«ã—ã¦3Dãƒžãƒƒãƒ—ã‚’ä½œã‚Œã‚‹Photoshopã‚¢ã‚¯ã‚·ãƒ§ãƒ³
crealive 2014/01/29
googlemap

jquery

Google Maps
ãƒªãƒ³ã‚¯
è¶…ã‚«ãƒƒã‚³ã‚¤ã‚¤ç«‹ä½“çš„ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã—ãŸãƒ‡ãƒ¢:phpspoté–‹ç™ºæ—¥èªŒ
Perspective Page View Navigation | Codrops è¶…ã‚«ãƒƒã‚³ã‚¤ã‚¤ç«‹ä½“çš„ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã—ãŸãƒ‡ãƒ¢ã€‚ ãƒšãƒ¼ã‚¸ãŒã‚ã£ã¦ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨æ¬¡ã®ã‚ˆã†ã«ãƒšãƒ¼ã‚¸ãŒå‚¾ã„ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¨ã„ã†ãƒ‡ãƒ¢ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ãƒ•ãƒ©ãƒƒãƒˆã§ã‚¯ãƒ¼ãƒ«ã€‚ æ•°å¹´å¾Œã®WEBã§ã¯ã“ã†ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã¯å½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ãƒžãƒ›ã§ã‚‚å¤šéšŽå±¤ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒä½œã‚Œã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒslimMenuã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAccessible Mega Menuã€ ãƒšãƒ¼ã‚¸ä¸Šã§ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒcontextMenu.jsã€ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åž‹ã®ã‚·ãƒ³ãƒ—ãƒ«ãªéšŽå±¤ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œnavgocoã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä½œæˆç”¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒNav
crealive 2014/01/19
jquery

UI
ãƒªãƒ³ã‚¯
footerã‚’ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä¸‹éƒ¨ã«å›ºå®šã™ã‚‹ã€ŽfooterFixed.jsã€
footerã‚’ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä¸‹éƒ¨ã«å›ºå®šã™ã‚‹ã€ŽfooterFixed.jsã€ footeréƒ¨åˆ†ã‚’ç”»é¢ä¸‹éƒ¨ã«å›ºå®šã™ã‚‹ãŸã‚ã®jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽfooterFixed.jsã€ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ãƒ•ãƒƒã‚¿ãƒ¼ã‚’ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å†…å®¹é‡ã«ã‹ã‹ã‚ã‚‰ãšwindowä¸‹éƒ¨ã«è¡¨ç¤ºã•ã›ã‚‹ãŸã‚ã®jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« è¨ç½®æ–¹æ³•ã¯ headè¦ç´ ãªã®ã§footerFixed.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src="./footerFixed.js"></script> ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä¸‹éƒ¨ã«å›ºå®šã—ãŸã„è¦ç´ ã«idå±žæ€§ã€Œfooterã€ã‚’ä»˜ã‘ã¾ã™ã€‚ ã“ã‚Œã§ãã®è¦ç´ ã‚’ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ä¸‹éƒ¨ã«è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ (ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ä¸‹éƒ¨ã¨ã„ã†ã®ãŒã‚ã‹ã‚Šã«ãã„ã¨æ€ã†ã®ã§ã™ãŒã€å†…å®¹é‡ãŒã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’è¶…ãˆã‚‹å ´åˆã¯é€šå¸¸é€šã‚Šã€å†…å®¹é‡ãŒã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚ˆã‚Šå°ã•ã„å ´åˆã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ä¸‹éƒ¨ã«é…ç½®ã¨ã„ã†æ„å‘³ã§ã™
crealive 2014/01/05
aunã®æ–°ã—ã„ã‚µã‚¤ãƒˆã§ã¤ã‹ã£ãŸã€‚

aun

jquery
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒGalereyaã€:phpspoté–‹ç™ºæ—¥èªŒ
Galereya. jQuery gallery. ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒGalereyaã€ PCã§ã‚‚ã‚¹ãƒžãƒ›ã§ã‚‚ä½¿ãˆã‚‹Pinteresté¢¨ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ã‚µãƒ³ãƒ—ãƒ«ã®ç”»åƒã¯è‹¥å¹²æ°—æŒã¡ãŒæ‚ªã„ã§ã™ãŒã€ä½¿ã†åˆ†ã«ã¯å•é¡Œãªã„ã§ã™ãã€‚ ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã—ã¦ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã‚‚å¯èƒ½ã£ã½ã„ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSSã§è¨å®šãŒã§ãã‚‹Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSalvattoreã€ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§å†ç·¨æˆã§ãã‚‹Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.Shapeshiftã€ ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¿ã‚¤ãƒ«çŠ¶ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFreewallã€
crealive 2013/12/05
pinterest

jquery

grid
ãƒªãƒ³ã‚¯
Loading...
crealive 2013/11/23
æ™®é€šã®lightboxãªã‚‰ã‚¹ãƒžãƒ›ã§è¦‹ãŸå ´åˆä¸å¤®ã‹ã‚‰ã‚ºãƒ¬ã‚‹ã®ã§ã€YoxViewã ã¨ã‚ºãƒ¬ãªãã¦ä¾¿åˆ©ã€ã¨ã„ã†ãƒ¡ãƒ¢ã€‚

Lightbox

jQuery

gallery

mobile
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸