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
|
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
![Smiley](images/smilies/smile.png)
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 ![Smiley](images/smilies/smile.png) But now, how do it like this:
![](http://1.s3.envato.com/files/81785779/preview_proui.__large_preview.jpg)
|
Photoshop work.