Chartist.js: Simple responsive charts

Chartist.js makes it simple to create highly customizable responsive charts. It’s completely built and customizable with SASS, uses SVG, and is DPI independent.

Checkout the documentation site at http://gionkunz.github.io/chartist-js/

Checkout this lightening talk that gives you an overview of Chartist in 5 minuteshttps://www.youtube.com/watch?v=WdYzPhOB_c8

Chartist.js is a simple responsive charting library built with SVG. There are hundreds of nice charting libraries already out there, but they are either:

• not responsive
• use the wrong technologies for illustration (canvas)
• are not flexible enough while keeping the configuration simple
• are not friendly to your own code
• are not friendly to designers
• have unnecessary dependencies to monolithic libraries
• more annoying things

That's why we have started Chartist.js and our goal is to solve all of the above issues.

S Gallery: Responsive jQuery gallery plugin

S Gallery is a responsive jQuery gallery plugin that includes CSS3 animations inspired by Sony’s products gallery. It supports touch/swipe functions, too.

• Live demo

• Blog post including how-to guide

Licensed under Creative Commons Attribution Non-Commercial (CC BY-NC 4.0)

Mobify.js: Adapt your site for any device

Mobify.js makes it quick and easy to create responsive versions of your website. It provides responsive images, JavaScript and CSS optimization, and Adaptive Templating, among other features.

Fluidity: Making HTML 100% responsive

Fluidity is a tiny bit of CSS (107 bytes total) that fixes the part of HTML that isn’t completely responsive. It makes changes to the way images, tables, iframes, preformatted text, and canvas elements, so that they’re completely responsive.

Fluidity: Making HTML 100% responsive

Fluidity is a tiny bit of CSS (107 bytes total) that fixes the part of HTML that isn’t completely responsive. It makes changes to the way images, tables, iframes, preformatted text, and canvas elements, so that they’re completely responsive.

FLUIDITY

A fully responsive css framework that is impossibly small

HTML out of the box is almost 100% responsive. This stylesheet fixes that in 115 minified bytes. Let's make the web just a bit more responsive shall we?

Installing fluidity

Production

Just include this file in the head of your html file.

<link rel="stylesheet" href="css/fluidity.min.css">

Development

Or if you want to develop with the uncompressed version

<link rel="stylesheet" href="css/fluidity.css">

ImageLightbox.js: Simple, responsive, and touch-friendly

ImageLightbox.js is an incredibly simple, responsive, touch-friendly lightbox script. It’s extensible and configurable, minimalistic (and only 4kb if minified), and uses CSS transform and transition for moving images.