go seven !

go-seven.de in neuem Design

Wie ihr sicher bemerkt habt, hat sich das Design von go-seven.de verändert.:

go-seven-de-vergleich-alt-neu

Doch nicht nur das Design hat sich gewandelt sondern auch der Code. So wurde jener durch das Update auf HTML5 geupdated. Dies verbessert die Kompatibilität und sorgt für erweiterte Möglichkeiten beim einbinden von Multimediainhalten.

Wie gefällt euch das neue Layout? gibt es Verbesserungs- / Änderungswünsche?

Dropbox HTML5 Feature: Up- / Download per Drag&Drop

Neues aus dem Hause Dropbox. Der Anbieter eines kostenlosen Cloud-Dienstes ist nun einen Schritt gegangen, der eigentlich seit der Einführung von HTML5 überfällig war. Man kann rein über den Browser per Drag&Drop (also „rüberschieben“ von Dateien ins Browserfenster)  Dateien hoch und runterladen – ohne den Umweg über ein Dateiauswahlfenster oder einen Flash-Uploader. Das ist Web 2.0 .

Mit persönlich ist das besonders sympatisch, da ich oft in der Schule schnell mal Dateien hochladen muss – per Browser. Das geht jetzt einfacher.

PT

HTML5 Video HowTo

Wenn man Videos in eine Website einbinden will, so stößt man schnell an eine Grenze des machbaren. Youtube-Video mit fertigen Code einbinden – schön und gut. Aber was, wenn man mehr will. Oder auf Flash auf seiner Seite verzichten will? Dann lohnt sich oft der Griff zu HTML5 – der aktuellen HTML (HyperTextMarkupLanguage habe ich vor Jahren mal im Infounterricht gelernt…) Spezifikation. Damit kann man nähmlich mit ein paar einfach HTML Parametern einen leichten und gut aussehenden Player bauen.

Als erstes ein kleines Demo-Projekt:

<video width=“740″ height=“416″ controls=“controls“ poster=“http://peach.blender.org/wp-content/uploads/bird1.jpg“>

<source src=“/wp-content/uploads/2011/12/big_buck_bunny_480p_surround-fix_VP8.webm“ type=“video/webm“>

</video>

Bei wem das jetzt etwas ruckelt, der schaut sich am besten die unscalierte Variante an: [HIER]


Hier die Erklärung der Parameter:

  • <video>

  • <source>

[via]

PT