Nichts ersetzt das Testen mit echten Devices, jedoch sind Simulationen verschiedener Auflösungen beim Nachoptimieren oder Entwerfen und Coden einer responsiven Webseite zunächst sehr hilfreich. Neben dem Testen verschiedener Auflösungen im Browser, hat die Verwendung der folgenden Web-Tools…

weiterlesen

Jetstrap - Bootstrap per Drag&Drop

heute stelle ich euch ein nützliches Tool für Frontendler, die mit Bootstrap arbeiten, vor. Es  hat zwar noch ein paar Kinderkrankheiten aber es ist jetzt schon sehr effektiv. Jetstrap ist ein mächtiges Entwicklertool für das…

weiterlesen

iScroll - iOS like rubber band effect

Mit dem heutigen Beitrag möchte ich das Beispiel einer mobilen Navigation abschließen. Nachdem ich letztes mal über die geniale JavaScript-Bibliothek Velocity.js berichtet habe, stelle ich euch heute eine kleine Bibliothek vor, welche beim Scrollen einer Webseite den iPhone typischen "rubber band"-Effekt…

weiterlesen

In meinen letzen Beitrag zu Browsertest habe ich bereits von Browserstack berichtet und welche Vorzüge die Seite bietet. Heute Möchte ich ein anders Problem ansprechen. Der geneigte Webentwickler verwendet gerne und oft die ein oder andere Konsolen-Ausgabe z.B. via "console.log()". Nun kommt es aber  in allen Internet Explorer Version bis inklusive…

weiterlesen

CSS Blend Modes

Screendesigner kennen die Ebenen-Modi von Photoshop nur all zu gut. Frontend-Entwickler kommen nun auch in den Genuss, zumindest Hintergründe, miteinander zu überblenden. Ich zeige euch was möglich…

weiterlesen

So funktioniert der Sticky Footer

So gut wie jeder Web-Entwickler stand schon vor dem Problem, dass der Inhalt nicht die komplette Seite ausfüllt und somit der Footer nicht am Ende ist. Genau für dieses Problem gibt eines eine Lösung - den Sticky Footer. Ist der Inhalt nicht lang genug bleibt der Footer trotzdem am Ende der Seite und rutscht weiter runter sobald der Inhalt groß genug ist. Um das zu schaffen brauchen wir erstmal unser HTML…

weiterlesen

Mit WebGL zum Ego-Shooter im Browser

In den letzten Jahren hat sich HTML5 als dynamischer Standard immer mal wieder verändert. Im Jahr 2011 wurden sie um WebGL ergänzt, eine Möglichkeit im Browser 2D und 3D Animationen zu erstellen. Selbst 3D Spiele und aufwändige Grafiken oder Visualisierungen von Daten sind möglich. Einige findige Entwickler…

weiterlesen

Slide-Out Navigation Part 2 In meinem letzten Beitrag habe ich eine Implementierung einer Slide-Out Navigation mit jQuery und reinem CSS3 gezeigt. Heute zeige ich euch, wie man mit Hilfe der kleinen JavaScript Library Velocity.js die Vorzüge von javaSript und die Hardwarebeschleunigung von CSS3 vereinen könnt. Was…

weiterlesen

vanilla JS - Schneller als jQuery

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…

weiterlesen

Touch-Gesten mit jQuery TouchSwipe

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…

weiterlesen