Gestern ist eine neue Version der WordPress-App für iPhone und iPad mit ganz neuen Benutzeroberfläche und etlichen neuen Features herausgekommen.
Ich habe die neue App heute zum ersten mal ausprobiert und das neue Design und die vielen praktischeren Funktionen gefallen mir sehr gut. Daher habe ich eine kleine Zusammenfassung vorbereitet, in der ich die neuen Features kurz zeigen möchte. Weiterlesen
Lange Zeit galten kleine Schriften im Webdesign als besonders schick und elegant. Lesbarkeit und Usability mussten da einfach hinten anstehen. Doch mit der Weiterentwicklung von responsive Webdesign und dem neuen Fokus auf optimierte Nutzbarkeit auch auf mobilen Geräten, wird das Thema Schriftgröße derzeit von vielen Webdesignern neu überdacht und große Typografie entpuppt sich mehr und mehr zum absoluten Webdesign-Trend. Weiterlesen
Die Möglichkeiten zur Optimierung von Webseiten für mobile Geräte wachsen ständig und das Thema ist unter Webdesignern und Entwicklern derzeit auf jeden Fall ein “Hot Topic”. Da die Umsetzung eines mobile-optimierten Webdesigns (z.B. mit Hilfe eines responsive Layouts) aber auch einiges an Mehraufwand bedeutet und viele Techniken zur Umsetzung mitten in der Entwicklung stecken (es gibt also oftmals noch keine standardisierte Vorgehensweise), möchte ich zu einer kleinen Diskussionsrunde anregen und fragen, ob und warum man bereits heute auf die Webseiten-Optimierung für mobile Geräte setzen sollte. Weiterlesen
Die rasant wachsende Verbreitung von mobilen Geräten (Smartphones und Tablet PCs) hat auch deutliche Auswirkungen auf die Gestaltung von Webseiten. Webdesign muss flexibler werden und auf die unterschiedlichen Geräte mit ihren verschiedenen Bildschirmgrößen und besonderen Eigenheiten angepasst sein. Denn schließlich möchte man Besucher, die eine Webseite von ihrem mobilen Gerät aus aufrufen nicht verlieren. Und ein ständiges Zoomen, um Inhalte lesen oder Buttons bedienen zu können, ist sicherlich kein optimaler Zustand. Zum Glück gibt es bereits einige Lösungen, um diese neue Herausforderung anzugehen. Im folgenden Artikel habe ich mir diese einmal genauer angeschaut und die unterschiedlichen Ansätze miteinander vergleichen. Weiterlesen
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 ist möglich. Ich habe Photoswipe selbst ausprobiert und zeige im folgenden Artikel, wie du die praktische Bildergalerie auf deiner Webseite einbinden kannst. Weiterlesen
PhotoSwipe: Eine Bildergalerie für mobile Geräte und Desktop-Browser
PhotoSwipe ist eine auf HTML/CSS und JavaScript basierende Bildergalerie, die sowohl für mobile Geräte wie iPhone, iPad, Android und Blackberry, als auch für Desktop-Browser optimiert ist. Besonders schön ist, dass der beliebte Swipe-Effekt (Bildwechsel beim Darüberfahren mit dem Finger) für Touchscreens unterstützt wird. Da die Bildergalerie so Plattform-kompatibel funktioniert, ist sie besonders gut für responsive Webdesigns geeignet. Du kannst dir ein kurzes Intro-Video von PhotoSwipe auf Vimeo anschauen oder gleich die Live-Demos der Bildergalerie ausprobieren.
Das flexible 1140px Grid des australischen Designers und Entwicklers Andy Taylor ist mit CSS3 Media Queries umgesetzt, und passt sich so auf die unterschiedlichsten Browser-Größen an. Das Grid ist in 12 Spalten unterteilt, und sowohl für große Desktop-Monitore, für Tablet-PCs (z.B. iPad oder Samsung Galaxy Tab) und für kleinere Smartphone-Displays (iPhones, Blackberrys und Android-Phones) optimiert. Da sich das noch recht neu entwickelte Grid-System wirklich spannend anhört, habe ich mir die wichtigsten Fakten und Funktionen des Grids einmal genauer angeschaut.
Weiterlesen
English 
Deutsch