When you build a responsive website, do you ever do the layout using fixed dimensions - especially widths - and then after you have everything looking just right, then start converting things to percentages?
1 Like
I feel like that would be extra work, having to do it fixed layout, and then changing it to a responsive layout. It would be basically doing the same work twice. I personally use bootstrap grids for development so I pretty much get responsiveness out of the box. Just a few extra classes and Im set. If your end goal is to have a responsive website, why not start off with responsive layout? It is Less work. Just my 2cents.
2 Likes
There is a recent thread which has detailed replies regarding your question especially @paulobâs Post #3
3 Likes
You can do if you want, using a min-width: media query. But there is no need really, a max-width: setting will take care of it for something like a main content frame.
#main { max-width: 900px; width: 100%; }
You can if you like have things like sidebars or floated pictures at set widths and then change them for smaller screens in a media query. The possibilities are endless, as Iâve said before, there is no reason that a desktop view of a responsive side should look any different to a old-school fixed size site design, like so many people seem to fear.
Did you ever get around to reading Ethan Marcotteâs âResponsive Web Designâ? He gives a very simple formula the helps move from fixed widths to percentages. The only time you should need an actual pixel value though, is for the max-width of the top container. Everything else is relative (a percentage of) to that.
Have you spent any time at all yet, on trying out what people have been suggesting to you these last few months? Itâs about 30 minutes work maximum, to create a simple HTML page structure with a header, footer, a couple of columns, and some text, then adding some very basic CSS to see how the main principles work. Can you tell us youâve tried that? Because if youâve not, itâs beginning to feel very much like youâre wasting the time of the people here whoâve tried, repeatedly, to help you out.
4 Likes
Echoing Sams post, instead of having a container be something likeâŚwidth:1000px;margin:0 auto;. Do max-width:1000px;margin:0 auto; and that way itâll auto resize.
Do not do fixed widths and then convert to responsive. Thatâs just silly. Doing the work twice!
I think you missed my questionâŚ
Last night I read Shay Howe: Responsive Web Design. In it, he mentions a formula to convert fixed sizes to proportions:
target á context = result
Of course, if you donât know the original fixed sizes, then you canât use this formula.
So I was asking if it is easier to lay things out like they wonât change, get thing just right, then use that formula to convert things so you have the same proportions in a responsive approach.
Follow me?
No money, and the link you provided didnât work.
I will eventually, but my lemonade stand only made $0.75 yesterday⌠
See my comments above.
I spend 18 hours a day trying to make money, which leaves no time to try and learn much. Even if I did, I am skeptical that it would make me any money.
As mentioned above, I did spend some time reading a tutorial from Shay Howe last night.
I would like to learn RWD and even how to build mobile apps, but anything I learn will take a lot of time, plus convincing people to hire me off of newly learned skills seems as impossible as getting hired knowing what I spent a lifetime doing already. (See How to Approach Businesses?
If you feel that way, then you should definitely ditch. I spend 95% of my 18 hour days looking for things like jobs mowing lawns to try and come up with money to pay bills. The other 5% is spent asking questions here with the hope I can survive my current situation.
It must be nice to have so much stability in your lifeâŚ
My goal for the weekend was to finally sit down and try to build a simple responsive website. Sorry if my efforts arenât quick enough for everyone⌠
Donât use a formula. Use your eyes. There is no one formula/size fits all for responsive web design.
I suggest you take one thing at a time, and as youâre pressed for time, I would advise you to concentrate on RWD first. It is not difficult, and youâll certainly get a good grasp of the basics in a weekend. Most of my sites were already fluid, but I was initially rather daunted by the idea of RWD - until I tried it. It was much easier than Iâd anticipated. Just play about a bit and youâll soon see how it works.
1 Like
Instead of reading tutorials, try creating an actual page that you can reference.
I have just spent the last 10 minutes in creating a Free Web Host, used FTP (FileZilla) to upload a very basic RWD index.php page.
The index.php page contains a link to the Google Mobile Friendly Test
On the off-chance your have any problems it will be far easier to solve with an actual example.
Edit:
Moved link for âGoogle Mobile Friendly Testâ to my site to prevent popups.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.