Mit webflow steht zurzeit eine Plattform in den Startlöchern, die Webdesign für verschiedene Plattformen deutlich vereinfachen soll. Der CSS3 Playground von Vlad und Sergie Magdalin zeigt bereits erste Eindrücke, wie so etwas in Zukunft aussehen könnte.
Interessanterweise lassen sich mit dem Webeditor CSS3 oder HTML Elemente direkt im Browser bearbeiten, so gleicht das Browserfenster einer Art Photoshop mit WYSIWYG Editor. Beinhaltet aber auch weitere Werkzeuge, um schnell und einfach zum gewünschten responsive Design zu gelangen. Auf der linken Seite lässt sich zwischen den verschiedenen Formaten hin und her schalten.
Welche Features sich bereits direkt über den Browser bearbeiten lassen (am besten über Chrome) haben die Jungs auf einer extra Seite ausführlich aufgelistet. Das Projekt ist noch nicht offiziell gelauncht, es bleibt also abzuwarten, ob der Browser-Editor auch in der finalen Version umsonst bleibt.
Piwik wurde in einer neuen Version 1.11 veröffentlicht. Nachdem in der letzten Version mit dem Page Overlay Feature bereits eine praktische Funktion integriert wurde, sind in v.1.11 wieder interessante Features an Bord.
Besucherkarte nach Stadt, Land, Region und Echtzeit-Besucherkarte
Die neue, per Crowdfunding finanzierte, Besucher-Weltkarte, ist von Flash befreit und erlaubt es weltweit die Herkunft der Seitenbesucher anzuzeigen. Wobei in Länder, Regionen und Städte unterteilt werden kann. Neben der örtlichen Auswahl lassen sich auch verschiedene Kriterien wie Besuche, eindeutige Besucher, Aktionen, Aktionen pro Besuch, Durchschnittszeit auf der Webseite und Absprungrate anzeigen.
Für längere Statistiken ungeeignet, aber visuell sehr wertvoll ist die neue Live-Besucherkarte. Sie zeigt weltweit die aktuellen Seitenbesucher an. Wobei die "gelben Blasen" alle 10 Sekunden aktualisiert werden. Je größer sie sind desto aktueller ist der Besuch, danach werden sie nach und nach kleiner und transparenter, bis der Besucher von der Karte wieder verschwindet. Per Mouseover lassen sich weitere Werte wie Land, Ort, aufgerufene Webseite, Herkunft und Besuchszeit einblenden.
Neues Administrator-Menü
Die Navigation der Einstellungen ist auf die linke Seite gewandert und erscheint in einem neuem Design. Auch hier wird sich das "Adim-Auge" freuen.
Tracking Code Generator
Im neuen Menü befindet sich unter "Tracking Code" ein neuer Code Generator, dieser erlaubt es diverse Einstellungen am Code automatisch zu erstellen. So kann festgelegt werden, ob eine Bild oder JavaScript benutzt werden soll. Trifft letzteres zu, lassen sich verschiedene Werte festlegen:
Benutzer über alle Subdomains tracken
Domain der Seite beim Tracken dem Seitentitel voranstellen
Klicks auf Alias-URLs verstecken
Benutzerdefinierte Variable für diesen Besucher aufzeichnen
Eine benutzerdefinierte Variable für jeden Seitenaufruf aufzeichnen
Clientseitige DoNotTrack Erkennung aktivieren
Neue Reports, verbesserte SMS-Benachrichtigungen und Berichte
Die einzelnen Reports wurden weiter verfeinert, so kann nun beispielsweise die Browsersprache angezeigt werden. Bei den Berichten lässt sich nun die genau Stunde des Versands definieren. Die SMS Benachrichtigung soll noch einmal komplett überarbeitet werden, hierzu gibt es ein Crowdfunding Projekt.
An Advanced Guide to HTML
&
CSS ist ein Onlineserie für diejenigen, die ihre HTML & CSS Kenntnisse optimieren und verfeinern möchten. Auf 10 Kapiteln wird dem interessierten Programmierer ein tieferer Einblick in die Entwicklung von optimalem Code gegeben. Neben Performance und Positionierung werden Selektoren, Preprozessoren, Transformationen und Animationen behandelt. JQuery darf natürlich auch nicht fehlen, genauso wenig wie Polyfills. Jeder Abschnitt gibt mit Erklärungen und Beispielen das neue Wissen optimal wieder. Die Webseite ist zwar in Englisch gehalten, sollte aber keinen abschrecken, denn es ist wirklich selbsterklärend.
Lesson 1 Performance & Organization
Lesson 2 Detailed Positioning
Lesson 3 Complex Selectors
Lesson 4 Responsive Web Design
Lesson 5 Preprocessors
Lesson 6 jQuery
Lesson 7 Transforms
Lesson 8 Transitions & Animations
Lesson 9 Feature Support & Polyfills
Lesson 10 Extending Semantics & Accessibility
HTML & CSS für Anfänger
Manch einem mag dieser Einstieg ins Webdesign zu schnell gehen oder es wird ein einfaches Nachschlagewerk benötigt. Auch dafür hat Shay Howe, der Entwickler des HTML und CSS Leitfadens, die richtige Lösung. Wie könnte es anders sein gibt es auch einen Leitfaden für Anfaänger, den "Beginner’s Guide to HTML
&CSS". Dieser führt in der selben übersichtlichen Art, wie das Handbuch für Fortgeschrittene, an die Websprache heran. Behandelt werden ebenfalls 10 Kapitel wie:
Lesson 1 Terminology, Syntax, & Introduction
Lesson 2 Elements & Semantics
Lesson 3 Box Model & Positioning
Lesson 4 Typography
Lesson 5 Backgrounds & Gradients
Lesson 6 Unordered, Ordered, & Definition Lists
Lesson 7 Images, Audio, & Video
Lesson 8 Building Forms
Lesson 9 Organizing Data with Tables
Lesson 10 Coding Practices & Additional Resources
Beide Anleitung sind eine Empfehlung wert, sollte Interesse an HTML und CSS bestehen.
Es soll ja Leute geben, die heute Abend kein Fußball schauen. Für diejenigen ist Bombermine, eine Bomberman Adaption, eventuell genau die richtige Alternative. Dank JavaScript und HTML5 kann der Spieleklassiker umsonst im Browser gespielt werden (Chrome hatte im Test Ladeprobleme, Firefox funktionierte ohne Probleme). Das mach auch richtig Spaß, denn es handelt sich um eine Multiplayer Version, das heißt ihr gegen den Rest der Welt.
Sollte der Spaßfaktor nachlassen, kann ebenfalls auf die guten alten Lemminge zurückgegriffen werden, leider nicht als Multiplayer, dafür aber im Browser.
Bereits in der letzten Woche ist das jQuery Learning Center im Zuge des jQuery Webseitenrelaunches an den Start gegangen. Die neue Plattform ist von jQuery Fans für angehende jQuery Nutzer, d.h. die Community entwirft verschiedene Kapitel, um euch jQuery Schritt für Schritt näher zu bringen. Anders als zum Beispiel Codecademy werden keine Aufgaben gestellt, sondern lediglich Beispiele zu Bereichen wie Events, Plugins oder Performance genannt. Zurzeit werden folgende Kapitel gelistet:
Für den Anfang bzw. einen Einstieg in jQuery ist das schon ein reichliches Angebot. Da der gesamte Inhalt Open Source ist, ist Kritik sowieso nicht wirklich angebracht. Die neue Oberfläche ist zwar noch im Betastadium, bietet für den Anfänger bzw. Einsteiger jedoch genau die richtigen Schritte für einen leichten Einstieg in die Materie.
Wem der Umfang noch nicht ausreicht oder die Beispiele nicht genügen, dem sei "jQuery Fundamentals", ein umfassendes Online-Handbuch von Rebecca Murphy, ans Herz gelegt. Das E-book steht unter Creative Commons und kann somit ebenfalls frei genutzt werden.
