Kategorie-Archiv: Jquery

Animierter Hintergrund und Navigation mit jQuery und jParallax

Als Parallaxe bezeichnet man die scheinbare Positionsänderung eines Objekts, wenn sich die Position des Betrachters verändert. Das Wort leitet sich vom griechischen Wort parallaxis (dt. „Veränderung, Abweichung“) ab.

Parallaxe - Durch Blickwinkeländerung verändertsich scheinbar die Position des Objekts

Im Web Design wird dieser Effekt zunehmend beliebter. Heute möchte ich euch zeigen, wie ihr mit jQuery und dem Plugin jParallax ein Web-Seiten-Layout erstellt, in dem Hintergrund und Navigation animiert sind und zusätzlich auf die Bewegung der Maus reagieren.
weiterlesen

  • Diesen Beitrag weiterempfehlen:

How to: Umkreissuche mit Google Maps erstellen

Eine Umkreissuche ist mit ein klein wenig PHP, MySQL und Javascript schnell umgesetzt.

Für die Berechnung der Orte in der Nähe selbst, ist eigentlich nur ein wenig MySQL erforderlich.

  • Wir möchten zusätzlich die Position des Benutzers auslesen.
  • Mithilfe eines Formulars soll die Position von Hand festlegt und der Suchradius geändert werden können.
  • Die Suchergebnisse mit der Entfernung zur aktuellen Position sollen ohne erneuten Seitenaufruf dargestellt werden.

weiterlesen

  • Diesen Beitrag weiterempfehlen:

TYPO3 – How to: Bilder mit einer Lightbox öffnen

In einer modernen Internetseite darf heutzutage keine Lightbox mehr fehlen. Doch wie setzt man so eine Lightbox in TYPO3 um, sodass man im Backend selber entscheiden kann, wann sie aktiv sein soll und wann nicht.

Diese Funktion steht natürlich auch angelegten Redakteuren zur Verfügung.

In diesem Tutorial zeigen wir, wie man den „Klick vergrößern“ Button benutzt, um darüber seine Lightbox zu steuern.

weiterlesen

  • Diesen Beitrag weiterempfehlen:

Volkswagen Bank: Landingpage goes mobile

BRAINWORXX realisiert für die Volkswagen Bank eine mobile Landingpage für Smartphones zum Thema Tagesgeld.

Ob auf dem iPhone, Android-Handy oder Windows Phone – der Nutzer kann per Anruf oder E-Mail direkt mit der Volkswagen Bank in Verbindung treten. Wer Informationen zum Anfassen braucht, kann über ein Formular Informations-Material anfordern. Schnell. Direkt. Mobil.

www.brainworxx.de

  • Diesen Beitrag weiterempfehlen: