Uh, What?

Imagine being able to design a website that intelligently adjusted the size of its layout and various components based on the screen size it's being viewed on. The same website would display as nicely on a fancy 24" monitor as it did on your mobile screen.

It's totally doable.
Enter the Skeleton boilerplate. Based on the very popular 960 Grid system, and the HTML5 Boilerplate framework, Skeleton allows you to fairly easily create a website that gracefully downsizes or upsizes depending on your needs.  Even the images scale without degradation. And the concept is stunningly simple:

The CSS makes a media inquiry on the screen size, and then displays an alternate stylesheet based on those screen sizes.

The beauty of the Skeleton framework is that its got all of these elements pre-coded for you, and the math has been factored into the grid system. You can basically build your site based of this tried and true architecture.

My friend was recently forced to redesign his website after a nasty hacking incident, and he chose to use the Skeleton framework. The results are impressive. Don't believe me? Go to his website, and adjust your browser size from big to small.


I've been threatening promising to launch a newer, better Vectortrance.com for years. And every time I start, I've gotta shelve the project due to lack of time.  Once I finally get around to resuming the project, I decide it's crap and I start all over. Repeat cycle.

Well, I've now got a new challenge ahead of me: to create a flexible, responsive website that will last for a few years. One that is hopefully much, much easier to maintain. I've already started, so wish me luck that I can follow this one through! I'll keep you posted.


Further readings:
[link]


________________________________________________________________

My Behance + My Twitter + Vectortrance.com + Get Watchers!