FitText in ein kleines, praktisches JavaScript-Plugin, um Text-Slogans oder andere größere Text-Elemente in responsive Webdesigns automatisch skalierbar zu machen. Mit Hilfe des Scripts passt sich dein Text-Slogan automatisch an die jeweilige Bildschirm-Breite an und wird dadurch immer optimal lesbar dargestellt. Das Plugin ist nicht für Fließtexte gedacht, sondern um große Schrift-Slogans, Webseiten-Titel oder Texte in…
Photoswipe ist eine moderne JavaScript-Bildergalerie, die besonders für mobile Geräte mit Touchscreens optimiert ist. Denn auf Touchscreen-Geräten wie Tablet PCs und Smartphones können die Bilder mit dem beliebten Swipe-Effekt nacheinander „weitergeblättert“ werden. Alternativ (und auch auf Desktop-Monitoren nutzbar) gibt es eine Diashow-Funktion und einen Vor- und Zurück-Button. Auch die Navigation über die Pfeiltasten der Tastatur…
Mit Hilfe eines JavaScript-Sliders kann man leicht besondere Blog-Artikel in WordPress hervorheben. Die meisten Slider bieten neben der Ansicht von Bildern auch die Möglichkeit den Artikel-Titel und einen Text-Auszug anzuzeigen. Außerdem gibt es verschiedliche Slider-Navigationen und Überblendungseffekte zur Auswahl. Ich habe einige der beliebtesten WordPress-Plugins für Featured Content Slider getestet und eine Übersicht der meiner…
Modernizr ist eine praktische Open Source JavaScript-Library, um schon heute HTML5 und CSS3 Elemente für Webseiten-Projekte nutzen zu können. Das Script funktioniert eigentlich recht einfach. Es stellt fest, welche HTML5 und CSS3-Funktionen der jeweils verwendete Browser unterstützt und welche nicht, und fügt dann automatisch entsprechende CSS-Klassen in den html-Tag der Webseite ein. Mit Hilfe dieser…
Wenn du gerne mit typografischen Elementen bei der Webseiten-Gestaltung arbeitest, hast du eventuell schon vom Lettering.js jQuery-Plugin gehört. Das Plugin wurde von Trent Walton und Dave Rupert entwickelt, um mit Hilfe von JavaScript mehr Kontrolle über die Darstellung einzelner Buchstaben, Worte eines Satzes oder Satz-Abschnitte im Webdesign zu gewinnen. Da mit Lettering.js tolle Typo-Effekte (bunte…
Es gibt etliche Beispiele, bei denen es sinnvoll ist Webseiten-Inhalte erst bei Klick auf einen Button aufsliden zu lassen. Z.B. kannst du auf diese Weise sehr schön einen Nutzer-Login für Mitglieder oder Kunden integrieren. Da sich nicht alle Webseiten-Besucher anmelden wollen, kannst du den Login-Bereich mit jQuery so elegant verstecken. Ich habe verschiedene Möglichkeiten getestet,…