HTML

CSS

HTML5up: 13 kostenlose und moderne Templates auf Basis von HTML5

12. Juni 2013
von
HTML5up: 13 kostenlose und moderne Templates auf Basis von HTML5

Wer nach fertigen Templates für Webprojekte sucht, wird bei Google schnell fündig. Aber nicht immer entsprechen die Vorlagen hinsichtlich Qualität von Quelltext und Gestaltung den eigenen Ansprüchen. Der Dienst HTML5up bietet hingegen einige optisch ansprechende und dank HTML5 und CSS3 auch zeitgemäß umgesetzte Templates für moderne Webprojekte. Und kostenlos sind diese obendrein. Übersicht aller Templates Templates für unterschiedliche Inhalte Die meisten kostenlos erhältlichen Templates...

Weiterlesen »

HTML

Jetzt einsatzbereit: Mozillas X-Tags sollen das Web-Development beschleunigen

15. Mai 2013
von
Jetzt einsatzbereit: Mozillas X-Tags sollen das Web-Development beschleunigen

Vor einem knappen Jahr stellten wir Ihnen an dieser Stelle das Mozilla-Projekt X-Tags vor. X-Tags sollte der Standardisierung vorgreifen und Web Components (teilweise) bereits zum jetzigen Zeitpunkt in modernen Browsern verfügbar machen. Vor zwei Tagen nun war es soweit. Im offiziellen Mozilla-Blog wurde der Startschuss gegeben. Seit unserer ersten Vorstellung hat sich einiges getan im Projekt X-Tags. X-Tags: Eigene HTML-Elemente definieren Auf den ersten...

Weiterlesen »

HTML

PowerPoint Adé! Slid.es ist ein neuer Cloud-Service für HTML5-Präsentationen im Browser

14. Mai 2013
von
PowerPoint Adé! Slid.es ist ein neuer Cloud-Service für HTML5-Präsentationen im Browser

Im Oktober 2012 stellten wir Ihnen hier bei Dr. Web das auf HTML5 basierende JavaScript-Framework Reveal.js des Schweden Hakim El Hattab vor. Mit Reveal.js ist es sehr einfach, ansprechende Präsentationen für die Nutzung im Browser zu erstellen. Auf der Basis seines eigenen Framework entwickelte El Hattab dann den Cloud-Service Rvl.io, der es erlaubt, mittels eines WYSIWYG-Editors Präsentationen ohne Coder-Kenntnisse zu bauen. Rvl.io ist nun...

Weiterlesen »

Chrome

Mozilla Labs TowTruck: Das neue Kollaborationstool im Test

18. April 2013
von
Mozilla Labs TowTruck: Das neue Kollaborationstool im Test

Aus den Mozilla Labs kommt zuverlässig Erstaunliches. Auch der neueste Spross des Hauses, der auf den interessanten TowTruck, zu deutsch: Abschleppwagen, hört, verspricht viel. Mit lediglich zwei Zeilen Code lässt sich damit jede beliebige Website aufrüsten. Diese bietet fortan die Möglichkeit, zu zweit von entfernten Lokationen aus, an ihr, mit ihr oder auf ihr zu arbeiten. Dabei wird der entfernte Cursor eingeblendet, zudem ist...

Weiterlesen »

HTML

HTML5: Wie das Template-Element komplexe Vorlagen ermöglicht

16. April 2013
von
HTML5: Wie das Template-Element komplexe Vorlagen ermöglicht

Zwar gibt es mit document.createElement() und anderen entsprechenden Methoden eine Möglichkeit, um per JavaScript HTML-Elemente zu erzeugen und dem DOM-Baum hinzuzufügen – komfortabel und übersichtlich ist das jedoch in der Regel nicht. Gerade ab einer gewissen Komplexität der zu erstellenden Elemente kann man schon mal den Überblick verlieren. Das HTML5-Template-Element soll für Abhilfe sorgen. Elemente als Vorlage im Dokument ablegen Das Prinzip des neuen...

Weiterlesen »

3D

HTML5: Threesixty.js generiert 360-Grad-Ansichten aus Bild-Strecken

9. März 2013
von
HTML5: Threesixty.js generiert 360-Grad-Ansichten aus Bild-Strecken

360 Grad und es wird noch heißer. Nee, ich glaube, da verwechsele ich gerade was. Was das jQuery-Plugin Threesixty.js leistet, hat nur dann etwas mit Temperatur zu tun, wenn man entsprechendes Bildmaterial verwendet. Ansonsten leistet Threesixty.js schlicht die Erstellung von 360-Grad-Ansichten, wie man sie etwa typischerweise auf den Websites der internationalen Auto-Marken vorfindet. Der Charme des Plugins liegt in seiner einfachen Handhabung. Threesixty.js: Data-Attribute...

Weiterlesen »

CSS

The Heads-Up Grid und SpryMedia Grid – Gitternetzoverlays für das Webdesign im Browser

5. März 2013
von
The Heads-Up Grid und SpryMedia Grid – Gitternetzoverlays für das Webdesign im Browser

Es ist ja schön und gut, dass gängige Frameworks, wie etwa das 960.gs, die Definition und Verwendung gridbasierter Layouts vereinfachen. Eine optische Prüfmöglichkeit, um auch an den Details arbeiten zu können, bringen diese Frameworks jedoch nicht mit. So muss man sich auf die eigenen Augen verlassen und natürlich auf die Codequalität des Gridsystemlieferanten. Wer seine Grids frei baut, also ohne Toolunterstützung, weiß womöglich noch...

Weiterlesen »

AJAX

HTML5 Server-Sent-Events: Per JavaScript auf Server-Requests reagieren

19. Februar 2013
von
HTML5 Server-Sent-Events: Per JavaScript auf Server-Requests reagieren

Mit dem XMLHttpRequest-Objekt ist es bereits möglich, mit dem Webserver zu kommunizieren, ohne dass das HTML-Dokument neu geladen werden muss. Das Server-Sent-Event, das mit HTML5 eingeführt wurde, erlaubt es, ohne Neuladen des Dokumentes auf Server-Requests zu reagieren. Auf diese Weise ist es beispielsweise sehr einfach möglich, einen Artikelbestand aktuell zu halten oder eine terminierte Ausgabe (mit Server- statt Clientzeit) ohne Neuladen zu realisieren. Server-Sent-Events:...

Weiterlesen »

CSS

HINT.css – Tooltipps ganz ohne JavaScript, nur mit reinem CSS3 und HTML5

7. Februar 2013
von
HINT.css – Tooltipps ganz ohne JavaScript, nur mit reinem CSS3 und HTML5

Tooltipps in HTML-Seiten entstehen grundsätzlich automatisch, sofern man seinen Elementen das Title-Attribut mitgibt. Das wird nicht nur zur Generierung von Tooltipps, sondern auch als Text für Lesesysteme und zu anderen Zwecken verwendet. Die Interpretation ist vom verwendeten Browser abhängig. Wer mehr Kontrolle möchte, setzt bereits seit Jahren auf Lösungen mit JavaScript. Kashagra Gour legt nun mit Hint.css eine Alternative vor, die komplett auf CSS...

Weiterlesen »

HTML

AI -> Canvas: HTML5 Canvas direkt aus Adobe Illustrator bestücken

22. Januar 2013
von
AI -> Canvas: HTML5 Canvas direkt aus Adobe Illustrator bestücken

Mike Swanson war über 11 Jahre bei Microsoft beschäftigt und hat dort neben vielen anderen Produkten ein Plugin für Adobe Illustrator erschaffen, das wie guter Wein ist. Je älter es wird, desto besser wird es. Vor knapp zwei Jahren, als Swanson die erste Version von AI -> Canvas noch für seinen damaligen Arbeitgeber veröffentlichte, war Canvas zwar schon ein Thema, aber wer nutzte das...

Weiterlesen »