ããã«ãã«ã¼ãããã¿ã³ãªã©ã®UIè¦ç´ ãã¦ã¼ã¶ã¼ã®æä½ã«ãããã¦ããµããã¨æµ®ãããã¢ãã¡ã¼ã·ã§ã³ã§æ°æã¡ããåããã¦è¦å·®å¹æãä¸ããJavaScriptã®è¶ 軽éã©ã¤ãã©ãªãç´¹ä»ãã¾ãã å®è£ ã¯ç°¡åã§ãHTMLãæ±ããã«å®è£ ãããã¨ãã§ãã¾ãã vanilla-tilt.js vanilla-tilt.js -GitHub vanilla-tilt.jsã®ç¹å¾´ vanilla-tilt.jsã®ã㢠vanilla-tilt.jsã®ä½¿ãæ¹ vanilla-tilt.jsã®ç¹å¾´ vanilla-tilt.jsã¯ãTilt.jsï¼jQueryãã¼ã¸ã§ã³ï¼ãããã©ã¼ã¯ãããã¹ã ã¼ãºãª3Dãã«ããç°¡åã«å®è£ ã§ããJavaScriptã©ã¤ãã©ãªã§ãã æ»ãããªã¢ãã¡ã¼ã·ã§ã³ 軽é 60fps ããã©JavaScriptï¼ä¾åé¢ä¿ã¯ããã¾ããï¼ å®è£ ã¯ç°¡åãã«ã¹ã¿ãã¤ãºãç°¡å
All-in-one animation engine. A fast and flexible JavaScript library to animate the web.
Latest Version: 1.3 Latest Release Date: December 3, 2011 Original Release Date: March 30, 2011 Compressed: 1.47kb Uncompressed: 4.84kb View GitHub Repository About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. 2016-11-04 Update This project is no longer being
360度ã®ããã©ãç»åããã©ã¦ã¶ä¸ã§è¡¨ç¤ºã§ããã軽éã¹ã¯ãªãããç´¹ä»ãã¾ãã ããã©ãç»åãè¦ãã ãã§ãªããããã©ãåç»ããªã³ã¯ã³ã³ãã³ããç©èªã³ã³ãã³ããªã©ãã¤ã³ã¿ã©ã¯ãã£ããªãã¾ãã¾ãªã³ã³ãã³ããå®è£ ã§ãã¾ãã Panolens.js Panolens.js -GitHub Panolens.jsã®ç¹å¾´ Panolens.jsã®ã㢠Panolens.jsã®ä½¿ãæ¹ Panolens.jsã®ç¹å¾´ Panolens.jsã¯ã¤ãã³ãé§ååã§ãWebGL対å¿ã®ããã©ããã¥ã¼ã¢ã¼ã§ãã ããã©ãã¯æ°´å¹³æ¹åãã¯ãããåç´æ¹åã»æ¡å¤§ç¸®å°ã«ã対å¿ãã¦ãã¾ãã Three.JSï¼3Dãã¬ã¼ã ã¯ã¼ã¯ï¼ããã¼ã¹ã«å®è£ ããã軽éã®ã¹ã¯ãªããã§ãã«ã¹ã¿ãã¤ãºãåªãã¦ãã¾ãã Panolens.jsã®ã㢠ãã¢ã§ã¯Panolens.jsã§å®è£ ããããã¾ãã¾ãªããã©ããæ¥½ããã¾ãã
Introducing Tornis. Taking its name from the forest watchtowers of Latvia, Tornis is a minimal JavaScript library that watches the state of your browser's viewport, allowing you to respond whenever something changes. Think of Tornis as a store for your viewport. Tornis tracks state for: Mouse position 0, 0 Mouse cursor velocity 0, 0 Viewport size 1440, 718 Scroll position 0, 0 Scroll velocity 0, 0
ã¯ã¬ã¸ããã«ã¼ãçªå·ã»é»è©±çªå·ã»æ¥ä»ã»æéã»éé¡ãªã©ãå ¥åãããã©ã¼ã ã®inputè¦ç´ ã«ãæ°åãåºåã£ãããè¨å·æåãå ããããå ¥åããæ°åã®ãã©ã¼ããããç°¡åã«å®ç¾©ã§ãã軽éã¹ã¯ãªãããç´¹ä»ãã¾ãã åä½ã®ã¹ã¯ãªããã¨ãã¦ã ãã§ãªããReactã³ã³ãã¼ãã³ããAngularJSãã£ã¬ã¯ãã£ãã§ãå©ç¨ã§ãã¾ãã Cleave.js -GitHub Cleave.jsã®ç¹å¾´ Cleave.jsã®ã㢠Cleave.jsã®ä½¿ãæ¹ Cleave.jsã®ç¹å¾´ Cleave.jsã¯ããã©ã¼ã ã®inputè¦ç´ ã«å ¥åããæ°åã®ãã©ã¼ããããç°¡åã«å®ç¾©ã§ãã¾ãã ã¯ã¬ã¸ããã«ã¼ãçªå·ã®ãã©ã¼ããã é»è©±çªå·ã®ãã©ã¼ããã æ¥ä»ã»æéã®ãã©ã¼ããã æ°å¤ã®ãã©ã¼ããã åºåãæåããã¬ãã£ãã¯ã¹ããããã¯ãã¿ã¼ã³
Example const tour = new Shepherd.Tour({ defaultStepOptions: { classes: 'shadow-md bg-purple-dark', scrollTo: true } }); tour.addStep('example', { title: 'Example Shepherd', text: 'Creating a Shepherd is easy too! Just create ...', attachTo: '.hero-example bottom', advanceOn: '.docs-link click' }); tour.start();
Webãã¼ã¸ãã¹ããã¢ããªã§ãã¦ã¼ã¶ã¼ãã¹ã¯ãã¼ã«ããä½ç½®ã«å¿ãã¦CSSã¢ãã¡ã¼ã·ã§ã³ãç°¡åã«é©ç¨ã§ãããã©ã©ãã¯ã¹ã¹ã¯ãã¼ã«ãå®è£ ãã軽éã¹ã¯ãªãããç´¹ä»ãã¾ãã åä½ã§åä½ããã®ã§ãé常ã«ä¾¿å©ã ã¨æãã¾ãã basicScroll basicScroll -GitHub basicScrollã®ç¹å¾´ basicScrollã®ã㢠basicScrollã®ä½¿ãæ¹ basicScrollã®ç¹å¾´ basicScrollã§ã¯ã¹ã¯ãã¼ã«ä½ç½®ã«å¿ãã¦CSSã夿´ã§ããCSSã®å¤æ°ãå©ç¨ãã¦ã¢ãã¡ã¼ã·ã§ã³ãé©ç¨ãã¾ããã¹ã¯ãã¼ã«ã§åæã«è¡¨ç¤ºãããè¦ç´ ã«å¯¾ãã¦ãå¥ã ã®ã¢ãã¡ã¼ã·ã§ã³ãç°¡åã«è¨å®ã§ããJavaScriptã使ç¨ãã¦ã¢ãã¡ã¼ã·ã§ã³ãããã«å¶å¾¡ã§ãã¾ãã basicScrollã®ç¹å¾´ ä»ã®ã¹ã¯ãªããã¸ã®ä¾åã¯ã¼ã CommonJSã¨AMDã®ãµãã¼ã ã·ã³ãã«ãªJavaScript API ã
ã¬ã¹ãã³ã·ã対å¿ãã¢ã¤ã³ã³ãã¯ãªãã¯ã»ã¿ããããã¨ããµã¤ããã¼ãã¢ãã¡ã¼ã·ã§ã³ã§ã¹ã©ã¤ã表示ã»é表示ãããCSSã®ãã¯ããã¯ãç´¹ä»ãã¾ãã ã¹ã©ã¤ãã¯åã«ããè¦ããã ãã§ãtransformã§ãµã¤ããã¼ãå¤å½¢ããã¦ãã¾ãã æ»ãããªã¢ãã¡ã¼ã·ã§ã³ãç¾ããã°ã©ãã¼ã·ã§ã³ãã¹ã©ã¤ãããã«ã¤ãã¦éæåº¦ãå¤åããã®ãç¾ããã§ããã ãµã¤ããã¼ãã¢ãã¡ã¼ã·ã§ã³ã§ã¹ã©ã¤ããããã㢠å®è£ ãµã¤ããã¼ãã¢ãã¡ã¼ã·ã§ã³ã§ã¹ã©ã¤ããããã㢠å®éã®åä½ã¯ããã¢ã§ã楽ãã¿ãã ããã ãã¹ã¯ããããµã¤ãºã§ããã¹ãããµã¤ãºã§ãæå¾ éããåä½ãã¾ãã â»CSS夿°ã§å®è£ ããã¦ãããããIEã§ã¯åä½ãã¾ããã å®è£ å®è£ ã®ä»çµã¿ ã¢ã¤ã³ã³ã¯ãã©ã¼ã ã®ãã§ãã¯ããã¯ã¹ã§å®è£ ããã¦ããããã®ãªã³ã»ãªãããã°ã«ã«ãã¦ãµã¤ããã¼ã表示ãã¦ãã¾ãã ãã°ã«ã®åãæ¿ãæã®ã¿JavaScriptã使ç¨ããã¦ããããã以å¤ã¯ã¢ãã¡ã¼
Feature.js, a feature detection library in 1kb A Fast, simple and lightweight browser feature detection library written in plain JavaScript. Try it by opening this page in different browsers and seeing the results: What is it Feature.js is a fast, simple and lightÂweight browser feature detecÂtion library. It has no dependencies and weighs only 1kb minified and gzipped. Feature.js automatiÂcally i
ã¬ã¹ãã³ã·ã対å¿ãããLightboxç³»ã®ãã©ã°ã¤ã³ãã©ã¤ãã©ãªã®ã¾ã¨ãã§ãã»ã¨ãã©ãjQueryãã©ã°ã¤ã³ã«ãªãã¾ãããä¸ã«ã¯åä½ã§åããã®ãããã¾ãã ã¾ãã対å¿ã³ã³ãããã¨ãã§ã¯ãã夿°ãããã®ããªãã·ã§ã³ãã²ã¨éãæã£ã¦ãããã®ãåããè¦æ ãã¯å°ãç°¡æçã«ãªãã¾ããIE7ã»8ã¨ãã£ããã©ã¦ã¶ã¾ã§å¯¾å¿ãã¦ãããã®ãªã©ã¿ã¤ããæ§ã ã§ãã ç´¹ä»æã«å¯¾å¿ãã©ã¦ã¶ãããã¤ã¹ã«é¢ãã¦ãè¨è¼ãã¦ããå 容ã¯ãåºæ¬çã«åé å¸å ã§è¨è¼ããã¦ãããã®ã«ãªãã¾ãã ãã ãç¹ã«IEã®å ´åã¯å¯¾å¿ãã¦ãããä»ã®ãã©ã¦ã¶ã«æ¯ã¹åããç°¡æçã«ãªã£ã¦ãã¾ã£ã¦ãããåããæªãããã®ãªã©ãããã®ã§ã対å¿ãã¦ããã¨ããè¨è¼ããã£ã¦ã使ç¨åã«èªèº«ã§åãã®ç¢ºèªããããããã¾ãã Swipebox ãã©ã°ã¤ã³åã«ãããããã«ã¹ã¯ã¤ãã§ç»åãåãæ¿ãããã¨ãã§ããã®ã£ã©ãªã¼ããããªã«ã対å¿ãã¦ããjQueryãã©ã°ã¤ã³ã§ãã ãªã
// Simple list var list = document.getElementById("my-ui-list"); Sortable.create(list); // That's all. // Grouping var foo = document.getElementById("foo"); Sortable.create(foo, { group: "omega" }); var bar = document.getElementById("bar"); Sortable.create(bar, { group: "omega" }); // Or var container = document.getElementById("multi"); var sort = Sortable.create(container, { animation: 150, // ms
Intense Image Viewer A javascript library for viewing images in a fully full screen. Click the images to see it in action!
dropzonejs.com 2014æ7æ1æ¥: dropzone.js ã®ãã¼ã¸ã§ã³ãä¸ããã以åã®è¨äºã®å 容ã§ã¯åä½ããªããã®ãå¤ããªã£ã¦ããããã2014å¹´7æ1æ¥æç¹ã§ã®ææ°ç 3.10.2 ã®ä»æ§ã«ãããã¦è¨äºå 容ãè¦ç´ããæ¹è¨ãã¦ãã¾ãã(æ´æ°ãé ããªã£ã¦ãã¾ã£ã¦ãã¿ã¾ããã) ãµãã¼ããã¦ãããã©ã¦ã¶ã¯ Chrome 7+ Firefox 4+ IE 10+ Opera 12+ (Macçã®Operaã§ã¯ãã°ãããããç¾å¨ã¯ç¡å¹ã®ããã§ã) Safari 5+ ã¨ãªã£ã¦ãã¾ãã ãã©ãã°ã¢ã³ããããããå©ç¨ã§ããªããã©ã¦ã¶ã®ããã«ã¯ã ã¯ãªãã¯ããã¨input:fileã§è¡¨ç¤ºããããã¡ã¤ã«é¸æã¦ã£ã³ãã¦ã表示ããããã åä½ããªãã£ãã¨ãã®å¦çãæ¸ãã¦å¯¾å¿ãããã¨ãå¯è½ã¨ãªã£ã¦ãã¾ãã å使¹æ³ ã¾ãå®éã«åããã¦ã¿ã¾ãããã äºåã«dropzoneãä¸è¨ãããã¦ã³ãã¼ãã
使ç¨ã«ããã£ã¦ã®æ³¨æ åé å¸ã¯ãé æ ®ãã ããã¾ã æ¹å¤ã¯èªç±ã«ãã¦ãã ãã£ã¦æ§ãã¾ããããæä¸é¨ã«ããã³ã¡ã³ãé¨åã¯åé¤ããªãã§ãã ããã ãã®ã¹ã¯ãªããã使ç¨ããä½ããã®åé¡ãçºçãã¦ãä¸å責任ã¯è² ãã¾ããã 使ç¨ã«é¢ãã¦ã¯èªå·±è²¬ä»»ã§ãé¡ããããã¾ãã ãè¦æããã°ãªã©ãããã¾ããããååããã©ã¼ã ã¾ã§ è¨ç½®æ¹æ³1 headè¦ç´ å ã«followscrolling.jsãèªã¿è¾¼ã¿ã¾ãã <script type="text/javascript" src="followscrolling.js"></script> è¨å®å¯è½ãªãã·ã§ã³ element : â#menuâ ã¹ã¯ãã¼ã«ããããIDåãæå®ãã¾ãã parent : âcontentsâ 親è¦ç´ ã®IDåãæå®ãã¾ãã æå®ããå ´åã¯æå®ããã¨ã¬ã¡ã³ãç¯å²å ã§ã¹ã¯ãã¼ã«ãã¾ãã æå®ããªãå ´åã¯ä¸è¨ã§æå®ããelementã®è¦ªè¦ç´
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}