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.
