Before and After Responsive Layout -...

Mar 1st, 2014 at 03:18 AM
User 2088758 Photo

Steve
Senior Advisor
3,111 posts
Online Now

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
Mar 1st, 2014 at 05:31 AM
User 2147626 Photo

SadDuck
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
Mar 1st, 2014 at 06:03 AM
User 91713 Photo

Hans van Overbeek
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.
Mar 1st, 2014 at 06:08 AM
User 603315 Photo

G'kar
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
http://www.dozydayz.co.uk
http://nbdesigns.me.uk - responsive
http://brewstersartz.co.uk - responsive
http://nbphotography.me.uk - responsive
Mar 1st, 2014 at 06:10 AM
User 603315 Photo

G'kar
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
http://www.dozydayz.co.uk
http://nbdesigns.me.uk - responsive
http://brewstersartz.co.uk - responsive
http://nbphotography.me.uk - responsive
Mar 1st, 2014 at 06:31 AM
User 2147626 Photo

SadDuck
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
Mar 1st, 2014 at 07:43 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,265 posts
Online Now

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
Mar 1st, 2014 at 07:45 AM
User 603315 Photo

G'kar
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:
http://www.dozydayz.co.uk
http://nbdesigns.me.uk - responsive
http://brewstersartz.co.uk - responsive
http://nbphotography.me.uk - responsive
Mar 1st, 2014 at 08:22 AM
User 2147626 Photo

SadDuck
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
Mar 1st, 2014 at 08:45 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,265 posts
Online Now

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.