2

I wonder if there is a similar tool to Skala Preview (it is for live preview of photoshop work on your iPhone via Wifi) to test my web design (index.html and its assets folder) onto mobile phones (iPhone, Android and WinPhone). I need to check that viewport, mediaqueries and other design questions are working as expected...

I already use Resizer but it is not to test directly on mobile devices, I don't want an emulator. I have tried Dropbox and Drive, but that last one doesn't work on mobiles and both are so tricky of use. I am not a developer and I don't understand the most of those strange languages beyond HTML and CSS... But I can't believe there's no an easy way to do what I am asking for. It shouldn't be so difficult!

Thank you in advance :)

Improve this question
6
  • Probably itunes.apple.com/us/app/gotomypc-remote-desktop/… or any other software that helps to connect to you PC, navigate through files and run them with installed applications (safari for example)
    – Vnovak
    Commented Jun 11, 2014 at 16:34
  • Yes, I know I should have a hosting account. I've learned everything by my own and I don't know how to configure a hosting. It scares me... but I'll try it. I was hoping there was an easier solution. Thank you.
    – CandyKillah
    Commented Jun 11, 2014 at 16:38
  • You can get any free hosting solution. All you need is FTP access and it will works like a distant folder. Nothing scary )
    – Vnovak
    Commented Jun 11, 2014 at 16:40
  • Thank you all. Vnovak, Scott, I know it looks easy for people who have already used it, but I just want to feel myself understood. I don't know what is a FTP, a web server or anything else like that, because I am a designer. I know photoshop, sketch, illustrator, HTML, CSS, jQuery, color psychology, and much more, but not these things. I think I need to put a developer on my life... any volunteers? XDDD
    – CandyKillah
    Commented Jun 11, 2014 at 16:57
  • Candy, if you're creating markup (HTML/CSS) for the web professionally, and worried about responsiveness and browser testing, there's no avoiding the basic information about FTP (File Transfer Protocol) and moving files to a hosting account so you can test them. Most "developers" will roll their eyes if you ask them to handle this exceptionally basic step. The "as a designer" comment isn't doing you any good. :) All web designers I know can handle these steps.
    – Scott
    Commented Jun 11, 2014 at 23:02

4 Answers 4

Reset to default
5

Most web designers or developers have their own web site which has hosting. You can simply create a subfolder on your hosting account and drop the web site into that... and access it via http://www.yourdomain.com/subfolder. If you don't have a hosting account, get one. They run as little as $40 a year.

Other options include using things such as MAMP, LAMP, or WAMP to create a local server environment.

All you really need is a web server running on your local network. Some operating Systems already have a preinstalled server environment. The MacOS has Apache built in (I don't know about Windows). With that, all you need is the Local IP of the system running the server.

Improve this answer
5
  • I'll need help of some developer to do all that, but thank you very much.
    – CandyKillah
    Commented Jun 11, 2014 at 16:44
  • You probably don't need the help of any developer. Purchasing and setting up a hosting account is pretty easy. There's nothing to be scared about.
    – Scott
    Commented Jun 11, 2014 at 16:48
  • FYI, Windows has IIS inbuilt, but you need to turn this feature on to host webpages.
    – ninjaPixel
    Commented Jun 11, 2014 at 19:07
  • Another option would be to let your computer host it you should be able to connect to the ip directly. For convenience you could use some of the free dynamic name services so you dobt need to look up the ip.
    – joojaa
    Commented Jun 12, 2014 at 6:16
  • I've tried XAMPP and it covers my needs too. Thank you.
    – CandyKillah
    Commented Jul 17, 2014 at 11:53
1

You could try GhostLab...it's awesome but also Premium. It allows you to test your designs live on every device with no need of Hosting, just with your local machine and internet connection.

Improve this answer
2
  • I've tried it, it's what I was looking for... thank you!
    – CandyKillah
    Commented Jun 13, 2014 at 11:10
  • @CandyKillah Glad it helped!
    – user3074558
    Commented Jun 21, 2014 at 23:29
1

If you have access to the Adobe Creative Cloud, you can view live previews of your website on any kind of mainstream mobile device using Edge Code and Edge Inspect. Changes happen as you edit in Edge Code, so you can get instant feedback on how different devices will handle changes to the HTML and CSS without having to continually push changes up to a server via FTP.

Improve this answer
0
-1

you can test your website online on any kind of device with different resolutions as well as your own required resolution. Mobitest.comli

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.