Interaktiver HTML5 Spielplan mit Tippspiel für die WM 2014 in Brasilien

Auf Rasenball.com findet sich zurzeit ein interaktiver Spielplan für die kommende WM 2014 in Brasilien, der es sich zu Aufgabe gemacht hat, möglichst alle wichtigen Informationen praktisch zu visualisieren.

Die Startseite ziert eine kreisförmige Wählscheibe, die das Navigieren via Mannschaft, Spielort, Gruppe, Spieltag erlaubt.

WM_2014_interaktiver_Spielplan

Hat sich der Fußballfan für eine Auswahl entschieden dehnt sich der Kreis zu einem Stadion aus und zeigt weitere Infos zum gewählten Team, deren Spiele, Termine und Ergebnisse  an. 

WM_2014_Spielplan_Visualisierung

Rasenball, besser gesagt die Designfirma Mondula hat hier wirklich gute Arbeit geleistet und zeigt was mit HTML5 und CSS inzwischen alles möglich ist. Das Tippspiel lädt zusätzlich zum regelmäßigen Besuch der Seite ein.

Na da kann die Weltmeisterschaft ja kommen. 

Font Awesome 4.1.0 - Icon Sammlung mit Wordpress, Drupal, Reddit, Git und weiteren Logos

Das aktuelle Update 4.1 der freien Icon Sammlung Font Awesome steht ganz im Zeichen der Webtechnologien und Webseiten.  Die vorhandene Zusammenstellung wurde weiter vervollständigt und hat ganze 71 neue Icons erhalten.

Font_Awesome_Icons

 So sind nun Wordpress, Drupal, Joomla, openID oder Git Logos vorhanden, aber auch Seiten wie Google, Yahoo, Soundcloud oder Hacker News vertreten. 

rebellen-logo

Auf den ersten Blick erscheint das aktuelle Update ganz im Sinne der Technologiebranche, es sind aber auch Exoten wie das Star Wars Rebellen Logo oder das Recycle Zeichen dazugekommen. Viel Spaß mit nun insgesamt 439 freien Icons.

Font Awesome 4.1


Animiertes Sonnensystem in CSS

Zum Freitag ein kleines Kunstwerk in CSS.

Julian Garnier hat unser Sonnensystem komplett in CSS umgesetzt. Das System ist natürlich animiert und bietet die Möglichkeit zwischen einer 2D und 3D Ansicht zu wechseln.

Zusätzlich lässt sich unser Solarsystem nach Größe, Geschwindigkeit oder Entfernung anordnen. Informationen lassen sich zu jedem Planet einzeln anzeigen. Thats it

css-solarsystem

Betrachten lässt sich das harte Stück Arbeit auf CodePen. Der reine Code kann aber auch via GitHub ausgecheckt werden.

Wappalyzer - Herausfinden welche Software Online Shops oder Webseiten verwenden

Onlineshops und Webseiten sind quasi die Oberfläche des Internets. Wir können sie sehen, wissen aber oft nicht was dahinter steckt. Das sogenannte Backend bleibt den meisten Nutzern verborgen. Das gleiche gilt für andere Technologien, die zum Einsatz kommen, um den Webauftritt möglichst schick aussehen zu lassen oder das Nutzerverhalten zu analysieren.

Wappalyzer

Wer zum Beispiel wissen möchte auf welche Shopsoftware der eigene Händler oder gar die Konkurrenz setzt, der findet dies am einfachsten mit dem Wappalyzer heraus.

Die Software kann als Browser Plugin installiert werden und listet bei dem Besuch einer Webseite die eingesetzten Technologien, Softwarepakete oder Shopsysteme auf. Insgesamt werden über 300 verschiedene Pakete unterstützt.

Ich hatte dieses Addon zwar schon einmal anno 2010 hier gelistet, nach 4 Jahren kann ich aber wohl ohne schlechtes Gewissen noch einmal auf dieses praktische Tool hinweisen. Soll ja Leute geben die erst seit 2 Jahren hier mitlesen ;)

Das Tool ist übrigens OpenSource.

Download Wappalyzer Chrome

Download Wappalyzer Firefox

Alternativ gibt es auf der Webseite auch ein Bookmarklet, für IE Fans. 

Wenn ihr keine anonymen Statistiken über die gesichteten Technologien senden wollt, müsst ihr das explizit in den Einstellungen deaktivieren!