519 results
tagged
javascript
✕
CountUp.js is a dependency-free, lightweight JavaScript “class” that can be used to quickly create animations that display numerical data in a more interesting way. Despite its name, countUp can count in either direction, depending on the startVal and endVal params that you pass. Bower and Component .json files are included, as well as a coffeescript version.
Read more at http://www.webappers.com/2014/01/23/countup-js-animates-numerical-data-in-interesting-way/#A3pEZt7YKpHg0s4k.99
Read more at http://www.webappers.com/2014/01/23/countup-js-animates-numerical-data-in-interesting-way/#A3pEZt7YKpHg0s4k.99
ResponsiveSlides.js v1.54
Simple & lightweight responsive slider plugin (in 1kb)
Simple & lightweight responsive slider plugin (in 1kb)
A free and open-source javascript shopping cart that easily integrates with your current website.
All the major social networks have their own share buttons but they are slow-loading, and inject a lot of extra javascript onto your page that’s not needed which makes your page slower. They don’t look sexy and fit nicely with your site like you want, and you can’t change how they look.
Share Button is a simple, light, flexible, and good-looking share button jquery plugin. It doesn’t load any iframes or extra javascript and overall load time is tons faster. It looks simple and clean by default, and can be customized in any and every way. It’s tiny and compact, expanding only when the user actually wants to share something.
Read more at http://www.webappers.com/#xoSlGytlJIzbu6oz.99
Share Button is a simple, light, flexible, and good-looking share button jquery plugin. It doesn’t load any iframes or extra javascript and overall load time is tons faster. It looks simple and clean by default, and can be customized in any and every way. It’s tiny and compact, expanding only when the user actually wants to share something.
Read more at http://www.webappers.com/#xoSlGytlJIzbu6oz.99
Magnifier.js is a Javascript library enabling magnifying glass effect on an images. There are zoom in / out functionality using mouse wheel. Magnified image can be displayed in the lens itself or outside of it in a wrapper. Magnifier.js uses Event.js as a cross-browser event handling wrapper. It works in Chrome, Firefox, Safari, IE 7, 8, 9 & 10.
Read more at http://www.webappers.com/#xoSlGytlJIzbu6oz.99
Read more at http://www.webappers.com/#xoSlGytlJIzbu6oz.99
augmenter la surface interactive
Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON. And it’s not just for tables. The purpose of Dynatable is to provide a simple, extensible API, which makes viewing and interacting with larger datasets easy.
Dynatable provides a framework for implementing the most common elements out of the box, including sorting, searching and filtering. Above all, Dynatable is a clean and elegant API that is fun to use.
Read more at http://www.webappers.com/2013/12/13/dynatable-interactive-table-plugin-with-jquery-html5/#r7gm1LHXm8otY3Yk.99
Dynatable provides a framework for implementing the most common elements out of the box, including sorting, searching and filtering. Above all, Dynatable is a clean and elegant API that is fun to use.
Read more at http://www.webappers.com/2013/12/13/dynatable-interactive-table-plugin-with-jquery-html5/#r7gm1LHXm8otY3Yk.99
Give your pages some headroom. Hide your header until you need it. Cache élément au scroll les fait réapparaître en remontant (comme appli iOS du Monde) 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.
Le Lazy-loading (chargement paresseux, en français) est une pratique que vous avez certainement tous déjà vue en application sans l'avoir reconnu, qui consiste à attendre une action du visiteur pour charger certaines portions de la page.
Cela peut être n'afficher les images que lorsqu'elles sont visibles, mais aussi de charger les boutons de partage sociaux qu'après avoir survolé une certaine zone, ou cliqué sur des boutons placeholders.
Cela peut être n'afficher les images que lorsqu'elles sont visibles, mais aussi de charger les boutons de partage sociaux qu'après avoir survolé une certaine zone, ou cliqué sur des boutons placeholders.
Pliage image web The web is flat, but now you can fold it up. OriDomi is an open source JavaScript library that folds up DOM elements like paper. OriDomi does plenty of DOM manipulation behind the scenes to create what you see. OriDomi compositions adapt to dynamic dimensions just as well as normal elements. This means that if your OriDomi composition’s size is changed by percentage-based sizing, media queries, CSS transitions, scripting, et cetera, the panels will resize themselves relative to their parent container. OriDomi requires a modern browser with support for CSS3 transforms, particularly preserve-3d support. You may notice that OriDomi looks significantly worse in Firefox compared to WebKit browsers. Read more at http://www.webappers.com/#qH4tMsKHBrpXy6ty.99
The JavaScript SVG library for the modern web.
Why SVG (and Snap)?
SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.
Modern features for modern browsers
Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking, clipping, patterns, full gradients, groups, and more.
Why SVG (and Snap)?
SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.
Modern features for modern browsers
Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking, clipping, patterns, full gradients, groups, and more.
Jauge de chargement de page internet Include Pace.js and the theme css of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically. You can choose the color, and the effects like Minimal, Flash, Barbar Shop, Mac OSX, Fill Left, Flat Top, Big Counter, Corner Indicator and Bounce. Read more at http://www.webappers.com/#P3akFB3AM3UBwFZI.99
Hockey