One Page Templates – Wenn es mal schnell gehen muss

Manchmal arbeitet man an einem Webprojekt, und benötigt vorerst nur eine kleine Page mit den nötigsten Infos, auf die man erstmal die URL leitet. Manchmal reichen aber  auch einfach Budget oder Zeit,für eine große Seite nicht aus, und man benötigt eine kleine und einfache Seite als Komplettlösung. Ich stelle euch im folgenden zwei Lösungen vor.

Weiterlesen



Scotch Box – die fertige LAMP-Umgebung mit Vagrant

Vagrant ist eine Open-Source Software, die eine komplette Entwicklungsumgebung bereitstellen kann. Ein Vorteil ist die gute Möglichkeiten eine für Softwareentwickler-Teams einheitliche Umgebung zu schaffen. Vagrant ist portabel und so kann man die komplette Entwicklungsumgebung mit allen Setting  in Git einbeziehen. Desweiteren nutzt Vagrant die Virtual Box von Oracle um einen kompletten Linux-Server zur Verfügung zu stellen. Dadurch lässt sich mit der Entwicklungsumgebung bestmöglich wie die spätere Live-Umgebung darstellen.  Möchte man eine klassische LAMP (Linux, Apache, MySQL, PHP) Umgebung schaffen, so ist zunächst einiger Setup-Aufwand nötig. Zum Glück gibt es Scotch Box, so das man direkt loslegen kann.

Weiterlesen





Mit Font-Size Elemente skalieren

Benötigt man ein Interface-Element in verschiedenen Größen auf einer Website so kann dies schnell zu einer Vielzahl von CSS-Deklarationen und viel Fummelarbeit führen. Der folgende kleine Trick kann helfen, auch von Elementen mit komplexen Layout, schnell und einfach Varianten für Größen zu erstellen. Weiterlesen


Image lazy loading – Bilder laden wenn sie gebraucht werden

Warum

Eine klassische Newsseite besitzt eine Vielzahl von Bildern und hat – so es denn auch was zu berichten gibt – einen größeren Umfang. Aktuelle Browser laden beim Aufrufen eines HTML-Dokumentes alle Bilder runter die enthalten sind. Am PC stört das wenige und ist seltener ein Nachteil, bei mobilen Websites bedeutet es aber das eine Menge Daten geladen werden, von denen ich unter Umständen nichts habe, da ich nur die neusten 3 Einträge überfliege und dann weiter surfe. Die restlichen Bilder bekomme ich, aufgrund des kleinen Viewports, nicht mal im Augenwinkel mit. Neben den verbrennen von mobilen Datenvolumen blockiert das Laden von Bildern natürlich in dem Moment Bandbreite, die ich für andere Resourcen besser brauchen kann.

Weiterlesen