CSS: Das Schlüsselwort fit-content und die Funktion fit-content()

Längenangaben mit CSS: für (fast) jeden Anwendungsfall gerüstet Die Möglichkeiten, mit CSS Angaben für Dimensionen zu notieren, sind zahlreich und erlauben es, die Abmessungen für Boxen in nahezu jeder Hinsicht anzupassen. Dabei sind es die feinen Unterschiede, die dazu führen,…

natives Lazy-Loading in Chrome 75 standardmäßig aktiv

Ab Version 75 ist im Chrome die (schon früher verfügbare) lazy loading-Funktion standardmäßig aktiv. So funktioniert es. <!– Das Bild wird erst bei Bedarf geladen –> <img src=“bild.jpg“ loading=“lazy“ alt=“Bild XYZ“/> <!– Das Bild wird direkt beim Seitenaufruf geladen –>…

Inclusives Design: Formulare mit HTML und CSS

Auf den meisten Ihrer Seiten bieten Sie vermutlich Informationen an, die „nur“ gelesen werden sollen. Vielleicht haben Sie für Ihre Texte schon viel getan, um diese zugänglich zu machen.

Auch  Formularen sollten Sie die gleiche Aufmerksamkeit widmen. Formulare sind schließlich eine Möglichkeit, mit Ihren Besuchern in Kontakt zu treten. Worauf Sie bei der Erstellung von inklusiven Formularen achten müssen, erfahren Sie in diesem Artikel.

Linktipps Responsives Webdesign (RWD)

In aller Kürze ein paar nützliche Links zum Thema responsives Webdesign: Online Tool zum  Testen: https://quirktools.com/screenfly/ RWD muss schnell sein und ein (von mir nicht präferierter) Lösungsansatz: http://tympanus.net/Tutorials/ResponsiveRetinaReadyMenu/ Die Bücher aus dem Galileo-Verlag haben mich immer wieder begeistert. Das unten…

Speed is a feature – Tuning für Ihre Homepage

Wer eine Webseite besucht, möchte normalerweise nicht auf ein weißes „Blatt Papier“ starren. Um die eigene Webseite richtig schnell zu machen, muss Men eigentlich nichts tun. Wenn man ein statisches HTML-Dokument erstellt und dieses weder gestaltet noch per JavaScript aufpeppt,…