Frontend Entwicklung

Dem ein oder anderen Fronten-Entwickler dürfte vanilla JS nicht unbekannt sein. In letzter Zeit sieht man im Netz viele Blogposts zu dieser Library und immer wieder taucht dabei die Schlagzeile "schneller als jQuery" auf. Doch was ist vanilla JS genau? Schaut man sich auf der Projekt Homepage http://vanilla-js.com einmal genau um stellt man schnell fest was vanilla JS genau ist. Es ist nämlich gar keine Library sondern…

Das jQuery-Plugin TouchSwipe stellt eine Vielzahl von Funktionen bereit um die gängigen Touch-Gesten wie zum Beispiel Swipen und Pinchen für Web- Seiten und Apps zu realisieren. Die Touch-Features Swipes in alle 4 Richtungen Pinches rein und raus Touch-Events für ein oder zwei Finger Zudem bietet…

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.…

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…

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…

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…

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…

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…

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…

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…