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: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

For your responsive site designs

Post by zinc »

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/#
Running WYSIWYG Web Builder since 2007...
User avatar
h3rnan
 
 
Posts: 70
Joined: Sat Mar 05, 2016 8:53 pm
Location: Uruguay
Contact:

Re: For your responsive site designs

Post by h3rnan »

Very useful.
Thanks
Hernán Pena
Web Developer / IT Administrator
https://webbuilderfx.com
support@montevideocapital.com
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: For your responsive site designs

Post by me.prosenjeet »

:D wow!
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Re: For your responsive site designs

Post by ColinM »

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
User avatar
Rob
 
 
Posts: 179
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: For your responsive site designs

Post by Rob »

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.
The Website Guy - MN
Small Business Web Design
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Re: For your responsive site designs

Post by ColinM »

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
filmphotog
 
 
Posts: 87
Joined: Sat Sep 05, 2015 7:20 am
Location: Sweden
Contact:

Re: For your responsive site designs

Post by filmphotog »

^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: 179
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: For your responsive site designs

Post by Rob »

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.
The Website Guy - MN
Small Business Web Design
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Re: For your responsive site designs

Post by ColinM »

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
Post Reply