Public Forums 71,145 posts

[werwack Friend werwackJoin date: June 2015Posts: 7Downloads:0Uploads:0 Thanks: 3]

#207137

Hello,

I have a little background in Joomla and am completely new with responsive templates.
Purity III seems to be a very nice starting point for the template I would like to apply to my new website (thank you very much for sharing 🙂 )

My question is how can I test the response of the site according to the screen size with Purity? In other words is there an easy way to toggle between layouts or to simulate various screen resolutions?

In the Putity demo page (http://www.joomlart.com/demo/#purity_iii), at the top of the page, we can choose between widescreen, mobile, etc. Is there such a toolbar somewhere in the template settings? Or an alias where we can put our website in such a canvas?

Second question: do you know where I can find some guidelines about how to make an efficient layout for responsiveness?

Thank you very much

werwack

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#573414

Hi there
You can use browser debugger for this testing.
Thank you,
Viet Vu

[werwack Friend werwackJoin date: June 2015Posts: 7Downloads:0Uploads:0 Thanks: 3]

#573469

Hello,

Thank you for the tip. I’m afraid i need some more info though: which debugger? Where? Provided with Joomla or a browser?

There is no way to get a simple toggle between layouts?

What about some guidelines for responsive design with Purity?

Thanks for those precisions

[werwack Friend werwackJoin date: June 2015Posts: 7Downloads:0Uploads:0 Thanks: 3]

#738496

Hello,

Thank you for the tip. I’m afraid i need some more info though: which debugger? Where? Provided with Joomla or a browser?

There is no way to get a simple toggle between layouts?

What about some guidelines for responsive design with Purity?

Thanks for those precisions

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#573475

<em>@werwack 477215 wrote:</em><blockquote>
My question is how can I test the response of the site according to the screen size with Purity? In other words is there an easy way to toggle between layouts or to simulate various screen resolutions?

Thank you very much

werwack</blockquote>

Well, one rather simple way is to simply manually resize your browser window – i.e. drag with your mouse.

You can also go into your computer screen resolution settings and change the resolution – to see how your site displays at various resolutions.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#738502

<em>@werwack 477215 wrote:</em><blockquote>
My question is how can I test the response of the site according to the screen size with Purity? In other words is there an easy way to toggle between layouts or to simulate various screen resolutions?

Thank you very much

werwack</blockquote>

Well, one rather simple way is to simply manually resize your browser window – i.e. drag with your mouse.

You can also go into your computer screen resolution settings and change the resolution – to see how your site displays at various resolutions.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#573478

<em>@werwack 477215 wrote:</em><blockquote>
Second question: do you know where I can find some guidelines about how to make an efficient layout for responsiveness?

Thank you very much

werwack</blockquote>

Here are some resources which may be helpful to you . . . .

http://magazine.joomla.org/issues/issue-nov-2011/item/594-responsive-design

https://joomla.digital-peak.com/blog/120-joomla-responsive-web

http://www.lynda.com/Responsive-Design-training-tutorials/1357-0.html

1 user says Thank You to TomC for this useful post

1. werwack

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#738505

<em>@werwack 477215 wrote:</em><blockquote>
Second question: do you know where I can find some guidelines about how to make an efficient layout for responsiveness?

Thank you very much

werwack</blockquote>

Here are some resources which may be helpful to you . . . .

http://magazine.joomla.org/issues/issue-nov-2011/item/594-responsive-design

https://joomla.digital-peak.com/blog/120-joomla-responsive-web

http://www.lynda.com/Responsive-Design-training-tutorials/1357-0.html

1 user says Thank You to TomC for this useful post

1. werwack

[werwack Friend werwackJoin date: June 2015Posts: 7Downloads:0Uploads:0 Thanks: 3]

#573552

Hi Tom,

Thank you for your answers.
I was wondering if Joomla or Purity had a specific way to test responsive design. According to your answer it is not the case but you are right the easiest way to do so is to manually resize the browser. After some more generalist researches I found this site thought, which looks quite helpfull: http://responsivetest.net

I’ll go into your links to have a better understanding of how to handle the website layout to make it work in various conditions.

Best regards,

Werwack

[werwack Friend werwackJoin date: June 2015Posts: 7Downloads:0Uploads:0 Thanks: 3]

#738567

Hi Tom,

Thank you for your answers.
I was wondering if Joomla or Purity had a specific way to test responsive design. According to your answer it is not the case but you are right the easiest way to do so is to manually resize the browser. After some more generalist researches I found this site thought, which looks quite helpfull: http://responsivetest.net

I’ll go into your links to have a better understanding of how to handle the website layout to make it work in various conditions.

Best regards,

Werwack

[Author]

Posts