Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A simple tool to help build responsive websites
branch: gh-pages

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
js
styles
.gitignore Added git ignore
404.html
CNAME
index.html
readme.md

readme.md

PixelPerc

A simple tool to help build responsive websites

This is a simple tool to help developers convert fixed pixel widths to percentages. A use-case would be, being handed a typical desktop-sized design, but being told it should be responsive and fluid. Put in the widths of the main columns into the app and get back the percentages.

Notes

  • CSS was done in LESS. I'll convert it to raw CSS soon so it's easy to add to and work on.
  • It's fully responsive, naturally.
  • I've added crude timestamps onto the CSS and JS refrences for cache busting. Better techniques welcome.
  • Only needs to support good browsers. I'm not bothered about IE, I'm sure developers won't be IE users anyway.

Todo

  • Convert LESS to CSS
  • Clean up (hasitlly written) JavaScript
  • Account for guttering

Notes

  • The 404.html is an exact clone of index.html. It's required so that linking to calculations don't throw errors in GitHub pages.
Something went wrong with that request. Please try again.