[B! jquery] supermomongaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

supermomonga id:supermomonga

jqueryã«é–¢ã™ã‚‹supermomongaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (148)

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

ã‚«ãƒƒã‚³æ‚ªã„input[type=file]ã‚’ãƒ¢ãƒ€ãƒ³ã«ã—ã¦ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—å¯¾å¿œã«ã™ã‚‹ã€ŒDropifyã€:phpspoté–‹ç™ºæ—¥èªŒ
Dropify ?Override your input files with style. ã‚«ãƒƒã‚³æ‚ªã„input[type=file]ã‚’ãƒ¢ãƒ€ãƒ³ã«ã—ã¦ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—å¯¾å¿œã«ã™ã‚‹ã€ŒDropifyã€ æ¬¡ã®ã‚ˆã†ã«ãƒ¢ãƒ€ãƒ³ãªå½¢ã«ã—ã¦ãã‚Œã¾ã™ã€‚ã‚¯ãƒªãƒƒã‚¯é ˜åŸŸã‚‚å¤§ãããªã£ã¦ã€ä½¿ã„ã‚„ã™ã„ã€‚ æ—¢å˜ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ã‚µãƒ ãƒã‚¤ãƒ«ã¨ã—ã¦è¨å®šã—ã¦å‰Šé™¤ã—ãŸã‚Šã€ç½®ãæ›ãˆãŸã‚Šã‚‚ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ç”¨ã®Dropã‚¾ãƒ¼ãƒ³ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒDropperã€ å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ç§»å‹•ã‚„ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ãéš›ã«è¦å‘Šã‚’ç°¡å˜ã«å‡ºã›ã‚‹ã€ŒJquery.exlinkã€
supermomonga 2015/10/13
jquery
ãƒªãƒ³ã‚¯
ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ã‚¹ã‚¤ãƒƒãƒãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰æ›ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
å‘³æ°—ãªã„ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ã‚¹ã‚¤ãƒƒãƒãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰æ›ã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãã‚Œä»¥ä¸Šã§ã‚‚ãã‚Œä»¥ä¸‹ã§ã‚‚ç„¡ã„ã®ã§ã™ãŒãƒ»ãƒ»ãƒ»ã€‚ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã‚€ã ã‘ã§ã™ãã«å¤‰æ› jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿ã“ã‚ã°ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ãŒä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ã¯ä»¥ä¸‹ã« http://ahmad-sa3d.github.io/rcswitcher/ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã‹ã‚‰ã§ãã¾ã™ã€‚index.html ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã‚Œã°ã€ç‰¹ã«è¨å®šãªã©ã®ä»•æ§˜ã‚’èªã¾ãªãã¦ã‚‚ç›´ãã«ã‚ã‹ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ahmad-sa3d/rcswitcher Â· GitHub ã‚‚ã†å°‘ã—ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã“ã ã‚ã‚ŠãŸã„äºº ãƒœã‚¿ãƒ³ã‚’æ‰‹è»½ã«å¤‰æ›å‡ºæ¥ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ä»–ã«ã‚‚çµæ§‹ã‚ã‚Šã¾ã™ãŒã€ã“ã¡ã‚‰ã‚‚ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ fronteed/icheck Â· GitHub æ˜¯éžãŠè©¦ã—ã‚ã‚Œã€‚ ãã‚Œã§ã¯ã€ã¾ãŸã€‚
supermomonga 2015/10/03
jquery
ãƒªãƒ³ã‚¯
é«˜æ©Ÿèƒ½ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï½œãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã€ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªã€ãƒ“ãƒ‡ã‚ªã€å„ç¨®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µãƒãƒ¼ãƒˆå¯¾å¿œ
é«˜æ©Ÿèƒ½ã§ç¾Žã—ã„ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã¯ã‚„ã¯ã‚Š2015å¹´åº¦ç‰ˆã¨ã„ã†æ„Ÿã˜ã¯ã—ã¾ã™ãŒã€UIã¯ã‚ã‚‹ç¨‹åº¦è¨å®šã§å¤‰æ›´å‡ºæ¥ã¾ã™ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã¯5å¹´ãŸã£ãŸã‚‰ãŒã‚‰ã‚Šã¨æµè¡Œã‚ŠãŒå¤‰ã‚ã‚‹ã®ã§ä¾¿åˆ©ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã‚µãƒãƒ¼ãƒˆ ã‚‚ã¡ã‚ã‚“æ™®é€šã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹äº‹ã‚‚å¯èƒ½ã§ã™ãŒã€ãã‚Œä»¥å¤–ã«ãƒ‰ãƒãƒƒãƒ—ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã¨ã„ã†äº‹ã§ã™ã€‚ åŒæ™‚ã«è¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å¯èƒ½ å¹¾ã¤ã‹ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åŒæ™‚ã«ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚å…ˆã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸ã³ã€ä¸€æ–‰ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚‚å‡ºæ¥ã¾ã™ã—ã€ä¸€ã¤ä¸€ã¤ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ å¯¾å¿œãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ–ãƒ©ã‚¦ã‚¶ ã¾ã•ã‹ã®IE6ã‹ã‚‰å¯¾å¿œã€‚ Google Chrome Apple Safari 4.0+Mozilla Firefox 3.0+Opera 11.0+Microsoft Internet Explorer 6.0+ å¯¾å¿œãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ Ap
supermomonga 2015/09/18
jquery
ãƒªãƒ³ã‚¯
Vanillabox
Overview Vanillabox is a simple, modern Lightbox-like plugin for jQuery. You can easily setup your image gallery with this plugin. Why Vanillabox? Simple design, no decoration. It focuses your content. Suitable for modern browsers that include mobile ones. It works nicely whether or not to zoom a page. Free for commercial use. It's licenced under the MIT License. System Requirements jQuery 1.7+ Ch
supermomonga 2015/09/04
jquery
ãƒªãƒ³ã‚¯
[JS]ã‚·ãƒ³ãƒ—ãƒ«ã§è¶…è»½é‡ãªã®ãŒã„ã„ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚«ãƒ¼ãƒ‰åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -minigrid
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚«ãƒ¼ãƒ‰åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã€jQueryãªã©ã®ä»–ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ä¾å˜ã—ãªã„ã‚·ãƒ³ãƒ—ãƒ«ã§è¶…è»½é‡ï¼ˆ2KBï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ minigridã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <body> ... ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ... <script src="http://henriquea.github.io/minigrid/minigrid.js"></script> </body> Step2 :HTML å„ã‚¢ã‚¤ãƒ†ãƒ ã«ã¯ã€Œ.grid-it emã€ã‚’ã€ãƒ©ãƒƒãƒ‘ãƒ¼ã«ã¯ã€Œ.gridã€ã‚’ä»˜ä¸Žã—ã¾ã™ã€‚ <div class="grid"> <div class="grid-it em"></div> <div class="grid-it em"></div> <div class="grid-it em"></div
supermomonga 2015/08/03
javascript

Grid

jquery
ãƒªãƒ³ã‚¯
Raindrops.js
Just a drop in the ocean Raindrops.js - Raindrops effect plugin for jQuery UI
supermomonga 2015/06/30
js

jQuery
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶å†…ã§50ä¸‡ä»¶ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚‚ã‚µã‚¯ã‚µã‚¯ã§è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ŒClusterize.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Clusterize.js ãƒ–ãƒ©ã‚¦ã‚¶å†…ã§50ä¸‡ä»¶ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚‚ã‚µã‚¯ã‚µã‚¯ã§è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ŒClusterize.jsã€ ãƒ–ãƒ©ã‚¦ã‚¶å†…ã®DOMã«ï¼•ï¼ä¸‡ä»¶ã‚’èªã‚€ã¨ã„ãã‚‰é«˜é€Ÿãªãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ãƒãƒ³ã‚°ã—ãŸã‚Šã—ãã†ã§ã™ãŒã€ã“ã¡ã‚‰ã‚’ä½¿ãˆã°å•é¡Œãªã50ä¸‡ä»¶ã®ãƒ‡ãƒ¼ã‚¿ã‚‚èªã¿è¾¼ã‚“ã§è¡¨ç¤ºãŒå‡ºæ¥ã¾ã™ DOMæ§‹é€ ã‚’50ä¸‡ä»¶ä½œã‚‹ã®ã§ã¯ãªãã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦DOMå†…ã‚’æ›¸ãæ›ãˆã¦ã„ã‚‹ã®ãŒãã®ä»•çµ„ã®ã‚ˆã†ã§ã™ã€‚ å¤§é‡ã®ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ä¸€æ°—ã«è¡¨ç¤ºã—ãŸã„å ´åˆã«ä¾¿åˆ©ãã†ã§ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª é«˜æ©Ÿèƒ½ï¼†é«˜é€Ÿãªãƒ†ãƒ¼ãƒ–ãƒ«å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒWATableã€ ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’Google Chartsã‚’ä½¿ã£ã¦å¤šæ§˜ãªã‚°ãƒ©ãƒ•ã«å¤‰æ›ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€ŒChartinatorã€ HTMLãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ JSONã€XMLã€PNGã€CSVã€PDFãªã©ã‚ã‚‰ã‚†ã‚‹å½¢å¼ã«å¤‰æ›ã§ãã‚‹ã€ŒHTML table Exportã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«è¦ç´ ã‚’æ¶ˆã•ãšã«å¤‰å½¢ã™ã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«
supermomonga 2015/05/07
jquery
ãƒªãƒ³ã‚¯
cow2design.com
Weâ€™re getting things ready Loading your experienceâ€¦ This wonâ€™t take long.
supermomonga 2015/04/26
js

jquery
ãƒªãƒ³ã‚¯
è¶…è»½é‡ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã®é«˜ã„ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆå®Ÿè£…ã€ŒAwesompleteã€:phpspoté–‹ç™ºæ—¥èªŒ
Awesomplete: Ultra lightweight, highly customizable, simple autocomplete, by Lea Verou è¶…è»½é‡ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã®é«˜ã„ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆå®Ÿè£…ã€ŒAwesompleteã€ 2KBã§æ¬¡ã®ã‚ˆã†ã«ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆãŒå®Ÿè£…ã§ãã¾ã™ã€‚ å®Ÿè£…æ–¹æ³•ã¯ã€è£œå®Œã—ãŸã„ãƒ‡ãƒ¼ã‚¿ã‚’ data-list ã§å±žæ€§å®šç¾©ã™ã‚‹ã ã‘ã€ã¨ã„ã†ç°¡å˜ã•ã€‚ æ¬¡ã®ã‚ˆã†ã«åˆ¥é€”datalist ã‚¿ã‚°ã§ãƒ‡ãƒ¼ã‚¿ã‚’å®šç¾©ã™ã‚‹äº‹ã‚‚å¯èƒ½ã§ã™ @ã‚’å…¥ã‚ŒãŸå¾Œã®ãƒ‰ãƒ¡ã‚¤ãƒ³è£œå®Œæ©Ÿèƒ½ãªã‚“ã‹ã‚‚å¿œç”¨ã™ã‚‹ã“ã¨ã§å®Ÿç¾ãŒå¯èƒ½ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆå¯èƒ½ãªãƒ—ãƒ«ãƒ€ã‚¦ãƒ³å®Ÿè£…ã€Œjquery.ajax-comboboxã€ ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆã«ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½¿ãˆã‚‹ã€ŒAutocomplete-Tableã€ ãŠæ‰‹è»½ã«ä½¿ãˆã‚‹Bootstrapãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œcomple
supermomonga 2015/03/24
jQuery
ãƒªãƒ³ã‚¯
Swiper - Most Modern Mobile Touch Slider
supermomonga 2015/03/02
jQuery
ãƒªãƒ³ã‚¯
ãŠã—ã‚ƒã‚Œãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ã§ã‚¤ãƒ©ã‚¤ãƒ©è§£æ¶ˆ fakeLoader.js
ã€ŒfakeLoader.jsã€ã¯ã€ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ãªã©ã®éš›ã«ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã‚ãã¾ã§ã‚‚ã€Œãƒ•ã‚§ã‚¤ã‚¯ã€ãªã®ã§èªã¿è¾¼ã¿ãŒçµ‚ã‚ã£ãŸã‹ã©ã†ã‹ã¯åˆ¤æ–ã§ãã¾ã›ã‚“ãŒã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ç”¨æ„ã•ã‚ŒãŸã‚ªã‚·ãƒ£ãƒ¬ãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ã‚¤ã‚³ãƒ³ã‚’æ‰‹è»½ã«è¡¨ç¤ºã§ãã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ç”»åƒã‚„èƒŒæ™¯è‰²ã‚‚é¸æŠžã§ãã¾ã™ã€‚è¨ç½®æ–¹æ³•ãŒæ˜Žå¿«ã§ã€åœ§ç¸®ç‰ˆã®ã‚µã‚¤ã‚ºã¯2KBã¨ã„ã†è¶…è»½é‡ãªç‚¹ã‚‚ç‰¹å¾´ã§ã™ã€‚ fakeLoader.jsãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯Google Chromeãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¨Internet Explorer 8ä»¥é™ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯iOS 7.1ã®Safariã€Android 4.1ä»¥é™ã®ã€Œãƒ–ãƒ©ã‚¦ã‚¶ã€ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITã§ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã£ã¦è‘—ä½œæ¨©è¡¨ç¤ºã¯å‰Šé™¤ã›ãšã«åˆ©ç”¨ã—ã¾ã—ã‚‡ã†ã€‚ step1 jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®èªã¿è¾¼ã¿ jQueryæœ¬ä½“ã‚’jQueryã®å…¬å¼
supermomonga 2015/02/06
jquery
ãƒªãƒ³ã‚¯
Flickity v2 Â· Touch, responsive, flickable carousels
Install Download CDN Package managers License Commercial license Open source license Getting started Initialize with jQuery Initialize with vanilla JavaScript Initialize with HTML Next Feature showcase wrapAround freeScroll groupCells autoPlay lazyLoad Parallax Images View all options Flickity in use People like Flickity Install Download CSS: flickity.min.css minified, or flickity.css un-minified
supermomonga 2015/01/29
jquery
ãƒªãƒ³ã‚¯
[JS]ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå¿«é©ã«æ“ä½œã§ãã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚å¯¾å¿œã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Flickity
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸: ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ Flickityã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ â€»jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹æ™‚ã¯ã€jquery.jsã‚’åŠ ãˆã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script src="/path/to/flickity.pkgd.min.js"></script> </head> Step 2: HTML å„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’divè¦ç´ ãªã©ã§å®Ÿè£…ã—ã€ãƒ©ãƒƒãƒ‘ãƒ¼ã§å†…åŒ…ã—ã¾ã™ã€‚ <div id="main-gallery"> <div class="gallery-cell">...</div> <div class="gallery-cell">...</div> <div cl
supermomonga 2015/01/29
jquery
ãƒªãƒ³ã‚¯
ç”»åƒã®è‰²ã‹ã‚‰èƒŒæ™¯è‰²ã‚’æ±ºå®šï¼jquery.adaptive-backgrounds.js
ã€Œjquery.adaptive-backgrounds.jsã€ã¯ã€æŒ‡å®šã—ãŸç”»åƒã®ãƒ‰ãƒŸãƒŠãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã‚’æŠ½å‡ºã—ã€è¦ªè¦ç´ ã®èƒŒæ™¯è‰²ã¨ã—ã¦é©ç”¨ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ‰ãƒŸãƒŠãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã¨ã¯é…è‰²å…¨ä½“ã®å°è±¡ã‚’æ”¯é…ã™ã‚‹è‰²ã®ã“ã¨ã§ã€ä¸»èª¿è‰²ã¨ã‚‚å‘¼ã°ã‚Œã¾ã™ã€‚ãƒ‰ãƒŸãƒŠãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã‚’èƒŒæ™¯ã«ä½¿ã†æ‰‹æ³•ã§æœ‰åãªã®ã¯iTunesã§ã™ãã€‚ä¸‹è¨˜ã®ç”»åƒã‚’è¦‹ã¦ã‚ã‹ã‚‹é€šã‚Šã€CDã‚¸ãƒ£ã‚±ãƒƒãƒˆã®ãƒ‰ãƒŸãƒŠãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã‚’èƒŒæ™¯è‰²ã«æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€ã‚¢ãƒ«ãƒãƒ ã®å°è±¡ã‚’è¦–è¦šçš„ã«ã‚ˆã‚Šå¼·ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ jquery.adaptive-backgrounds.jsãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯Canvas è¦ç´ ã‚’ä½¿ã†ã®ã§ã€Google Chromeãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¨Internet Explorer 9ä»¥é™ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯iOS 7.1ã®Safariã€Android 4ä»¥é™ã®ã€Œãƒ–ãƒ©ã‚¦ã‚¶ã€ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITã§ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã£ã¦è‘—ä½œæ¨©è¡¨ç¤ºã¯
supermomonga 2015/01/08
jquery

color

background
ãƒªãƒ³ã‚¯
Railsã§postã—ãŸæ™‚é–“ã‚’â—‹â—‹minutes agoã¿ãŸã„ã«è¡¨ç¤ºã™ã‚‹ãƒ˜(^o^)ãƒŽ - Murajun's Style
ä»Šæ—¥ã€Twitterã§@netwillnetã•ã‚“ã¨@chiastoliteã•ã‚“ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’ã¿ã¦ã‚„ã£ã¦ã¿ãŸ @netwillnet time_ago_in_wordsã™ã‹ãâ€” Hiroyuki Morita (@chiastolite) 2014, 11æœˆ 17 Railsã§ã¯time_ago_in_wordsãƒ˜ãƒ«ãƒ‘ãƒ¼ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ ã§ã‚‚ã€ã“ã®åã¯ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§æ›´æ–°ã•ã‚Œãªã„ï¼ˆå½“ãŸã‚Šå‰ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«çµŒéŽæ™‚é–“ã‚’ã¨ã£ã¦ããŸã„ã§ã™ã‚ˆãï¼Ÿ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«timeagoã£ã¦ã®ãŒã‚ã‚Šã¾ã™ ã“ã‚Œã‚’ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã† jsãƒ•ã‚¡ã‚¤ãƒ«ã‚’... ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã›ãšã«gemã‚’æŽ¢ã—ã¾ã™ rails-timeago - GitHubã‚’ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã† ä½¿ã„æ–¹ã¯ã¨ã£ã¦ã‚‚ç°¡å˜â™ª # Gemfile gem 'rails-timeago', '~> 2.0' # app/assets/java
supermomonga 2014/11/18
rails

jquery
ãƒªãƒ³ã‚¯
Home - VEGAS STRIP LEGAL REVIEW
Legal Insights on the Vegas Strip: Navigating the Complexities of Law Las Vegas is renowned worldwide as a city of entertainment, excit ement, and high stakes. With its dazzling lights, world-class casinos, and endless entertainment options, the Vegas Strip attracts millions of visitors annually. However, behind the allure of this vibrant city lies a unique set of legal challenges. From personal in
supermomonga 2014/10/09
jQuery

lightbox
ãƒªãƒ³ã‚¯
GitHub - blivesta/drawer: Flexible drawer menu using jQuery, iScroll and CSS.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
supermomonga 2014/09/26
jquery
ãƒªãƒ³ã‚¯
GitHub - FrDH/mmenu-js: The best javascript plugin for app look-alike on- and off-canvas menus with sliding submenus for your website and webapp.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
supermomonga 2014/09/26
jquery

mobile
ãƒªãƒ³ã‚¯
http://impulse.luster.io/
supermomonga 2014/09/05
jQuery

javascript

Physics

Library

animation
ãƒªãƒ³ã‚¯
Site Under Maintenance
We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
supermomonga 2014/09/01
jquery
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 æ¬¡ã®ãƒšãƒ¼ã‚¸