Facebook Login anbinden

Um seinen Besuchern, die Registrierung so einfach wie möglich zu machen greifen viele derzeit auf den Facebook Login zurück. Hier zeige ich euch wie es grundlegend funktioniert. Facebook Login Um den Login von Facebook zu benutzen braucht ihr zu aller erst einen Facebook Developer Account.…

weiterlesen

Javascript Fehler mit Analytics tracken

Trotz guter Tests kommt es immer wieder vor das ein Javascript beim Besucher nicht so ausgeführt wird wie erwartet. Das kann viele Ursachen haben wie z.B. nicht erwartete Eingaben des Users oder Browserplugins die bestimmte Aktionen blocken. Diese Fehler zu erkennen ist ohne Hilfsmittel unmöglich. Aus diesem Grund gibt es viele Error-Tracking Services für Javascript. Mit diesem Blogpost möchte ich kurz zeigen wie man Analytics von Google…

weiterlesen

Responsive Webdesign wird mit dem Siegeszug der Smartphones immer wichtiger. Im Zeitalter von HTML5 und CSS3 gewinnen Animationen mehr an Bedeutung. Heute will ich euch ein kleinen Vergleich zeigen, wie man mit jQuery, und mit reinem CSS für die Animationen, eine mobile Navigation erzeugt. HTML Grundgerüst Schauen wir uns zunächst das Grundgerüst unseres kleinen Beispieles an: <div…

weiterlesen

Statt JavaScript-Dateien direkt in die Seite einzubinden, ist es von Vorteil diese per Lazyload-Verfahren zu laden. Dadurch steht einen z. B. die Möglichkeit offen erst bei Bedarf das benötigte Script durch andere JavaScript-Befehle nach zu laden, wenn man dieses benötigt. Beispielweise kann man erst dann ein Lightbox Script laden lassen, wenn der User das erste mal auf ein Galerie-Bild klickt. Das initiale Datenvolumen einer Seite…

weiterlesen

HTML5 Geolocation API

Die Geolocation API ist ein sehr cooles Mittel um den aktuellen Standort des Users zu bestimmen. Im Optimalfall sogar auf einem Meter genau. Wie das funktioniert und was für Einschränkungen es es gibt erfahrt ihr hier. Was ist die Geolocation API? Die Geolocation API ist Teil der HTML5 Javascript Schnittstellen des Browser und gehört zu den offiziellen W3C-Spezifikationen. Daher ist der aktuelle…

weiterlesen

HTML5 Feature Detection

Immer mehr Webprojekte setzen immer mehr auf  html5 Features. Die Browser aus alten Zeiten haben aber von diesen Features keine Ahnung. Möchte man die Kompatibilität zu alten Browsern wahren ist es ratsam zu prüfen ob der Browser eine dieser neuen…

weiterlesen

Heute möchte ich euch eine Vorschau auf das "<dialog>" -Element von HTML5 geben. Bisher war es nicht möglich ohne Javascript Frameworks wie jQuery einfache Dialoge, außer die in die Jahre…

weiterlesen

Mit den Einheiten VW (Vertical Width) und VH (Vertical Height)  kann die Größe von HTML-Elementen relativ zur Größe des Browser- Viewports geändert werden (Mehr dazu in einen zukünfigen Blogpost). Leider ist auf dem Ipad die Implementierung dieses CSS3-Features verbuggt und somit werden die geänderten Viewport-Maße nicht neu gesetzt, wenn der User das Device dreht und somit den Modus von  z.B. Landscape zu Portrait ändert. Zum…

weiterlesen

Mit jquery.aim Userklicks voraussagen?

Kann man Mithilfe von jquery.aim wirklich die Userklicks voraussagen? Das erfahrt ihr in diesen Blog. Zugegeben wirklich voraussagen können wir die Userklicks nicht. Jquery.aim behilft sich aber mit einem einfachen Trick. Im Grunde probiert das Skript anhand der relativen Mausbewegung zu errechnen auf welche Schaltfläche ihr euch zubewegt.…

weiterlesen

Für Applikationen oder Websites ist es oft sinnvoll bei Bedarf einzelne Inhalte oder Seiten mit Ajax zu laden. Im besten Fall spiegelt sich die Veränderung in der URL wider und das Ergebnis ist somit verlink- und teilbar. Senna bringt dies und noch weiter Features mit sich. Senna einbinden und die Grundstruktur schaffen Um eine Single-Page-Website mit…

weiterlesen