Responsive jQuery Image-Slider Freebies Blueberry und FlexSlider →

Da responsive Webdesign immer beliebter wird, gibt es inzwi­schen auch mehr und mehr Möglichkeiten, Bilder in responsive Webdesigns ein­zu­binden. Wer nach einem Bilder-Slider sucht, um z.B. die neusten Arbeiten des Portfolios zu prä­sen­tieren, sollte sich unbe­dingt die beiden kos­ten­losen jQuery Slider FlexSlider (von Tyler Smith ver­öf­fent­licht bei Smashing Magazine) und Blueberry (von Mark Tyrrell) anschauen. Ich werde die Slider in den nächsten Tagen auf jeden Fall auch noch selbst genauer testen und in einer aus­führ­li­chen Anleitung berichten, wie du die Slider auf deiner Webseite inte­grieren kann.

Kennst du noch weiter responsive Bilder-Slider oder hast du einen der beiden Slider bereits aus­pro­biert? Über dein Feedback und wei­tere Tipps freue ich mich sehr!

Die Photoswipe Bildergalerie (mit Touchscreen Swipe-Effekt) nutzen

Photoswipe ist eine moderne JavaScript-Bildergalerie, die beson­ders für mobile Geräte mit Touchscreens opti­miert ist. Denn auf Touchscreen-Geräten wie Tablet PCs und Smartphones können die Bilder mit dem beliebten Swipe-Effekt nach­ein­ander »wei­ter­geblät­tert« 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 ist mög­lich. Ich habe Photoswipe selbst aus­pro­biert und zeige im fol­genden Artikel, wie du die prak­ti­sche Bildergalerie auf deiner Webseite ein­binden kannst. Weiterlesen

Webseiten-Navigationen in responsive Webdesigns analysiert

Die Webseiten-Navigation bei einem responsive Webdesign zu lösen, ist meist eine der größten Herausforderungen für Webdesigner und Entwickler. Denn schließ­lich soll die Navigation ja sowohl auf einen großen Desktop-Monitor, als auch auf einem Smartphone benut­zer­freund­lich gelöst sein.

Zum einen muss man also eine Lösung finden, um den jeweils zur Verfügung ste­henden Platz für die Navigation mög­lichst geschickt zu nutzen. Außerdem muss man aber auch noch bedenken, dass der Unterschied zwi­schen der Navigation mit einer Maus und der Bedienung des Touchscreens auf Tablet PCs und Smartphones zu lösen ist.

Um mög­liche Lösungen für diese Herausforderungen zu finden, habe ich mir die Navigationselemente ver­schie­dener responsive Webdesigns einmal genauer ange­schaut und die Pro und Cons der unter­schied­li­chen Ansätze ana­ly­siert. Weiterlesen

WordPress-Tipp: Kommentare von Pingbacks und Trackbacks trennen

Da ich bereits des öfteren gefragt wurde, wie man Kommentare eines WordPress-Artikels von Pingbacks und Trackbacks trennen kann, habe ich hier eine kleine Anleitung vor­be­reitet. Für diese Anpassung in einem WordPress-Theme muss die comments.php Datei bear­beitet werden.

Am besten du spei­cherst dir als erstes eine Kopie deiner comments.php ab. So kannst du immer wieder auf die ori­gi­nale Datei zurück­greifen, falls du mit dem Code durch­ein­ander kommen soll­test. Weiterlesen

Webseiten Cross-Browsertests: Ein kleiner Überblick praktischer Tools und Tipps

Die Anzahl ver­schie­dener Internet-Browser und Geräte wächst ständig, so dass es einem als Webdesigner und Entwickler schon etwas schwin­delig werden kann, denn ein neues Webseiten-Projekt soll ja in allen Browsern funk­tio­nieren und natür­lich auch gut aussehen.

Da hilft es eigent­lich nur jede Menge Tests durch­zu­führen, denn die Unterschiede in den Browser-Ansichten können doch enorm sein und irgendein Browser muss natür­lich auch immer aus der Reihe tanzen und den Code anders dar­stellen, als alle anderen (meist ist dies dann natür­lich unser Freund Internet Explorer…). Damit du dir die Arbeit beim Testen deines neuen Webprojekts in den unter­schied­li­chen Browsern etwas erleich­tern kannst, habe ich hier im Artikel einige prak­ti­sche Tools, Tipps und eigene Erfahrungen zusam­men­ge­stellt. Weiterlesen

Seite 8 von 70«...789...20...»
Top