Tags

, , , , , , ,

This website called http://responsify.it/ allows you to create your own responsive website template. This is a great tool for people who are not sure how to create responsive websites and is a foundation for learning. For those of you who don’t know exactly what the term “responsive” means, it is basically a way of designing a website that will adjust it’s size (text, images, content placement) according to the size of the screen the website is being viewed on (ie, desktop, laptop, tablet, or mobile device). I can’t imagine that this is only a trend with mobile devices and cell phones changing everyday along with their various sizes. I highly recommend this website and it even gives you a .zip of your template when you are finished creating it. Very cool. Check it out….

How does it work?

Here is a brief look at the process to create your template.

 

Columns

Columns

1. Pick your number of columns

Gutter Width

Gutter Width

2. Choose the amount of space between each column

Breakpoints

Breakpoints

3. Where do you want the columns to break off as the screen size gets smaller?

Download

Download

4. Download your zipped file and you are ready to go.

 

 

Advertisements