Kategorie: Webdesign/Gestaltung

Kategorien
Contao Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

Slider-Extensions für Contao im Vergleich und Überblick

Screenshot der Contao-Slider-Vergleichstabelle

In der Agentur (so wollte ich schon immer mal einen Satz anfangen) arbeiten wir recht viel mit Contao, wenn wir Kunden-Websites neu aufziehen. Oftmals wird auch ein Slider benötigt – sinnvoll oder nicht –, der sich mit einer der vielen Extensions gut nachrüsten lässt. Leider weiß man aber nie so genau, welcher Slider was kann und was nicht, für welche Contao-Version er taugt, und und und …

Daher habe ich mir vor ein paar Monaten die Mühe gemacht ein Google Doc hierfür aufzusetzen, welches die unterschiedlichen Kriterien auflistet. Unter anderem sind dies:

  • 2.11-/3.0-kompabilität;
  • HTML5/XHTML-Ünterstützung;
  • ob nur Bild- oder auch andere Elemente verwendet werden können;
  • die Verwendung nur als Modul oder Inhaltselement oder gar beides möglich ist;
  • Responsiveness;
  • Mootools/jQuery;
  • und weitere …

Da ich selbst nicht die Zeit und Muße hatte, diese Tabelle zu pflegen, habe ich sie für die Öffentlichkeit bearbeitbar gemacht. Und viele viele viele Leute aus der Contao Community haben mitgewirkt wofür ich mich auch an dieser Stelle noch einmal bedanke. DANKE!

Kategorien
Frontend: HTML5, CSS3, jQuery Veranstaltungen Webdesign/Gestaltung

beyond tellerrand 2013

Photo von der beyond tellerrand 2013

Vergangene Woche war ich zwei Tage lang auf der beyond tellerrand im Düsseldorfer Capitol Theater, einer Konferenz für Webschaffene die von Marc Thiele superdupergut organisiert wurde. Es war die dritte beyond tellerrand überhaupt und für mich die erste. (Das Ticket hat mir freundlicherweise mein Arbeitgeber gesponsort, vielen Dank dafür.) Einige der Themen dieses Jahr waren Responsive Webdesign, Verzicht auf Photoshop und direktes Layouten im Browser sowie Selbst- und Firmenfindung. In ein paar Tagen oder Wochen werden die Talks wohl auch auf Vimeo landen.

Weitere Berichte von anderen Besuchern findet ihr am Ende des Beitrags.

weiterlesen „beyond tellerrand 2013“
Kategorien
Frontend: HTML5, CSS3, jQuery Gestaltung und Design Webdesign/Gestaltung

Responsive Webdesign – wirklich gut? (Klar, aber …)

Schon vor ein paar Monaten hatte ich drüber nachgedacht: malen wir uns die Responsive-Webdesign-Welt schöner, brauchbarer, als sie ist? Kommen die Besucher damit wirklich klar? Brauchen wir es wirklich immer? Wie das das aber so ist, verliert man einen Gedanken schon mal, bis dann zwei Tweets auftauchen, die den Gedanken wieder aufkommen lassen:

https://twitter.com/brucel/status/289775537017217024

https://twitter.com/brucel/status/289775759885750273

Nehmen wir mit RWD dem „normalen“ Besucher seine Gewohnheiten, wenn wir die Seiten so anpassen, dass Spalten verschwinden oder Navigationsmenüs sich hinter einem Button mit Icon verstecken?

Weiterlesen „Responsive Webdesign – wirklich gut? (Klar, aber …)“
Kategorien
Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

„What device classes are you targeting?“

Plenty of Devices

Obiges Bild von Brad Frost zeigt sehr deutlich, wieviele verschiedene Geräte und Bildschirmgrößen es so gibt – und das sind noch längst nicht alle –, auf denen eine Website benutzbar und gut aussehen sollte. Bestellt aber eben leider auch nicht jeder mit. Gesehen bei A non-responsive approach to building cross-device webapps, auf den ich durch einen Tweet von David Hellmann stoß.

Kategorien
Bücher Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

Smashing Book #3 – Redesign the web

www.smashingbook

Die Leute vom Smashing Magazine haben die dritte Ausgabe des Smashing Book veröffentlicht. Anders als die anderen Ausgaben gibt es nun ein festgesetztes Thema: Redesign the Web. Mitbestellen kann man sich auch das Smashing Book 3 1/3.

Kaufen kann man sie im Smashing Shop: gedruckt für 39,90 $, gedruckt im Bundle (mit 3 1/3) 49,80 $; als eBook-Bundle (3 und 3 1/3) für 19,90 $ und schließlich im Komplettpaket gedruckt und als eBook für 59,90 $. Sind gegenwärtig ca. 46 € plus Versand.

Werde mir vermutlich – trotz Kindle – die gedruckte Fassung besorgen. Im Zweifel auch das Komplettpaket aus Druck- und eBook-Variante.

Kategorien
Usability Webdesign/Gestaltung

Mauslos für eine Stunde: Experience Accessibility First-Hand on May 9

Sehr spannende und lehrreiche Aktion: am 9. Mai (diesen Mittwoch) soll man mal für eine Stunde die Maus* nicht benutzen und nur mit Tastatur und Screenreader durchs Internet und selbst erstellte Projekte zu navigieren.

Sinn des ganzen soll sein, mal wieder ein oder zwei Augen auf Accessibility und Usability in Webprojekten zu achten. Wunsch ist es, dass man von den Erfahrungen der mauslosen Stunde bloggt: was war die größte Überraschung? Welche Schwierigkeiten gab es? Was hast du draus gelernt.

Ich werde hier gerne mal dran teilnehmen, werde das dann aber vermutlich in die Abendstunden legen. Wobei, dann könnte ich mal das von uns in der Agentur verwendete Contao CMS im mauslosen Einsatz verwenden und merken, wie es sich so schlägt.

Go ahead and unplug your mouse and only use your keyboard alone (tab/shift tab, arrow keys, enter and spacebar) to navigate and interact with your favorite websites and applications. If you use a touchpad, trackpad or similar input method, disable it, and use the keyboard instead. Global Accessibility Awareness Day

* oder Trackpacks, Wacoms, Touchpad

Gefunden via twitter:

https://twitter.com/Jennison/status/199567932286705664

Kategorien
Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

Anna Katharina Leuthausser-Schnarrenberger

Anna Katharina Leuthausser Schnarrenberger

Wenn ich am Schluss meiner Ausbildung – meine Güte ist das schon lange her – etwas gelernt habe dann, dass man für UI– und UX-Design nicht auf Max Muster als Dummynamen zurückgreifen sondern auch hier schon den Ernstfall proben sollte. Sehr gut eignet sich dafür folgender Name:

Ist unglaublich lang (43 Zeichen inklusive Leerzeichen), hat einen Bindestrich, zwei Vornamen und der Nachname lässt durch seine Bekanntheit eventuell den ein oder anderen schmunzeln, der aufs Design guckt.

Kategorien
Frontend: HTML5, CSS3, jQuery Mac & iPhone Webdesign/Gestaltung

Adobe Shadow

Adobe Shadow ist eine Tool-Sammlung für Windows oder Mac und iOS- sowie Android-Geräte um Webseiten auf verschiedenen Geräten zu testen. Martin hat sich das mal ein wenig genauer angeguckt.