Barebone: A Barebone Responsive Framework


#1

I don’t know how many developers here ride on the responsive website train but all the framework out there, or the ones i have come across, they are all pixels based. I created this framework out of the desire for a percentage based grid.

Info:
Barebone is a Beautiful Barebone Boilerplate for Responsive, Mobile-Friendly Development built on a fluid layout.

Kindly let me know what you think, comments or bugs.


#2

nice, thanks @sprypixel you should also know that Dreamweaver CS6 comes with tools to help with responsive web design


#3

Good to you guys post issues on reponsive website, i have been reading some articles on it, and I just want a short cut to how to make my website responsive, i’d check your link out, i already have it on my system, I hope you are explicit enough for us to understand. Thanks for sharing


#4

I just checked it out, good! I have a quick question, I noticed you have created list of classes with different “width” so, every time i want to create section, i must choose form the list of grids i guess? I also checked your website “http://www.sprypixels.com/” its also responsive BUT with animation!!! when i reduce my screen size, its not only responding, its animating…would u please throw more light on these?


#5

Thanks for checking out the grid framework. Yes, you will use combination of the different classes that correspond to the width you need.

For my website, i added few css3 transition/animation during each viewport breakpoint. The breakpoints were determine and executed with help me media queries.