background preloader

Sly

Sly
Introduction Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support. It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything. Dependencies jQuery 1.7+ And that's it. Compatibility Sly works in every desktop browser, and due to some divine intervention, even in IE6+, but that is a complete accident. Mobile Sly does touch events, and I'm generally trying to make it work everywhere, but the fact is that mobile is not tested. Changelog Sly upholds the Semantic Versioning Specification. Support Reward the developer And make him happy for maintaining this library! I don't want to go the Isotope & family route and monetize my libraries. Performance Examples Documentation Forum

SweetAlert2 - an awesome and accessible (WAI-ARIA) replacement for JavaScript's popup boxes Normal alert alert('You clicked the button!') swal( 'Good job!', 'You clicked the button!', 'success' ) Pretty cool huh? More examples Download & install $ npm install sweetalert2 Or $ bower install sweetalert2 Or download from CDN: unpkg.com/sweetalert2 Usage 1. You can also include the stylesheet separately if desired: import swal from 'sweetalert2' const swal = require('sweetalert2') 2. Configuration Here are the keys that you can use if you pass an object into sweetAlert2: You can redefine default params by using swal.setDefaults(customParams). Handling Dismissals Modal Types Input Types Multiple inputs aren't supported, you can achieve them by using html and preConfirm parameters. Methods Collaborators Donations Has SweetAlert2 helped you create an amazing application? Contribute Feel free to fork SweetAlert2 on GitHub if you have any features that you want to add!

KUTE.js | Javascript Animation Engine KUTE.js Download Github CDN 1 CDN 2 At A Glance Badass Performance KUTE.js is crazy fast with it's outstanding performance and super fast code execution, it's also memory efficient. Prefix Free KUTE.js can detect if the user's browser requires prefix and uses it accordingly mostly for transform, and even allows you to use the utilities yourself in your apps or your own plugins. All Browsers Compatible KUTE.js covers all modern browsers with fallback options for legacy browsers. Powerful Methods KUTE.js allows you to create tweens and chainable tweens, gives you tween control methods (start/stop/pause/resume) and comes with full spectrum tween options. Packed With Tools KUTE.js comes with a CSS Plugin, a SVG Plugin, an ATTR Plugin, a Text Plugin and a jQuery plugin, easing functions, color convertors, utility functions, and you can even extend it yourself. Plenty Of Properties MIT License You can develop with KUTE.js for free thanks to the MIT License terms. Top Notch Documentation Getting Started

Hide your header on scroll - Headroom.js Downloads Note: the sizes shown are after gzipping. What's it all about? Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up. Why use it? Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. Large screens are usually landscape-oriented, meaning less vertical than horizontal space. Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the time. How does it work? At it's most basic headroom.js simply adds and removes CSS classes from an element in response to a scroll event: Relying on CSS classes affords headroom.js incredible flexibility. Usage Using headroom.js is really simple. With plain JS Include the headroom.js script in your page, and then: With jQuery/Zepto $("#header").headroom();

Bootstrap 4 Cheat Sheet PDF With Examples and All Classes 2017 Bootstrap 4 All Classes List v4.4.1 Complete list of all Bootstrap 4 classes with description, examples, and links to documentation. Other cheat sheets available: Bootstrap 3 Cheat Sheet | Flexbox Cheat Sheet | CSS Cheat Sheet | Bootstrap Icons Cheat Sheet | More Resources Click each column header to sort alphabetically. Pixels to Rem Conversion Table If you are working with a PSD file set in pixels you will often need to convert this to Rems. Common Units of Measure - 15px, 16px (1rem), and 30px Multiples List The Bootstrap grid defaults to 15px padding on the left and right of each column. Sources: Bootstrap 4 Classes List

Modaal is a WCAG 2.0 Level AA accessible modal plugin Fetches content from an existing element (using an ID) in the page and loads it into the content. If you would prefer your trigger element is not an <a href="#">, you can define a `content_source` value like so: Integer tincidunt. Cras dapibus. Quis gravida magna mi a libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci.

AbsurdJS - JavaScript library with superpowers untitled Einer der einfachsten Wege, deiner Website tolle Funktionen hinzuzufügen, ist, ein gutes Plugin zu finden und zu verwenden. Etwa gibt es eine Menge Seiten, die dynamische Effekte nutzen. Um ebenfalls so ein Ergebnis zu erzielen, kannst du ein AOS-Plugin wählen, was für “Animation On Scrolling” steht. Es hat einen Haufen kleiner Effekte in seinem Arsenal. Um dir dieses Suchen zu ersparen, erstellen wir jedes Jahr eine Liste mit 100 nützlichen Plugins aus verschiedenen Bereichen. AniJS Entwickler: dariel_noel.Lizenz: frei verwendbar unter der liberalen MIT-Lizenz Bideo Entwickler: RishabhLizenz: frei verwendbar unter der liberalen MIT-Lizenz Entwickler: Michal SajnógLizenz: frei verwendbar unter der liberalen MIT-Lizenz Jump.js Entwickler: Michael CavaleaLizenz: frei verwendbar unter der liberalen MIT-Lizenz Bonsai Entwickler: David AurelioLizenz: frei verwendbar unter der liberalen MIT-Lizenz Mo.js Entwickler: Oleg SolomkaLizenz: frei verwendbar unter der liberalen MIT-Lizenz Snabbt Philter CSSFilter

Related: