Before and After Responsive Layout -...

User 2088758 Photo


Senior Advisor
3,086 posts

I reworked everything using some of the new styling. I believe I worked out all the little quirks too! I even created a custom.css and applied many changes to the style in this process without effecting the HTML.

Responsive Layout Maker Framework: (Before)

http://misterwebguy.com/ResponsiveWebguy/

Edited Framework Using Coffeecup HTML Editor: (After)

http://misterwebguy.com/ResponsiveWebguy2/
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2147626 Photo


Ambassador
2,958 posts

Site looks great Steve. Just a suggestion....I looked at it on my phone (Android) and it looks okay, but you have to scroll down a lot. Took a while to load too, but I'm out in the country. Wouldn't it be better to drop some of the content and just keep a few pertinent facts? Especially all the footer stuff should go. I would think just a few boxes with basic info and maybe a link to the full size site if someone were interested. Show your contact info of course. Just a thought. :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 91713 Photo


Registered User
83 posts

Compliments Steve. You are a few steps ahead of me. :)
I have a little suggestion. For the fly-out menus you maybe like to add a little downwards triangle. I think in Bootstrap the class is called "caret".
The perfection isn't reached in one pass.
User 603315 Photo


Registered User
938 posts

Steve wrote:
I reworked everything using some of the new styling. I believe I worked out all the little quirks too! I even created a custom.css and applied many changes to the style in this process without effecting the HTML.

Responsive Layout Maker Framework: (Before)

http://misterwebguy.com/ResponsiveWebguy/

Edited Framework Using Coffeecup HTML Editor: (After)

http://misterwebguy.com/ResponsiveWebguy2/


It looks good on the laptop Steve and I've gone with the browser and dragged it and it seems fine, well done you :P
User 603315 Photo


Registered User
938 posts

Gunsmoke wrote:
Site looks great Steve. Just a suggestion....I looked at it on my phone (Android) and it looks okay, but you have to scroll down a lot. Took a while to load too, but I'm out in the country. Wouldn't it be better to drop some of the content and just keep a few pertinent facts? Especially all the footer stuff should go. I would think just a few boxes with basic info and maybe a link to the full size site if someone were interested. Show your contact info of course. Just a thought. :cool:


Got to say Gunsmoke that is with almost every mobile site there is, yeah there maybe content taken out but still a lot of scrolling, it's a massive gripe for me, I don't get why people hate scrolling on a PC/Laptop, yet they hardly ever complain about it on a tablet or phone, your bucking the trend :P
User 2147626 Photo


Ambassador
2,958 posts

your bucking the trend

Always! On a PC I have my mouse and scrolling is no problem. I hate 'thumbing' on my phone. If a website is to long I just lose interest and go somewhere else. On a phone, you want facts, fast, and a link to what you want. A link to the full size site if you are interested is no problem, but the main phone site I think should be short and to the point. Just my opinion.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 187934 Photo


Senior Advisor
20,181 posts

Less is better when it comes to response down to small mobile devices. That's the one thing that's making websites better now. Developers are making sites leaner and crisper for mobile users and leaving it the same for pc users. Win win.:cool:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 603315 Photo


Registered User
938 posts

Gunsmoke wrote:
your bucking the trend

Always! On a PC I have my mouse and scrolling is no problem. I hate 'thumbing' on my phone. If a website is to long I just lose interest and go somewhere else. On a phone, you want facts, fast, and a link to what you want. A link to the full size site if you are interested is no problem, but the main phone site I think should be short and to the point. Just my opinion.


It's a fair enough view. I won't scroll on anything, on the VSD thread on here, the mouse just goes all over the place so I don't go on it. Facebook is the same for me, so if it's not at the top it ain't get read. I always have short sites, so if people don't like what they reading it's not going to kill them :lol: Steve's site was fine on here, but like you say with a small device things look different. However he's the first to do a site that I know of in RLM so he's the pioneer :lol:
User 2147626 Photo


Ambassador
2,958 posts

I agree G'kar. But I don't mind a long site on the PC, just on the mobile. I just think some content needs to be dropped. Just give the user the option of seeing the full site. :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 187934 Photo


Senior Advisor
20,181 posts

Giving the user the option for the full site defeats the purpose of RLM. You would then be maintaining two sites. I guess you could write some scripts to override the response with a checkbox selection.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.