Webentwicklung und mehr

Beiträge aus der Rubrik:

Tutorial

jQuery Karussell Slider

jQuery Karussell Slider Tutorial - Post Vorschaubild

Veröffentlicht am 26.10.2021 Ihr habt einen Shop und möchtet eure Produkte ansprechend präsentieren? Oder Ihr möchtet eine Geschichte mit Bildern erzählen? Ihr sucht einfach einen Slider der die Rotationsbewegung eines Karussells nachempfindet? Der jQuery basierte Slider eignet sich für all das und wirkt am besten mit freigestellten Bildern.

jQuery Karussell Slider weiterlesen »

YouTube Video als Seitenhintergrund einrichten

html-video-background-from-youtube

Veröffentlicht am 14.01.2016 In dieser Anleitung erfahrt Ihr, wie Ihr ein YouTube Video als Seitenhintergrund einrichtet. Ein praktisches Beispiel findet Ihr auf der Demo-Seite YouTube Video als Seitenhintergrund.

YouTube Video als Seitenhintergrund einrichten weiterlesen »

Eine flexible Bildergalerie, die sich der Fensterbreite anpasst

Veröffentlicht am 01.06.2015 Nachdem wir im letzten Beitrag einen Fotorahmen mit CSS gebaut haben, widmen wir uns nun der Weiterentwicklung des Fotorahmens hin zu einer flexiblen Bildergalerie, die sich automatisch der Fensterweite anpasst. Diese Anleitung gliedert sich in zwei Teile. Im ersten Teil sorgen wir dafür, dass sich der Fotorahmen flexibel an die Weite des Browsers anpasst. Im zweiten Teil nehmen wir die Einstellungen für ein […]

Eine flexible Bildergalerie, die sich der Fensterbreite anpasst weiterlesen »

Einen Fotorahmen mit CSS bauen

Veröffentlicht am 28.05.2015 Ein Fotorahmen ist eine gute Möglichkeit, unterschiedlichen Bildern ein einheitliches Aussehen zu verpassen. Man kann das natürlich mit Photoshop erledigen, praktischer ist aber die Gestaltung mit CSS. Warum, erschließt sich euch möglicherweise nachdem Ihr die folgende Anleitung gelesen habt. Grüße aus dem Urlaub Das HTML für den Fotorahmen Das HTML ist ziemlich einfach. Damit unser Bild einen Rahmen bekommt, packen wir […]

Einen Fotorahmen mit CSS bauen weiterlesen »

Eine Anleitung für Parallax Scrolling mit jQuery

Parallaxe Verschiebung im Videospiel Super Marioworld

Veröffentlicht am 25.08.2013 Parallax Scrolling bezeichnet den Effekt wenn sich mehrere zweidimensionale Flächen mit unterschiedlichen Geschwindigkeiten bewegen. Ihr erinnert euch vielleicht an alte Sidescroller Videospiele bei denen sich die Hintergrundebenen langsamer bewegen und somit den Anschein von räumlicher Tiefe vermitteln oder Ihr habt parallax Scrolling mal auf irgendwelchen Webseiten gesehen. Ein netter Effekt der sich relativ einfach mit […]

Eine Anleitung für Parallax Scrolling mit jQuery weiterlesen »

Text und Bilder in TYPO3 anlegen

Veröffentlicht am 02.12.2012 Dieser Artikel ist Teil der Reihe TYPO3 Tutorials und richtet sich an Anwender mit wenig CMS Erfahrung. Grundsätzlich ist es sehr einfach  Text und Bilder in TYPO3 anzulegen, allerdings schreckt der große Funktionsumfang des Systems manche Benutzer mit geringer Erfahrung ab, darum erkläre ich die Vorgehensweise Schritt für Schritt.

Text und Bilder in TYPO3 anlegen weiterlesen »

jQuery Slider Tutorial – so entwickelt Ihr einen Slider mit JavaScript

jQuery Slider Tutorial

Veröffentlicht am 02.05.2012 jQuery Slider sind aus dem modernen Webdesign nicht mehr wegzudenken. Großer Beliebtheit erfreuen sich Animationen, welche es ermöglichen per Knopfdruck Inhalte in einem festen Bereich von links nach rechts zu schieben.

jQuery Slider Tutorial – so entwickelt Ihr einen Slider mit JavaScript weiterlesen »