Use, compare & test responsive frameworks & micro-libraries. Find code snippets & examples. Visit Link
Category: Links
PerfBar
Simple way to collect and look at your website performance metrics quickly, that supports budgeting and adding custom metrics. Visit Link
StyleStats – Useful tool to collect CSS statistics
Find out how many em units your setting, how many width/float/height/padding declarations your making. See how many colors you’ve declared. Very cool. Visit Link
UX Project Checklist
If you’re running a project make sure you take a look at this checklist and make sure you follow research, plan, explore, communicate, create, feedback, delight and analyse (and then probably repeat) Visit Link
The Pain of Duplicate Scripts
Duplicate scripts on a page means multiple downloads (for Firefox) and a performance hit. You can help this by following Facebooks lead and opting out of an async load if the script element is already in place with if (d.getElementById(id)) {return;} Visit Link
“How to Make a Performance Budget”
A detailed article from Dan Mall about what we mean when we say performance budget and how do you go about setting them. Visit Link
Lining.js
In CSS we already have the selector ::first-line to apply style on the first line of element. But there is no selector like ::nth-line(), ::nth-last-line() or even ::last-line. Lining.JS gives you the ability to achieve this. Visit Link
Sketch-Notebook
Easily manage sidebar comments for documenting design. Visit Link
CSS Grid Polyfill Level 1
If you’re lookingg at experimenting with CSS Grids this polyfill might be just the thing you need to tip thhe scales. Probably not ready for large scale production sites, but try it on your personal blog. Visit Link
Reducing JavaScript Bloat with Shoestring
A lightweight, simple DOM utility made to run on a tight budget. Visit Link