Archiv der Kategorie: HTML5

Beschreibung neuer HTML5 Features, Anwendungsbeispiele, Codereferenzen, Tutorials

Tile design: Same sized columns with css flex and grid combo

It sounds so incedibly simple: you just want a layout with a (variable) number of boxes like the tiles in your bathroom, but without the mortar: This requirement comes in regularly if you have to show categories in a nice … Weiterlesen

Veröffentlicht unter CSS3, HTML5 | Hinterlasse einen Kommentar

Die 3 Schritte zur mobilen Optimierung der Website

Bereits im November 2014 hat Google im offiziellen Webmaster-Blog darauf hingewiesen, dass es ab sofort in den Suchergebnissen anzeigt, wenn Websites „mobile friendly“ sind. Am 21. April wird es dann richtig ernst: die Mobiltauglichkeit der Website wird ab diesem Stichpunkt … Weiterlesen

Veröffentlicht unter HTML5 | Verschlagwortet mit | 5 Kommentare

Bilder aufnehmen mit Web-App und HTML Elementen in iOS und Android

Manchmal machen einem es Apple und Co. auch leicht: sowohl iOS, als auch Android lassen sich dieser Tage über ein ganz einfaches HTML Formular-Element dazu bringen, einen schönen und funktionalen Dialog zu öffnen, über den der User mit seinem Smartphone … Weiterlesen

Veröffentlicht unter HTML5 | 3 Kommentare

Standort im Browser ermitteln per HTML5 Geolocation API

Alle Browser, die nicht mehr aus der digitalen Steinzeit stammen (Internet Explorer 9, Firefox 3.5 und Google Chrome), sind in der Lage, über die offiziell von der W3C zur Verfügung gestellte Geolocation API eine Angabe dazu zu machen, an welchem … Weiterlesen

Veröffentlicht unter HTML5 | 4 Kommentare

Web-App offline speichern: der Offline Application Cache

In den meisten Anwendungsfällen möchte man eine Web-App ebenso wie eine native App auch, offline nutzen, also ohne per WLAN oder Mobilfunk mit dem Internet verbunden zu sein. Native Apps tun sich da leicht, werden diese ja schon vor Verwendung … Weiterlesen

Veröffentlicht unter HTML5 | 3 Kommentare

HTML5 Formulare mit Validierung und Platzhalter

Auch für Formulare bietet HTML5 einige ungeheuer praktische Features, mit denen sich der Web-Entwickler das Leben nicht nur leichter, sondern die Web-Applikation auch sicherer machen kann. Besonders praktisch ist, dass man nicht daran denken muss, JavaScripts für die Validierung einzubinden … Weiterlesen

Veröffentlicht unter HTML5 | 1 Kommentar

SVG Files Toolbox

SVG Files sind „scalable vector graphics“, also Grafiken, die nicht in Pixelform vorliegen, wie etwa ein GIF oder JPEG, sondern die einfach ausgedrückt „gezeichnet“ werden. Dazu ist nicht mehr nötig, als die Koordinaten des Startpunktes und des Endpunktes, sowie ein … Weiterlesen

Veröffentlicht unter HTML5 | Verschlagwortet mit , , , , | Hinterlasse einen Kommentar

HTML5 Video Tag

Eine wunderschöne Verbesserung beschert uns HTML5 auch durch die Einführung des Video Tags. Vorbei sind die Zeiten, als man Videos sicher und browserübergreifend nur mit Flash abspielen konnte. Diese Zeit sind insbesondere seit dem enormen Erfolg von Apples iPhone und … Weiterlesen

Veröffentlicht unter HTML5 | Verschlagwortet mit , , , , | 3 Kommentare

HTML5 Diagramme mit Online Generator selbst erstellen

Wir bekommen regelmäßig Rückfragen zu unseren Artikeln zum Programmieren von HTML5 Säulen- und Tortendiagrammen. Obwohl die Codes der Diagramme kommentiert vorliegen, erfordert die Erstellung der Diagramme einige Einarbeitung, insbesondere in die JavaScript Schleifen. Daher haben wir einen Online Generator programmiert, … Weiterlesen

Veröffentlicht unter HTML5 | Verschlagwortet mit , , , , , | Hinterlasse einen Kommentar

Die 10 besten HTML5 Websites

Was ist nun eigentlich eine HTML5 Seite in diesem Sinne? Bei der Auswahl der besten HTML5 Websites haben wir darauf geachtet, dass auch tatsächlich HTML5 Techniken zum Einsatz kommen. Nicht ausreichend ist für uns dabei die bloßen Anwendung von HTML5 … Weiterlesen

Veröffentlicht unter HTML5 | Verschlagwortet mit , , , | Hinterlasse einen Kommentar