Skip to main content


Aktuelle Geräte mit purem CSS

/news/uploads/devicescss.serendipityThumb.jpg image
Aktuelle Geräte wie beispielsweise das neue iPhone X, das Google Pixel oder auch das Surface Pro bestehend aus purem CSS findet man in dem Github Projekt von Yan Zhu.

Klassische Anwendung wäre zum Beispiel der Einsatz auf einer Landing-Page.
Aktuell findet man folgende Geräte in der CSS Datei:
iPhone X (Silver) iPhone 8 (Silver, Gold and Space Gray) Google Pixel (Very Silver, Quite Black and Really Blue) Samsung Galaxy S8 ( Midnight Black and Coral Blue) iPad Pro (Silver, Gold, Rose Gold and Space Gray) MacBook (Silver, Gold, Rose Gold and Space Gray) MacBook Pro (Silver and Space Gray) Surface Studio iMac Pro Apple Watch

weitere Geräte sollen folgen

Eingebunden wird die Datei mit :
<link rel="stylesheet" href="dist/devices.css">

im Header eingebunden.

im body wird dann z.B. für das iPhone X folgendes eingebunden:

<div class="device device-iphone-x">
<div class="device-frame">
<div class="device-content"></div>
</div>
<div class="device-stripe"></div>
<div class="device-header">
<div class="device-sensors"></div>
</div>
<div class="device-btns"></div>
<div class="device-power"></div>
</div>

Devices.css wird unter MIT Lizenz angeboten.

Devices.css findet man unter picturepan2.github.io/devices.css.


Stichworte

Verwaltung des Blogs

Powered by

§

Webtipps


Kortenbrede

Public Viewing in Münster