Tutorials

CSS minimieren: mehr Überblick, bessere Wartung und schnellere Ladezeiten

Es gibt unzählig viele CSS Style Eigenschaften und Wertangaben. In modernen Webdesigns finden eine Vielzahl davon Anwendung. CSS Frameworks (Libraries) wie Bootstrap blähen den Code und die damit verbundene, zu ladende, Datenmenge extrem auf. In diesem Tutorial zeige ich, wo Einsparpotential gegeben ist und wie man weiteres am eigenen Webdesign herausfinden kann.

HTML5: responsive Bilder mit dem picture-Element

Die Responsivität von Webseiten wird immer wichtiger. Mit den unterschiedlichsten Geräten und Bildschirmauflösungen wird das Web genutzt. Vom kleinen Smartphone-Display, über Desktop-Computer bis zum 40 Zoll Fernseher. Bilder können dank des picture HTML Tags in unterschiedlichen Größen geladen werden. So kannst du Smartphone-Nutzer ein verkleinertes Bild zur Verfügung stellen. Dem Desktop-Nutzer hingegen die volle Auflösung.