Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Posted by David Ryan
David Ryan
Courses Plus Student 14,981 Points

Redesigning a site to responsiveness, easy?

I have a social network which wasn't coded for responsiveness. It's PHP, HTML/CSS so I figured from the courses on here it doesn't seem to hard. Easy with long hours?

2 Answers

jerry bremser
jerry bremser
3,941 Points
jerry bremser
jerry bremser
3,941 Points

using @media and setting to a min width or max width for screen res. its easy just view the courses. its usually easier to build a site based on mobile design FIRST then adding media queries to adjust to larger res.

James Fulkerson
James Fulkerson
4,474 Points

Excellent advice. I used to go from desktop to mobile, and couldn't fathom it the other way around. Once I tried it, I realized how much easier it makes everything.

jerry bremser
jerry bremser
3,941 Points
jerry bremser
jerry bremser
3,941 Points

yeah its crazy how much time you can save and less code when its done from smaller devices up

tech1337
tech1337
2,520 Points
tech1337
tech1337
2,520 Points

Conversion to a responsive site is not as simple as media queries, but it is very doable at least. Concentrate on using percentages for width to ensure that there is some buffer for odd screen sizes and use non exhaustive @media queries such as >900px, <900px and >750px ...

There are some good media queries on the web look them up, also, if the social media application uses php, you could just route the output into a site designed from a responsive template like twitter bootstrap!

David Ryan
David Ryan
Courses Plus Student 14,981 Points

Sean Ryan I am kind of new to this. On the PHP track it'll explain the bootstrap method for Twitter, etc.

tech1337
tech1337
2,520 Points

Twitter bootstrap is a HTML, CSS and Javascript framework for responsive websites, it has nothing to do with PHP, it uses javascript and css to allow it to fit to many different screen sizes and it is all done for you, just import the files and apply it's styles to the elements on the page!

Have a read here: http://getbootstrap.com/