Swipe JS ist ein leichtgewichtiges Slider-Skript, das den aus nativen Apps gewohnten Slide-Effekt beim „Swipen” nachahmt. Per Wische-Geste kann man so z.B. zwischen mehreren Bildern navigieren, wobei das Bild quasi am Finger „klebt”. Das Skript hat keine Abhängigkeiten zu anderen JavaScript-Bibliotheken. Swipe is a lightweight mobile slider with 1:1 touch movement. 1:1 touch movement is […]
» Swipe JS: Leichtgewichter Slider für Touch-Devices17 Dez 2011
Ein neues Feature von HTML5 sind frei wählbare data-Attribute für HTML-Elemente, die sogenannten „Custom Data Attributes”. Die Idee ist dahinter ganz einfach: Man möchte eigene Daten an einem HTML-Element abspeichern, für die es kein vorgefertigtes Attribut gibt und die auch nicht direkt im Frontend zu sehen sein sollen. Insgesamt ein sehr nützliches Features, das im […]
» HTML5: Eigene data-Attribute verwenden (data-*)In mobilen Websites oder Web-Apps kann es vorkommen, dass man gerne auf native Apps verlinken möchte. Ob Telefonnummer wählen, SMS schicken oder Facebook-App öffnen: Dies alles funktioniert üblicherweise über spezielle URLs, bei denen das http durch ein anderes Kürzel ersetzt wird (sogenannte URL-Schemes). Hier einige Aktionen, die man per Link aus dem mobilen Safari-Browser (iPhone […]
» iOS: Links zu nativen Apps aus dem Browser heraus4 Dez 2011
Im Zuge der Erstellung einer mobilen Website stößt man früher oder später an den Punkt, an dem man Nutzer mit mobilen Devices erkennen möchte. Ein Anwendungsfall kann z.B. sein, dass man Nutzer mit Smartphones (iPhone, Android-Phones, etc.) auf eine gesonderte mobile Site weiterleiten möchte. Oder man will zwischen verschiedenen Devices unterscheiden, um Seiteninhalte oder gar […]
» Mobile Device DetectionVor Kurzem hatte ich bereits geschrieben, wie man die +1 Schaltfläche von Google einbinden kann. Wie zu erwarten wurde der Button weiter ausgebaut: Er bekommt eine Teilen-Funktionalität (Share). Außerdem kann man im Zug dieses Updates nun im eigenen HTML-Code festlegen, wie das Vorschaubild, Titel und der Vorschautext beim Teilen aussehen soll.
» +1-Button: Bild und Text für neue Share-Funktion definieren22 Aug 2011
Mit dem Flash Player 11 und Adobe AIR 3.0 wird endlich das Datenaustauschformat JSON nativ in ActionScript unterstützt. Nativ bedeutet, dass man keine weitere Bibliothek zum Parsen benötigt und direkt mit einer einfachen Syntax auf die Inhalte zugreifen kann (vergleichbar der nativen XML-Unterstützung).
» Tutorial: JSON in ActionScript12 Aug 2011
Schema.org ist eine gemeinsame Initiative der Suchmaschinenbetreiber Microsoft, Yahoo und Google. Dahinter verbirgt sich die einheitliches Markup-Schema, mit der HTML-Elemente mit einer semantischen Bedeutung versehen werden können. Dadurch präsentiert man den Suchmaschinen strukturierte Daten, so dass diese die Originalinformationen nicht mühsam aus dem HTML-Code rekonstruieren müssen. Many sites are generated from structured data, which is […]
» SEO: Semantische Auszeichnungen mit Schema.orgViele haben sicher schon bemerkt, dass sich das Aussehen des YouTube-Players auf youtube.com grundlegend geändert hat. Meines Erachtens war dies schon lange überfällig, da man sich aufgrund der hohen Verbreitung schon lange an der bestehenden Version „satt gesehen” hat, obwohl diese immer wieder überarbeitet wurde.
» YouTube-Video einbinden: Neues Dark-Theme und Player ohne Logo