CSS Doodle is based on Shadow DOM v1 and Custom Elements v1. Right now you can use it on latest Chrome and Safari without polyfills. Download css-doodle.js and put it into your web page. The component simply generates a grid of div’s painted by its own content. Sometimes even the simpliest rule will compose out a…
PhotoSwipe v4.1.1, Responsive JavaScript Image Gallery
JS/jQueryPhotoSwipe is a JavaScript Image gallery for mobile and desktop, modular, framework independent without any dependencies! All basic gestures are supported: flick to the next or previous image, spread to zoom in, drag to pan, pinch to zoom out or close, tap to toggle the controls, double-tap to zoom.
EQCSS: A CSS Extension for Element Queries
JS/jQueryElement queries are a new way of thinking about responsive web design where the responsive conditions apply to elements on the page instead of the width or height of the browser. Unlike CSS @media queries, @element Queries are aware of more than just the width and height of the browser, you can write responsive conditions…
Unslider: an ultra-simple jQuery slider
JS/jQueryUnslider is an ultra-simple jQuery slider for your website. The easiest way to get a simple slider up and running in seconds. All you need is some valid markup, jQuery and some extra CSS, and Unslider can do the rest. Despite being small, Unslider is very flexible and extensible: you can change pretty much anything…
Colorify.js, a tiny javascript color extractor
JS/jQueryColorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors, colorify.js will spice up your designs! In summary, with Colorify.js, you can : Extract the dominant color…
PhotoSwipe 4.0: JavaScript gallery, no dependencies
JS/jQueryPhotoSwipe is the first open-source gallery to support JavaScript-based image zooming. Even if a browser’s native zooming has been disabled, image zooming will still work. All basic gestures are supported: flick to the next or previous image, spread to zoom in, drag to pan, pinch to zoom out or close, tap to toggle the controls,…
FixedContent.js [jQuery]
JS/jQueryA mobile-friendly, jQuery plugin that persists content (sidebar, nav, etc.) while scrolling. There are also some settings builtin that you can customize, like e.g. a fixed margin-top (margin will remain as the page is scrolled), a min-width value (disables the plugin on mobile devices or narrow screens) and a z-index value. I like the fact…
lazySizes, the ultimate and lightweight lazyLoader
JS/jQuerylazySizes is the ultimate and lightweight lazyLoader which lazy loads images (including responsive images (picture/srcset)), iframes and scripts. It is written in VanillaJS and with high performance in mind. LazySizes supports low quality image placeholder pattern (recommend for above the fold/crictical images), normal image pattern (for non-critical images or in case there is no low…
Fitter Happier Text: performant, fully fluid headings
JS/jQueryFitter Happier Text is a javascript library for performant and fully fluid heading. Fitter Happier Text replaces each node with an SVG text node and sets the viewBox attribute based on its width and height (locked to auto-scaling to fill 100% of the width available).
Chartist.js Simple responsive charts
JS/jQueryYou may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that…