Web Design

How do create a site which changes to suite all screen resolutions?

Hi santhakumar. Welcome to the forums. :slight_smile:

A popular way to do it these days is with “responsive design” (that is, with media queries).

Take a look at this article:

When someone creates a tool or an app or whatever that helps math-impaired designers like me figure out all the various widths required for a truly flexible responsive design, they will make themselves a fortune.


That’s a first. Blaming it on the “math” as to why responsive is “not my thing”. Tools and apps. Right. Next thing you know, the whole drag-and-drop Dreamweaver crowd will demand to be called designers.

If only designs were building by them self… It’s like the '90s and the whole “I can do it with tables, but CSS is just so hard”.

A “truly flexible” designer needs no math, just common sense.

But I’m afraid it’s a two-way street, you have to actually care to learn all there is to it, including responsive design, to achieve normal results like making it work on all the various widths. Then and only then one could pride himself with the designer title.

Fear not though. If you expect somebody else to do the job for you, there are already benevolent folks out there:


and a bunch more. They have put some serious time and knowledge in those.

I, for one, prefer to learn and do things my own. But hey, math it’s not a problem for me. :wink:

Seeing as we are not all maths geniuses it does help when someone invests time to aid understanding a rapid development.
http://www.gridsetapp.com/ is one such solution by respected designer Mark Boulton and his company.

Off Topic:

Mitică, your post comes across as quite spiteful and full of grudge from your last encounter. Almost as if you are trying to provoke a reaction.
I would urge you to think about your actions, what you post and the implied interpretation so as to avoid your posts being reported as incendiary.

Heh heh, I just let the browser worry about calculations. I don’t find I need any math for responsive design. It’s more a matter of letting things drop and reposition when they need to. The math is more needed for fixed width designs, I find, when you have to start to set widths for everything.

You really don’t need a grid for responsive.

But if you opt for one, it doesn’t take a genius to see why The Gridset is not the answer. First off, you have to sign up for a service provided .

I’ll give you another hint: <h2 class=“m-all t3-t4 db3-db4”>. Yuck!

Here’s an open one, that needs no registration to work: http://gridpak.com/

Here’s another something for you and Black Max: http://zengrids.com/. It says this:

No more Math! Let Sass do the work.

and, most importantly, it says this:

Do we splatter 4 or 5 different class names into each element in our markup?

For those that are serious about being a designer, that want to learn how to think responsive and forget about modern tables layout (I mean grids here), here are some sources:

Now this is a way to start thinking responsive!

Off Topic:

I stated my opinion strongly not because I’m angry at the topic or any of the posters, but because I feel strongly about the subject. It is a worrisome trend for Web sites to try to “control” their designs in many, many different wrong ways.

Thank you for your reply. And your article link.