Skip to content
This repository

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…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 js
Octocat-spinner-32 styles
Octocat-spinner-32 .gitignore
Octocat-spinner-32 404.html
Octocat-spinner-32 CNAME
Octocat-spinner-32 index.html
Octocat-spinner-32 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.