For your responsive site designs

Do you want to share WYSIWYG Web Builder tips, tricks, tutorials or useful HTML code? You can post it here...
(no questions or problems please, this section is not monitored by support).
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.

PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Post Reply
User avatar
zinc
 
 
Posts: 1408
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

For your responsive site designs

Post by zinc » Sat Mar 05, 2016 2:41 pm

Google has come up with a very use tool to check your sites if you do not have all the physical devices to check your site.

http://design.google.com/resizer/#
Good news everyone! COVID-19 is STILL here!

h3rnan
 
 
Posts: 76
Joined: Sat Mar 05, 2016 8:53 pm
Location: Uruguay
Contact:

Re: For your responsive site designs

Post by h3rnan » Mon Mar 07, 2016 1:20 pm

Very useful.
Thanks
Hernán Pena
Web Developer / IT Administrator

User avatar
me.prosenjeet
 
 
Posts: 1264
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: For your responsive site designs

Post by me.prosenjeet » Mon Mar 07, 2016 2:27 pm

:D wow!
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

User avatar
ColinM
 
 
Posts: 553
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

Re: For your responsive site designs

Post by ColinM » Tue Mar 08, 2016 2:08 am

Nice work Zinc! :D

Up until now, I've been using the Firefox Ctrl>Shift>M facility - but that's not always definitevely reliable - will be interesting to see how this goes - don't appear to have a 1920 - but I guess not needed if you are on one! :D
Yours truly
Colin M
Western Australia
My Website

User avatar
Rob
 
 
Posts: 163
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: For your responsive site designs

Post by Rob » Tue Mar 08, 2016 12:59 pm

On that note let add this one also by google - device size in px: https://design.google.com/devices/

Be sure to look at the height / width by dp (not in, cm or px) to see if your breakpoints will fit.
Small Business Web Design

User avatar
ColinM
 
 
Posts: 553
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

Re: For your responsive site designs

Post by ColinM » Wed Mar 16, 2016 10:22 pm

Rob wrote:On that note let add this one also by google - device size in px: https://design.google.com/devices/

Be sure to look at the height / width by dp (not in, cm or px) to see if your breakpoints will fit.
Good one Rob!
Yours truly
Colin M
Western Australia
My Website

filmphotog
 
 
Posts: 104
Joined: Sat Sep 05, 2015 7:20 am
Location: Sweden
Contact:

Re: For your responsive site designs

Post by filmphotog » Sun Mar 20, 2016 11:13 am

^Thanks for posting! :)

I also found this two part video presentation "on designing for mobile and across devices" great if you have time to watch (first part is 1.19 long) http://www.lukew.com/ff/entry.asp?1949 published by Conversions@Google

User avatar
Rob
 
 
Posts: 163
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: For your responsive site designs

Post by Rob » Mon Mar 21, 2016 12:44 pm

Another link on device resolution stats - http://www.w3schools.com/browsers/browsers_display.asp. My monitor is 1600x800 (20") & traditionally I use 1260, 1024, 768, 480, 320. I think I may add 1900 to the list for that next size up monitor - but I still like the wider gutters. 50-100px. Wierds me out to see the content go right up to the edge.
Small Business Web Design

User avatar
ColinM
 
 
Posts: 553
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

Re: For your responsive site designs

Post by ColinM » Mon Mar 21, 2016 9:49 pm

Rob wrote:Another link on device resolution stats - http://www.w3schools.com/browsers/browsers_display.asp. My monitor is 1600x800 (20") & traditionally I use 1260, 1024, 768, 480, 320. I think I may add 1900 to the list for that next size up monitor - but I still like the wider gutters. 50-100px. Wierds me out to see the content go right up to the edge.
Interesting stats Rob and thanks for posting. My desktop monitor is an Asus VE278 (27.8" diagonal) with a 1920 x 1080 HD resolution via HDMI from the System Unit.

Yes, I use 1920 as my top BP, also a 1366. I also use a 980, but I'm considering dropping that BP.

Oh, and I agree - other than BGs and images, I don't like to see text go edge to edge.
Yours truly
Colin M
Western Australia
My Website

Post Reply