SA-MP Forums Archive
How do you do this? - Printable Version

+- SA-MP Forums Archive (https://sampforum.blast.hk)
+-- Forum: Other (https://sampforum.blast.hk/forumdisplay.php?fid=7)
+--- Forum: Everything and Nothing (https://sampforum.blast.hk/forumdisplay.php?fid=23)
+--- Thread: How do you do this? (/showthread.php?tid=497189)



How do you do this? - Mr.Anonymous - 25.02.2014

Hi, I want to know how can we do this:



Like showing my web template on different devices like a PC, laptop and a mobile device. Is there any online tool for this?

Thanks.


Re: How do you do this? - DirtyLilFreak - 25.02.2014

Did you try Photoshop? Illustrator?

Edit: You mean create images like that? or code a website to fit all screens?

Edit2: Its actually called a responsive design. Its usally coded within the website. There is no tool to make responsive sites afaik. But its all with CSS and some HTML


Re: How do you do this? - Mr.Anonymous - 25.02.2014

Quote:
Originally Posted by DirtyLilFreak
Посмотреть сообщение
Did you try Photoshop? Illustrator?

Edit: You mean create images like that? or code a website to fit all screens?
What I need is to showcase my already made website template on different screens like above. So that I can take that picture and show it to others how responsive it is. I hope you understand.


Re: How do you do this? - 2KY - 25.02.2014

http://quirktools.com/screenfly/ Is what you're looking for.


Re: How do you do this? - DirtyLilFreak - 25.02.2014

Quote:
Originally Posted by 2KY
Посмотреть сообщение
http://quirktools.com/screenfly/ Is what you're looking for.
Well then this will definitely do the job


Re: How do you do this? - Mr.Anonymous - 25.02.2014

Hmm... that did about half the job. But what I really want is to fit all those in different devices body.


Re: How do you do this? - 2KY - 25.02.2014

Quote:
Originally Posted by Mr.Anonymous
Посмотреть сообщение
Hmm... that did about half the job. But what I really want is to fit all those in different devices body.
What I gathered from your post is that you wanted a web-tool to test your templates on different resolutions and devices. This will do just that.




Re: How do you do this? - DirtyLilFreak - 25.02.2014

http://www.responsinator.com/ Try this then.


Re: How do you do this? - Mr.Anonymous - 25.02.2014

Quote:
Originally Posted by DirtyLilFreak
Посмотреть сообщение
Almost 90 percent now, thanks But now, how do it like this:




Re: How do you do this? - 2KY - 25.02.2014

Quote:
Originally Posted by Mr.Anonymous
Посмотреть сообщение
Almost 90 percent now, thanks But now, how do it like this:

Photoshop work.