t3n News Entwicklung

Breaking Bad: Serien-Intro in HTML5 nachgebaut

Breaking Bad: Serien-Intro in HTML5 nachgebaut

Tim Pietrusky ist Programmierer und Fan der US-Fernsehserie Breaking Bad. Was liegt also näher als diese beiden Hobbys zu verbinden? Passend zum Start der finalen Staffel in den USA rekonstruierte der Deutsche nun das markante Logo der Serie vollständig mithilfe von , CSS und JavaScript, inklusive Animation.

Breaking Bad: Serien-Intro in HTML5 nachgebaut

Letzte Staffel startete diese Woche in den USA

Diese Woche startete die fünfte und letzte Staffel der erfolgreichen Fernsehserie Breaking Bad in den USA. Das TV-Drama begleitet den Familienvater Walter White, wie er sich vom braven Grundschullehrer zum kriminellen Drogenkoch mausert. Die neue Staffel wird übrigens auch in Deutschland spielen, genauer gesagt in Hamburg.

HTML5, CSS5 und JavaScript

Als treuer Fan und Web-Entwickler wagte der 27-jährige Tim Pietrusky ein Experiment. Kurzerhand rekonstruierte er das Logo der Serie komplett in HTML5. Zum Einsatz kamen dabei nur HTML, Vektorgrafiken, CSS und Javascript. Das Ergebnis ist lediglich wenige Kilobyte groß und sieht dem Original doch verblüffend ähnlich. Sogar den Rauch im Hintergrund animierte Pietrusky mühevoll. Bei Codepen kann jeder das Ergebnis bewundern, natürlich inklusive Original-Musik und Quellcode. Wer das Original nicht kennt, der kann bei YouTube vergleichen. Auf seiner privaten Webseite beschreibt Pietrusky außerdem seine Vorgehensweise.

Weiterführende Links:

Newsletter Newsletter

Abonniere unseren Newsletter und erhalte einen exklusiven Artikel aus dem aktuellen t3n Magazin.

Jetzt lesen: t3n Newsletter Nr. 571

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
4 Antworten
  1. von Alex am 21.07.2012 (12:08 Uhr)

    Es stimmt wohl, die letzte Staffel! Es ist die beste Serie überhaupt und reicht an keine weitere. Ich bin gespannt wie wohl das Ende sein wird, die erste Folge war schon der Hammer! Was den Code betrifft, einfach heftig. Wenn ich daran denke was früher und heute alles möglich ist. Ich war fasziniert vom Ergebnis. Danke!

    Grüße,
    Alex

    Antworten Teilen
  2. von Ley am 23.07.2012 (09:57 Uhr)

    Eine der besten Serien überhaupt!

    Das mit dem Code ist echt heftig. Was mit HTML5 alles möglich ist.... coooole Sache

    Antworten Teilen
  3. von Tim Pietrusky am 23.07.2012 (13:39 Uhr)

    Vielen Dank das ihr meiner kleinen Spielerei so viel Aufmerksamkeit widmet :D

    Aber ich liebe Breaking Bad! So what? :D

    Antworten Teilen
  4. von bodybuilder am 09.08.2012 (20:19 Uhr)

    die Serie ist ja wohl cultig. Schade, dass es die letzte Staffel sein soll.
    Zum Thema: Soetwas hab ich vorher noch nie gesehen, einfach faszinierend.
    Wie lange dauerte das, bis das Ergebnis so aussah ?

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema HTML5
Jetzt „Apps mit HTML5, CSS3 und JavaScript“ von Rheinwerk gratis sichern! [t3n-Aktion]
Jetzt „Apps mit HTML5, CSS3 und JavaScript“ von Rheinwerk gratis sichern! [t3n-Aktion]

Wer mobile Anwendungen entwickeln möchte, findet in „Apps mit HTML5, CSS3 und JavaScript“ von Rheinwerk eine hilfreiche Lektüre für den Start. Als Neuabonnent kannst du dich über eines der … » weiterlesen

Abo-Bundle für Entwickler: „HTML5, JavaScript und jQuery“ von dpunkt gratis sichern [t3n-Aktion]
Abo-Bundle für Entwickler: „HTML5, JavaScript und jQuery“ von dpunkt gratis sichern [t3n-Aktion]

Du hast Grundkenntnisse in HTML5, JavaScript und jQuery und möchtest einen Quereinstieg wagen? Dann ist unsere Aktion genau das richtige für dich, denn als einer der schnellsten 30 Neuabonnenten … » weiterlesen

Cheat-Sheet für HTML5-Entwickler: Von wichtigen Tags bis zur Browser-Unterstützung
Cheat-Sheet für HTML5-Entwickler: Von wichtigen Tags bis zur Browser-Unterstützung

Cheat-Sheet für HTML5-Entwickler? Haben wir natürlich für euch! Der kleine Spickzettel liefert Infos zu wichtigen Tags, Canvas, Event-Attributen und Browser-Unterstützungen. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?