website auf mac/iphone

04/06/2017 14:41 R3DC0DE#1
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?
04/06/2017 14:51 LucaXY#2
Such doch einfach bei Google nach IPhone und such ein Bild mit transparentem Hintergrund!
04/06/2017 15:14 R3DC0DE#3
Quote:
Originally Posted by LucaXY View Post
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??
04/06/2017 15:19 Flay23#4
Quote:
Originally Posted by R3DC0DE View Post
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.
04/06/2017 15:32 Chicken.ShooT#5
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.
04/06/2017 19:47 ThoughtfulDev#6
Quote:
Originally Posted by Yung Hurn​ View Post
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).
04/06/2017 20:56 LekoArts#7
Google mal nach iphone mockup online bzw. Mockup. Das ist das, was du suchst.
04/06/2017 23:59 R3DC0DE#8
Quote:
Originally Posted by LeKoArts View Post
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
04/07/2017 00:53 LekoArts#9
Quote:
Originally Posted by R3DC0DE View Post
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.
04/07/2017 11:11 Neo2k4#10
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