Posts Tagged ‘ html5 ’

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

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 »

jQuery

HTML5: Schicke Tooltipps mit Tooltipster für jQuery

17. Januar 2013
von
HTML5: Schicke Tooltipps mit Tooltipster für jQuery

Tooltipps sind eine feine Sache. Schließlich ermöglichen sie es, kurze Infos platzsparend genau dort unterzubringen, wo sie wichtig sind. Tooltipster stellt ein jQuery-Plugin zur Verfügung, mit dem sich schnell und einfach sehr ansprechende und individuelle Tooltipps realisieren lassen. Diese sind zudem HTML5-konform und ausschließlich per CSS gestaltet, was eine Anpassung des Aussehens einfach macht. Tooltipster Tooltipps über TITLE-Attribut auszeichnen Tooltipster besteht aus zwei Dateien, einer...

Weiterlesen »

CSS

Centurion – Neues HTML5/CSS3-Framework für Rapid Responsive Prototyping

7. Januar 2013
von
Centurion – Neues HTML5/CSS3-Framework für Rapid Responsive Prototyping

Und schon wieder ist ein neues HTML5/CSS3-Framework für die beschleunigte Web-Entwicklung erschienen. Wer soll da noch den Überblick behalten? Centurion wirkt auf den ersten Blick wie eine Mischung aus Twitters Bootstrap und dem 960.gs. Entwickler Justin Hough will Centurion mehr als Boilerplate zur schnellen Theme-Entwicklung verstanden wissen. In der Tat ist es für ein ausgewachsenes Framework im Vergleich zu anderen Vertretern zur Zeit noch...

Weiterlesen »

Mobiles Web

Herr der (drei) Ringe: Ringmark testet Mobilbrowser auf HTML5-Tauglichkeit

5. Januar 2013
von
Herr der (drei) Ringe: Ringmark testet Mobilbrowser auf HTML5-Tauglichkeit

Mit HTML5, CSS3 und neuen JavaScript-Methoden lassen sich aufwändige und umfangreiche mobile Webapps realisieren, die nativen Apps für Smartphones und Tablets beinahe in nichts nachstehen. Doch ist Ihr Mobilgerät beziehungsweise dessen Browser gewappnet für zeitgemäße HTML5-Apps? Der Benchmark-Dienst Ringmark findet es heraus. Ringmark ist eine webbasierte Test-Suite, die für Mobilgeräte optimiert ist, aber natürlich auch auf anderen Geräten funktioniert. In drei Durchgängen, den sogenannten Ringen,...

Weiterlesen »

Templates

33 schicke kostenlose Webseiten-Vorlagen auf der Basis von HTML5/CSS3

12. Dezember 2012
von
33 schicke kostenlose Webseiten-Vorlagen auf der Basis von HTML5/CSS3

Webseiten-Vorlagen sind gern gesehene Startpunkte für eigene Designbemühungen. Das gilt im Grunde immer, aber ganz besonders, wenn man entweder einen Kunden zufrieden stellen will, der einen Igel in der Tasche hat oder man sich ohne tiefere Kenntnisse selbst an das Design seiner eigenen Website machen will. Auch die Söhne vom Maier aus der Buchhaltung, die bald Abi machen, aber ganz viel Ahnung vom Webdesign...

Weiterlesen »