HTML5: Neue Formulartypen in der Praxis

Bisher war man es bei Eingabefeldern für Formulare gewohnt, zwischen wenigen Formulartypen zu wählen. Alles, was darüber hinaus ging, musste mit JavaScript dazuprogrammiert werden. Mit HTML5 gibt es nun eine ganze Reihe neuer Formularfelder, mit denen sich zum Beispiel Eingabefelder für E-Mail-Adressen sowie Datums- und Zeitangaben erstellen und prüfen lassen. Eingabefelder für E-Mail-Adressen und URLs … HTML5: Neue Formulartypen in der Praxis weiterlesen

Data URL: Grafiken einbetten und HTTP-Requests sparen

Statt Grafiken in HTML- und CSS-Dokumenten zu verlinken, kann es manchmal sinnvoll sein, Grafiken als Data URL in Dokumenten einzubetten. Man spart damit HTTP-Requests, da nur noch ein Dokument inklusiver aller Grafiken geladen wird. Gerade beim Laden vieler kleiner Grafikdateien kann dies zu einem kleinen Geschwindigkeitsgewinn führen. Warum per Data URL Grafiken einbetten? Jeder HTTP-Request, … Data URL: Grafiken einbetten und HTTP-Requests sparen weiterlesen

CSS3: Abwechselnd gestaltete Spalten und Zeilen mit „nth-child“ und „nth-of-type“

Tabellenspalten und -zeilen abwechselnd zu gestalten hieß bislang immer, eigene Klassen für die jeweiligen Spalten oder Zeilen zu vergeben. Das ist insbesondere dann aufwändig, wenn eine Spalte oder Zeile nachträglich eingefügt wird. Seit CSS3 gibt es mit mit „nth-child“ und „nth-of-type“ zwei Pseudoklassen, mit denen ein solches Vorhaben einfach umzusetzen ist. CSS3 und „nth-child“ Bei … CSS3: Abwechselnd gestaltete Spalten und Zeilen mit „nth-child“ und „nth-of-type“ weiterlesen

CSS3: Abwechselnd gestaltete Spalten und Zeilen mit „nth-child“ und „nth-of-type“

Tabellenspalten und -zeilen abwechselnd zu gestalten hieß bislang immer, eigene Klassen für die jeweiligen Spalten oder Zeilen zu vergeben. Das ist insbesondere dann aufwändig, wenn eine Spalte oder Zeile nachträglich eingefügt wird. Seit CSS3 gibt es mit mit „nth-child“ und „nth-of-type“ zwei Pseudoklassen, mit denen ein solches Vorhaben einfach umzusetzen ist. CSS3 und „nth-child“ Bei … CSS3: Abwechselnd gestaltete Spalten und Zeilen mit „nth-child“ und „nth-of-type“ weiterlesen

Device Orientation: Neigung und Position von Mobilgeräten in JavaScript nutzen

Mobile Geräte wie Smartphones und Tablets besitzen in der Regel Lagesensoren, welche die Neigungswinkel nach vorne und hinten beziehungsweise nach rechts und links des Gerätes messen. Außerdem besitzen sie einen Kompass, der die Richtung des Gerätes in Relation zum magnetischen Nordpol misst. Mit JavaScript lassen sich diese drei Werte auslesen und für Awendungen einer Website … Device Orientation: Neigung und Position von Mobilgeräten in JavaScript nutzen weiterlesen