hyperProxy: Use local files for testing and fixing production sites

hyperProxy is a node.js is a local proxy for using local files for debugging and testing of production sites by front-end developers. It’s easy to setup, configure, and use, and avoids using your live production site (and your users) as a testing ground.

hyperProxy

A node.js (http://nodejs.org/) local proxy to help front-end developers use local files for debugging or developping production sites.

WARNING: hyperProxy is still in development, so beware :).

Code Guide by @mdo: Standards for sustainable HTML and CSS

This Code Guide by @mdo is a fantastic guide to create sustainable, flexible, and durable HTML and CSS. It includes guidelines for syntax, attribute orders, classes, comments, and more.

Standards for flexible, durable, and sustainable HTML and CSS. — http://mdo.github.io/code-guide/

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">

Z.js: Turn content invisible

Z.js is a JavaScript file that turns content invisible using Unicode’s ZW(N)Js (\u200c, \u200d). There are demos available to show what kinds of situations it’s useful in.

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.

Nanobar.js: Ultra lightweight progress bars

Nanobar.js offers very, very lightweight progress bars, coming in at around 725 bytes when gzipped. It doesn’t require jQuery and is easy to use.

nanobar

Very very lightweight progress bars (~730 bytes gzipped). No jQuery needed.

Compatibility: iE8+ and the rest of the world