Screeny

screeny

screeny.maik.io

In meinem Blogpost A Single Div konnte man schon einen kleinen Vorgeschmack von meinem kleinen Wochenendprojekt sehen.

Wenn ich Webseiten verlinke, möchte ich gerne schnell ein schönen Screenshot zur Visualisierung machen. Mit Screeny habe ich ein kleines Tool auf Basis von am-i-responsive gebaut, das um eine Webseite ein Mockup setzt.

Die Position des Smartphones und Browsers kann nach Belieben variiert werden, außerdem ändert sich die Hintergrundfarbe nach jedem Aufrufen.

Ich rufe meine gewünschte URL über die Adresszeile der Seite auf, lade ggf. noch mal neu, wenn die Hintergrundfarbe nicht zur Seite passt, positioniere die Geräte und mache ein Screenshot mit den Boardmitteln von macOS. Ein Bildbearbeitungsprogramm benötige ich für diesen Workflow nicht mehr.