soulstyled.de » Web

Das bringt uns HTML5

Michl — Mon, 15 Mar 2010 22:42:21 +0000

Eines der am heftigsten diskutierten Themen in der Blogosphäre der letzten Monate war der neue Standard HTML5. Doch während sich viele noch darüber streiten, ob HTML5 denn Flash nun ablösen wird oder nicht, ist eines längst klar: HTML5 wird kommen, ob wir es nun gut finden oder nicht. Schon längst können die gängigen Browser viele der neuen Features nutzen und auch der vermutlich noch 2010 kommende IE 9 soll laut Microsoft endlich den kompletten Standard unterstützen. Zeit also, einmal aufzuzeigen, was uns HTML5 denn bringen wird.

Canvas
Ursprünglich von Apple fürs Dashboard entwickelt, wurde das neue canvas-Element. Vor allem Entwickler erwarten sich eine Menge von dieser Technik. Prinzipiell ist es mit Canvas möglich, Grafiken und einfache Animationen direkt und ohne Seitenreload in einer HTML-Page dynamisch zu rendern. Der eigentlich Anwendungscode wird in anderen Sprachen wie JavaScript beschrieben, die Einbindung erfolg allerdings via HTML. Genau genommen vertieft das Canvas-Element die Verbindung von HTML und JS. Was sich jetzt sehr theoretisch anhört, kann sehr schnell viel Spaß machen, etwa mit dieser Mal-Anwendung. Wie einfach so etwas zu programmieren ist, zeigt das damit verbundene Tutorial.

Medieneinbindung
Sehr interessant unter HTML5 wird die Einbindung von Medien sein, speziell Video und Audio. Künftig lassen sich Videos komplett ohne Flash einbinden und in einem Player abspielen. Natürlich ist Flash weit verbreitet, aber es handelt sich noch immer um ein Plugin eines einzelnen Konzerns. Durch Videonutzung über einen allgemein gültigen Standard können sich vor allem Entwickler von der Zwangsehe mit Adobe lösen. Für den User tritt diese Entwicklung eher etwas in den Hintergrund. Zwar wird man für YouTube & Co kein Plugin mehr installieren müssen und auch die Performance sollte etwas besser sein, unterm Strich werden die Videos aber gleich aussehen. Wer YouTube ohne Flash nutzen möchte, kommt über folgenden Link zur HTML5 Beta: http://www.youtube.com/html5.

Seitenstruktur
Eine oft vergessene Neuerung betrifft direkt die Seitenstruktur einer HTML Seite. Mit HTML5 werden Objekte wie header, article, nav oder footer eingeführt. Anstatt nun für jeden dieser Bereiche eine eigene DIV erzeugen zu müssen, kann man diese Bereiche auch direkt im CSS ansprechen und formatieren. Im Endeffekt dürften Layouts damit Codeseitig klarer und eindeutiger strukturiert sein, der größte Vorteil liegt aber im SEO-Bereich. Die Crawler erkennen nun leichter, ob es sich um Inhalt handelt und wie wichtig dieser ist. Inhalt innerhalb der article-Tags wird anders behandelt als Inhalte in der Sidebar, welche über das neue aside-Objekt ausgezeichnet wird.

Fazit – Der König ist tot, es lebe der König
Um es abschließend noch ein mal klar zu stellen: Flash und HTML5 werden definitiv nebeneinander weiterexistieren. Beide Technologien haben Einsatzgebiete, die die jeweilig andere nicht bieten kann. Außerdem bleibt die Entwicklung von Flash nicht stehen, die nächste große Version mit der Creative Suite 5 wird für diesen Herbst erwartet. Ich bin mir allerdings sicher, dass gerade im Videobereich HTML5 die Flashcontainer-Technologie relativ schnell ablösen wird. Die Performance ist besser oder gleichwertig, der Aufwand für Entwickler aber deutlich geringer. In allen anderen Bereichen wird sowohl Flash als auch HTML5 mit Canvas seine Nischen finden. Dem Nutzer kanns eigentlich egal sein, viel ändern wird sich für ihn nicht.

Lesenswert

Tooltime! Nützliche Onlinehelferlein

Michl — Wed, 17 Feb 2010 12:42:58 +0000

Unsere Software und Tools haben sich in den letzten beiden Jahren massiv verändert. Durch immer bessere und dank UMTS inzwischen auch ständig verfügbare Internetverbindungen machen Anwendungen im Browser endlich Spaß und Sinn. Kombiniert mit der Tatsache, dass man diese Tools von prinzipiell jedem ans Netz angeschlossenen Rechner nutzen kann, gibt es inzwischen einige Angebote, die ich täglich für meine Arbeit verwende.

Dropbox ist unter den hier vorgestellten Anwendungen mein absoluter Favorit und definitv nicht mehr wegzudenken. Wer sich bei dropbox.com online registriert bekommt vom Start weg 2GB Speicher, für zahlende Kunden lässt sich das auf bis zu 100GB erweitern. Nach Installation des kleinen Dropbox-Clients synchronisiert Dropbox alle Inhalte eines bei der Installation festgelegten Ordners mit dem Onlinespeicher. Daraus ergeben sich drei wesentliche Vorteile:

Man hat seine Daten auch bei Rechnercrash automatisch gesichert. Dropbox legt zudem 60 Tage kostenfreies Backup aller Daten (auch gelöschte Versionen) an.
Man kann seine Daten jederzeit via Webaccess nutzen, von jedem PC und sogar auf dem iPhone.
Installiert man den Dropbox Client auf einem weiteren Rechner, synchronisieren sich die Daten automatisch, man hat auf jedem Rechner den gleichen, aktuellen Datenstand.

Ich verwende Dropbox für alle meine Projektdaten. HTML und CSS kann ich so zum Beispiel sehr einfach und schnell auf meinem zweiten Windows-Rechner im IE testen und den obligatorischen USB-Stick verwende ich ebenfalls kaum noch.

Das Tool mite ist das bisher eleganteste und in Sachen User-Experience beste Zeiterfassungstool, das ich je getestet habe. Nach der ersten Registrierung auf mite.yo.lk kann man zunächst 30 Tage lang kostenlos testen, danach werden pro Monat pro Nutzer 5 € fällig.
Vom Ablauf her lässt sich mite schnell und logisch verwenden. Man legt zuerst einen Kunden an, dann ein Projekt, das man einem Kunden zuweist. Zudem kann man einzelne Leistungen und unterschiedliche Stundensätze für jede Leistung anlegen. Um eine Arbeitszeit zu erfassen kann man den entsprechenden Wert entweder manuell eingeben, oder aber eine Stoppuhr mitlaufen lassen.

Grandios an mite sind die ausführlichen Statistiken. So kann ich mit wenigen Klicks feststellen, wie viel meiner Arbeitszeit wirklich abrechenbar ist, um wie viel ich bei manchen Projekten das Budget überzogen habe oder mit welcher Art an Arbeit ich meine meiste Zeit verbringe. Zudem lässt sich jede Statistik auch per Excel-Export oder gesondertem Webzugang dem Kunden oder Kollegen zeigen. Im ein oder anderen Fall sehr sinnvoll, um dem Zahler zu demonstrieren, wohin sein Geld fließt.

Dank der inzwischen weit verbreiteten CSS3 Unterstützung lassen sich Fonts auch vermehrt im Web nutzen. Größtes Problem an der Sache: Man braucht für den IE die Fontfiles als .eot Dateiformat. Während die meisten Fontconverter entweder teuer oder Windows-Software sind, erledigt der onlinefontconverter.com nahezu alle Konvertierungen schnell und problemlos. Obwohl es theoretisch von jedem Format in jedes Zielformat funktioniert, gibt es im Netz einige Berichte von Fonts, bei denen die Umwandlung nicht fehlerfrei funktioniert hat. Mit persönlich ist solch ein Fall allerdings noch nicht aufgefallen. Natürlich gibt es auch beim Font-Einsatz bestimmte Copyright-Einschränkungen zu beachten, diese solltest du also in jedem Fall vorher klären.

Habt ihr weitere empfehlenswerte Online-Tools mit denen ihr arbeitet?

Website Relaunch soulstyled.de

Michl — Sat, 09 Jan 2010 10:18:16 +0000

Es ist vollbracht – alles ist neu! Seit 2004 ist unter soulstyled.de meine persönliche Website erreichbar und genau wie im echten Leben hat sich meine Website analog dazu entwickelt. Seit 2007 mit dem Start meines FSJ und meinem Auszug in die große weite Welt schreibe ich hier über mein Leben und meine Arbeit. Nun kommt der nächste große Schnitt, denn abgesehen vom neuen Design ändert sich vor allem die Ausrichtung meiner Website.

Privat ist privat
War Webdesign früher vor allem ein Hobby, so verdiene ich inzwischen meinen Lebensunterhalt damit. Um dieser Entwicklung gerecht zu werden, habe ich mich dazu entschieden, private und persönliche Themen nur noch sehr reduziert auf dieser Website zu kommunizieren. Es wird in Zukunft viel mehr um fachliche Themen gehen, wohlwissend, dass als Webdesigner Selbstvermarktung die wohl wichtigste Schnittstellenkompetenz ist. Trotzdem: privates bleibt privat.
Natürlich weiß ich, dass sehr viele Freunde und Familienangehörige meinen Blog regelmäßig gelesen haben. Euch muss ich leider etwas enttäuschen: meine Website wird für euch in Zukunft etwas weniger spannend sein. Ich habe allerdings vor, in Zukunft verstärkt Freundes-Newsletter zu schreiben, wenn ihr einen haben wollt, schreibt mir.

Technisches
Im Hintergrund dieser Website läuft noch immer eine WordPress Installation, allerdings wurde das Template von Grund auf neu entwickelt. Ich habe dabei wieder gemerkt, wie wichtig eigene Projekte sind, fast 50 Arbeitsstunden habe ich in diese Seite investiert und nicht wenige Sackgassen dabei beschritten. Aber learning by doing erzielt bei mir nach wie vor den größten Effekt und so habe ich gerade über WordPress und Custom Fields im Speziellen wieder eine Menge gelernt. Praxiserfahrung, die ich sicher bald auch für Kunden einsetzen kann.

Corporate Identity
Wer im letzten Jahr eine Rechnung von mir bekommen hat, wird schon bemerkt haben, dass ich meine CI aufgefrischt habe. Aus dem alten, beliebigen Rot ist inzwischen ein sattes Grün mit Verlauf geworden. Größte Neuerung ist aber die neue Hausschrift Fontin. Es war Liebe auf den ersten Blick, ich bin einfach begeistert von dieser frei verfügbaren Schrift. Hinzu kommt, dass sie sehr gründlich und sorgsam ausgearbeitet ist, für meinen neuen Schriftzug musste ich kaum Dinge ausgleichen.

Zukunft
Für die nahe Zukunft habe ich vor allem vor, meine Portfolioseite mit Inhalt zu füllen. Ferner habe ich aber noch folgende Features auf meiner To Do List:

Ein schönerer, besserer Footer
Post-Archiv und Suche in der Sidebar
Sortierfunktion für das Portfolio
Erfolgreiches bestehen der W3C Checks

Welches Feature fehlt eurer Meinung nach? Ich freu mich auf Kommentare!

Brightling mit neuer Website

Michl — Tue, 05 Jan 2010 20:07:19 +0000

Brightling Network hat seit heute eine komplett überarbeitete Website. Bisher fand man nur die nötigsten Infos, das hat sich nun geändert. Das schon bestehende Design wurde aufgegriffen und Konsequent mit Inhalt rund um Leistungen, Referenzen und Produkte gefüllt. Mit Johannes Hamecher, dem Inhaber von Brightling Network arbeite ich seit Anfang 2009 intensiv zusammen und den Großteil meiner Referenzen außerhalb von wunderman habe ich dieser Zusammenarbeit zu verdanken.

Über Brightling Network
Brightling Network wurde 1999 als Inhaber geführtes Einzelunternehmen gegründet und im Juni 2009 in die Brightling Network – Hamecher & Hamecher GbR umgewandelt.
Seit nun mehr 10 Jahren betreut Brightling Network Kunden in Deutschland, Spanien, der Schweiz, den USA und Sambia mit Internet-Service-Leistungen. Dabei werden über 250 Domains auf verschiedenen Internetservern betreut und verwaltet.

Das internationale Team besteht aus Programmierern, Grafikern sowie Mitarbeitern in den Bereichen Technologie Management und Pflege von Internetseiten. Seit 6 Jahren wird bei vielen Kunden das Content Management System TYPO3 eingesetzt, was auch auf die individuellen Kundenwünsche angepasst wird. Weiter bietet Brightling Network ein breites Spektrum an Web 2.0 Lösungen wie Foren, Wikis, Shops, Communities … etc. an.
Im Jahr 2008 wurde ein eigenes Produkt, das “Community Template”, entwickelt, mit dem es möglich ist Community Lösungen der verschiedensten Art für Kunden zu erstellen.

Neben Internet-Service-Leistungen bietet Brightling Network auch Lösungen in den Bereichen Kommunikation und Mobile-Software (PDA, Handy), Computerspiele und Virtual- und Augmented-Reality an.