website auf mac/iphone

[R3DC0DE]

hey

ihr jkennt ja sicher diese bilder, wo webseiten auf nem macbook/imac/iphone/ipad präsentiert werden.. gibts ne seite die sowas für einen erstellt oder muss man sich dafür ein macbook/imac/iphone/ipad kaufen, das vor nem greenscreen stellen und das dannfotografieren und das dann ausschneiden und das dann einfügen?

[LucaXY]

Such doch einfach bei Google nach IPhone und such ein Bild mit transparentem Hintergrund!

[R3DC0DE]

Originally Posted by LucaXY

Such doch einfach bei Google nach IPhone und such ein Bild mit transparentem Hintergrund!

aber ich kann doch in ein iPhone keine Webseite reinpacken die für ein iPad bestimmt ist??

[Flay23]

Originally Posted by R3DC0DE

aber ich kann doch in ein iPhone keine Webseite reinpacken die für ein iPad bestimmt ist??

Was???

Du lässt mit Chrome die Webseite in der Auflösung eines iPhones/iPads what ever anzeigen, machst einen Screenshot und fügst per Photoshop das auf dein gewünschten Render.

[Chicken.ShooT]

Bei Webseiten die nicht Responsive sind, sondern mit dem User-Agent des Browsers arbeiten, kannst du deinen User-Agent einfach dahingehend bearbeiten, dass die Webseite denkt, du bist ein iPhone, Mac or whatever. Für Chrome gibt es da ein Plugin,einfach mal nach User Agent im Webstore suchen (hab vergessen wie es heißt).


Wenn es ein Demo für ein Template oder so sein soll und dieses ist Responsive, dann musst du es bloß über ein iframe, in der Größe des entsprechenden Geräts aufrufen.

[ThoughtfulDev]

Originally Posted by Yung Hurn​

Bessere Idee als auf diese Chrome DAUs zu hören:
Firefox Developer Edition laden und in der Web IDE Firefox OS Simulator downloaden, damit kann man dann auch als wäre es im normalen Firefox debuggen

Kann man mit den Chrome Dev Tools doch auch? Einfach z.b das IPhone Preset nehmen und fertig (setzt vorraus das die seite responsive ist - sollte sie aber im Jahre 2017 sein von daher).

[LekoArts]

Google mal nach iphone mockup online bzw. Mockup. Das ist das, was du suchst.

[R3DC0DE]

Originally Posted by LeKoArts

Google mal nach iphone mockup online bzw. Mockup. Das ist das, was du suchst.

danke, nur noch die frage wo kriege ich ein iOs screenshot her? also so das es nicht zu groß ist weil auf dem PC wird das ja so groß dargestellt wenn du weißt was ich meine

[LekoArts]

Originally Posted by R3DC0DE

danke, nur noch die frage wo kriege ich ein iOs screenshot her? also so das es nicht zu groß ist weil auf dem PC wird das ja so groß dargestellt wenn du weißt was ich meine

Nein, ich weiß nicht was du meinst :3
Wenns zu groß ist, verkleinere es.

[Neo2k4]

Google nach einem useragent für deinen gewünschten Browser ein useragent Plugin ermöglicht es dir die Ansicht auf beliebigen Geräten, dann hast du schonmal die Website in der richtigen Größe und breite und kannst einfach in ein iPhone Bild einfügen