Is there an idustry standard for page widths for responsive sites? - GoFuckYourself.com

DirtyHarold · 11-30-2017, 03:15 PM

When building a responsive site, are there some fixed widths most websites stick too? Is there an industry standard for this? For example 3 widths for large PC screen or laptop, e.g. 1920 / 1400 / 1000 px and two for tablets (horizontal/vertical) and two for smartphones (horizontal/vertical)?

brassmonkey · 11-30-2017, 03:24 PM

sure just go to a site test site and they have all the sizes.
just google it
https://www.browserstack.com/responsive

magneto664 · 11-30-2017, 03:47 PM

Quote:

Originally Posted by DirtyHarold

When building a responsive site, are there some fixed widths most websites stick too? Is there an industry standard for this? For example 3 widths for large PC screen or laptop, e.g. 1920 / 1400 / 1000 px and two for tablets (horizontal/vertical) and two for smartphones (horizontal/vertical)?

look at:

https://www.awwwards.com/what-are-fr...eb-design.html

use best framework and you have all sorted

EddyTheDog · 11-30-2017, 04:04 PM

Quote:

Originally Posted by magneto664

look at:

https://www.awwwards.com/what-are-fr...eb-design.html

use best framework and you have all sorted

100%

- Grids are the way it all works - Wordpress themes are almost all responsive these days - You can do almost anything with them and they will work anywhere...

DirtyHarold · 12-13-2017, 09:51 AM

Thanks guys, I am going to read about the frameworks!

Also the guy building sites for me sent me this page, it is very interesting as well and explains the difference between adaptive and liquid/fluid response, it turns out that we were after an adaptive page layout but just didn't know it was called that way.

blog . teamtreehouse.com/which-page-layout

DirtyHarold · 12-13-2017, 09:53 AM

We used WP sites in the past but our video and photo content sites are MySQL based with custom content management scripts and combining that with WP can be very tricky, before you know it you are a slave of WP and converting everything you built in the past to work with WP... I will avoid that from now on. For other things WP can be great.

Or did you mean using WP theses to add a certain design and behavior to an existing non-WP website?

Quote:

Originally Posted by EddyTheDog

100%

- Grids are the way it all works - Wordpress themes are almost all responsive these days - You can do almost anything with them and they will work anywhere...

pornguy · 12-14-2017, 04:47 AM

instead of PX use %

freecartoonporn · 12-14-2017, 08:44 AM

what ^^ said

and for font sizes use em. i guess.

11-30-2017, 03:15 PM	#1
DirtyHarold Registered User Industry Role: Join Date: Mar 2016 Location: Yes Posts: 63	Is there an idustry standard for page widths for responsive sites? When building a responsive site, are there some fixed widths most websites stick too? Is there an industry standard for this? For example 3 widths for large PC screen or laptop, e.g. 1920 / 1400 / 1000 px and two for tablets (horizontal/vertical) and two for smartphones (horizontal/vertical)?

11-30-2017, 03:24 PM	#2
brassmonkey Pay It Forward Industry Role: Join Date: Sep 2005 Location: Yo Mama House Posts: 77,249	sure just go to a site test site and they have all the sizes. just google it https://www.browserstack.com/responsive __________________ TRUMP 2025 KEKAW!!! - The Laken Riley Act Is Law! DACA ENDED - SUPPORT AZ HCR 2060 52R - email: brassballz-at-techie.com

12-14-2017, 04:47 AM	#7
pornguy Too lazy to set a custom title Industry Role: Join Date: Mar 2003 Location: Homeless Posts: 62,911	instead of PX use % __________________ PornGuy skype me pornguy_epic AmateurDough The Hottes Shemales online! TChicks.com \| Angeles Cid \| Mariana Cordoba \| MAILERS WELCOME!

12-14-2017, 08:44 AM	#8
freecartoonporn Confirmed User Industry Role: Join Date: Jan 2012 Location: NC Posts: 7,683	what ^^ said and for font sizes use em. i guess. __________________ SSD Cloud Server, VPS Server, Simple Cloud Hosting \| DigitalOcean

12-13-2017, 09:51 AM	#5
DirtyHarold Registered User Industry Role: Join Date: Mar 2016 Location: Yes Posts: 63	Thanks guys, I am going to read about the frameworks! Also the guy building sites for me sent me this page, it is very interesting as well and explains the difference between adaptive and liquid/fluid response, it turns out that we were after an adaptive page layout but just didn't know it was called that way. blog . teamtreehouse.com/which-page-layout