As of v4.0.0, the core code of Cropper is replaced with Cropper.js. I recommend you to use the jquery-cropper instead of Cropper. ×
Cropper
As of v4.0.0, the core code of Cropper is replaced with Cropper.js. I recommend you to use the jquery-cropper instead of Cropper. ×
jQuery Bar Rating - Minimal, light-weight jQuery ratings
Get the plugin from GitHub or install with Bower or NPM: bower install jquery-bar-rating npm install jquery-bar-rating Create a select field: <select id="example"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> If you would like to use one of the provided themes include the theme in the head
paroller.js
paroller.js paroller.js is a lightweight jQuery plugin that enables parallax scrolling effect on selected elements. You can use it on elements with background property or on any other element. While scrolling elements can move: vertical, horizontal. Manipulated through html data-* attributes or jQuery options. Mobile ready. Easy to use. GitHub Download | Previous versions Before closing </body> el
sliphover
SlipHover SlipHover apply direction aware hover animation for the caption of an image. Download download zip from GitHub Quick start include the files <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.sliphover.min.js"></script> call the the plugin on a container as your wish $("#container").sliphover(); All done! Options you can custom the caption by passing options when c
Gridtab jQuery plugin
Features GridTab is a lightweight jQuery plugin to create grid based responsive tabs. Responsive Lightweight and based on CSS3 flexbox Set Grid for each breakpoint Switch between Grid and Tab layout Next, previous and close controls Scroll to current tab Custom selectors Right-To-Left Support Use Case Girdtab could be a perfect solution for the following UI design pattern. Package Managers # Bower
Tilt.js - Parallax tilt effect for jQuery
The most basic usage: Add <script src="tilt.jquery.js"></script> right before the closing </body> tag Mark your elements with <span data-tilt></span> Creating a parallax effect Add transform-style: preserve-3d to your tilt element. Add a transform: translateZ(20px) to your inner elements that have to pop out. Glare effect: Setting this option will enable a glare effect. You can tweak the glare val
jquery.diamonds.js demo
<link href="diamonds.css" /> <script src="jquery.diamonds.js"></script> <script> $("#flickrItems").diamonds({ size : , gap : , hideIncompleteRow : , // default: false autoRedraw : , // default: true itemSelector : ".item" }); // Check out your browser's console for methods and events that are called. // If autoRedraw is true, try resizing your browser window. </script> Photos from Flickr via. publ
Background Blur - plugin by @msurguy
$tintedHolderEl.backgroundBlur({ imageURL : 'url-of-the-image', blurAmount : 10, imageClass : 'tinted-bg-blur', overlayClass : 'tinted-bg-overlay', duration: 1000, endOpacity : 1 }); .tinted-bg-blur { z-index: -2; opacity: 0; position: absolute; min-height: 100%; height: auto; display: block; top: 0; max-height: none; /* Add this CSS to remove transparent border around the image */ left: -10%; wid
KUTE.js | JavaScript Animation Engine
The magic behind Spicr, the result of hard work, the bridge between old and new, the dream and inspiration. Forward Looking The modern JavaScript powering the core functionality, the modular architecture, the solid and complete components are all geared towards the future of web development. Knowing the Past While KUTE.js was re-developed to support mainly modern browsers, it also leaves the door
Simple AJAX using HTML attributes
intercooler.js AJAX With Attributes: There is no need to be complex Announcement: htmx 1.x (intercooler 2.0) is now available at https://htmx.org and is recommended for all new projects. intercooler.js will continue to be supported indefinitely. <!-- This anchor tag posts to '/click' when it is clicked --> <a ic-post-to="/click"> Click Me! </a>
Slick-lightbox by mreq
slick-lightbox A lightbox wrapper for Ken's amazing slick carousel. Credits go to kenwheeler for doing the hard work. Setup Bower bower install -S slick-lightbox Ruby on Rails Use the slick-lightbox-rails gem. Add to Gemfile. gem 'slick-lightbox-rails', '>= 0.0.1' Run bundler. bundle install Usage Make sure you include CSS for both slick and slick-lightbox. Example HTML: <!DOCTYPE html> <html> <he
https://github.com/dollarshaveclub/shave
Shave is a zero dependency javascript plugin that truncates multi-line text to fit within an html element based on a set max-height. It then stores the diff of the original text string in a hidden <span> element following the visible text. This means the original text remains intact! maintains the original text after truncation does not require other libraries only requires a selector and a max he
Textillate.js
About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
Lightbox
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
Featherlight – The ultra slim jQuery lightbox.
Featherlight.js The ultra slim lightbox. Featherlight is a very lightweight jQuery lightbox. Lightweight Featherlight is very, very lightweight. 400 lines of JavaScript, 100 of CSS, less than 6kB combined. Don't be fooled by Featherlight's small footprint! It's smart, responsive, supports images, ajax and iframes out of the box and you can adapt it to your needs. To get started, simply add the "da
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sparallax
GitHub - humaan/Modaal: An accessible dialog window library for all humans.
vnjs.net
Redirecting to gridstackjs.com
EASY PIE CHART by rendro