Basscss: Low-level CSS toolkit

HTML/CSS

Basscss is a lightweight collection of base element styles, immutable utilities, layout modules, and color styles designed for speed, clarity, performance, and scalability. Basscss is quick to internalize and easy to reason about while speeding up development time with more scalable, more readable code. Composable Reusable, interoperable styles work like building blocks to lay the…

PerfRocks, Web performance matters

Resource

Performance is a feature, it’s all about increasing the speed in which web pages are downloaded and displayed on the user’s web browser. Faster website download speeds have been shown to increase visitor retention and loyalty and user satisfaction, especially for users with slow internet connections and those on mobile devices. Find resources that help…

Chartist.js Simple responsive charts

JS/jQuery

You 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…

Picturefill, a responsive Image Polyfill

Tool

The picture element and associated features are W3C standard HTML features that allow web developers to deliver an appropriate image to every user depending on a variety of conditions like screen size, viewport size, screen resolution, and more. Picturefill is a JavaScript file (or a polyfill to be more specific) that enables support for the…

MixItUp2, animated filtering and sorting

JS/jQuery

MixItUp is a jQuery plugin providing animated filtering and sorting. Great for managing any categorised or ordered content like portfolios, galleries and blogs, MixItUp can also function as a powerful tool for engaging application UI and data-visualisation. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts. MixItUp works with your layout. Want…

Font-To-Width, fit pieces of text snugly within their containers

JS/jQuery

Font‑To‑Width (FTW!) is a small Javascript routine by Nick Sherman and Chris Lewis that takes advantage of large type families to fit text to the width of an element using multiple font families of different widths. Unlike other text-fitting tools like FitText.js, Font‑To‑Width does not scale the font-size (at least not by default). Instead, it chooses…