Building an HTML5 responsive site

Hello. I was wondering if anyone had any recommendations on any possible tools that would help setup a responsive site.

Basically I’m making a web application that will have 4-5 sections and it’d be nice to lay those out and decide how each of those sections lay out for each type of device (desktop, tablet, phone, etc…).

There are various “frameworks” that have all this set up for you already—such as Bootstrap, Foundation etc.—although, imho, they are more trouble than they’re worth.

It’s actually quite easy to do this from scratch, and desktop browsers have lots of functions that make it pretty easy to design for various screen sizes. You can use @media queries to target various screen sizes, and ideally pick the various breakpoints for your designs by playing with the size of your browser’s viewport.

2 Likes

Yeah, I’ve always done this from scratch but it would be nice to have a tool where I could simply lay out the sections for each type and it writes all of the code to make it happen. Like something you could knock out in literally seconds.

Thanks.

Those are called WYSIWYG tools, and they do exist, but the code they spit out usually isn’t pretty. Probably a better one is Macaw … though after a lot of fanfare over their launch they seem to have been bought out and the project abandoned. :grimacing:

I love Bootstrap, but I’m not a really advanced web developer/programmer. If I had a more thorough knowledge of this stuff, I might go back to designing from scratch.

Actually, my websites are essentially CMS’s that I designed from scratch long ago. I’ve been slowly improving them, but Bootstrap helped me take a big leap forward.

Ironically, I’ve been getting messages from Google that some of my mobile-friendly pages aren’t mobile-friendly. However, I think those are mostly just little quirks I need to iron out.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.