Wir haben in Capriosa einige Drupal Module installiert, die verschiedene Möglichkeiten bieten Slideshows zu erzeugen. Diesen Slideshows ist aber i.d.R. eine feste Region innerhalb einer Seite zugewiesen. Möchte man eine Slideshow aber frei innerhalb vom Seitentext platzieren wird es schon schwieriger.

Da wir aber mit Capriosa die Philosophie vertreten, dass auch sehr komplizierte Dinge einfach und ohne weitreichende Drupal Kenntnisse, möglich sein sollen, haben wir Wysiwyg-Templates erstellt mit denen eine Slideshow, wie in diesem Beispiel ganz einfach im Editor hinzugefügt und gepflegt werden können. Als jQuery Plugin haben wir uns für popeye entschieden und zur Demonstration das Beispiel von der Seite des Entwicklers genommen.

Wie Sie auf der popeye Demoseite sehen können, bietet das jQuery Plugin unterschiedlichste Ausprägungen für eine Slideshow. Für jede Möglichkeit bietet Capriosa ein Wysiwyg-Editor Template. Sie müssen sich weder mit dem Plugin oder jQuery auskennen. Einfach nur Inhalt editieren. Auch die zusätzlichen Bildinformationen, wie...

Drupal 8 bietet mehr Verbesserungen für den Anwender und für die Qualität der erstellten Websites, als jede vorherige Drupal Version.

Ein D8 Core Modul mit unscheinbarem Namen, aber mächtiger Funktion, möchte ich heute vorstellen: Das Picture Modul
Das Modul bietet dem Anwender eine einfache, komfortable Möglichkeit responsive Images zu erstellen.
Die Qualität von Websites für mobile Geräte wird wesentlich verbessert.

Neben Responsive Designs sind Responsive Images maßgeblich für den Erfolg einer Website auf mobilen Geräten geeignet.
Mehr Informationen zu den technischen Hintegründen von Responsive Images sind hier zu finden - http://responsiveimages.org - siehe Screenshot.

Vereinfacht gesagt, sorgt diese Technik dafür, dass Bilder unterschiedlicher Größe und Art für verschiedene Display Größen ausgeliefert werden. So kann man z.B. für ein Smartphone ein Bild croppen lassen, für ein Tablet ein Bild lediglich in der Größe skalieren usw.

Somit wird Bandbreite gespart und die Download-Zeit verkürzt.

Das Drupal 8 Picture Modul macht es sehr einfach die unterschiedlichste...

Zwei Module, die man sich merken sollte:
http://drupal.org/project/flexslider
http://drupal.org/project/cs_adaptive_image

HTML5Rocks: eine Site voll mit aktuellsten News, Informationen, Tutorials und Anwendungsbeispielen rund um HTML5.

Boilerplate - ein brandneues Drupal 7 HTML5 Basis Theme. Mit SASS Unterstützung, einem "Responsive Layout". Wie der Name schon sagt basiert das Theme auf dem HTML5Boilerplate Projekt.
Sowohl das Theme, wie auch SASS und Boilerplate, sind nicht unbedingt für Einsteiger gedacht, aber für viele Profils erste Wahl.

Drupal 7 ermöglicht sehr einfach das programmatische Switchen eines Themes. Einfach ein kleines Mini Module erstellen und hook_custom_theme() implementieren:

example_custom_theme () { 
//example durch "Name des Moduls" ersetzen
  if( /*hier kommt die Überprüfung eines Kriteriums rein.  
     node oder user oder role usw.*/ ) {
     return 'Bartik';  //"Name des gewünschten Themes"
   }
}

Codekit ist ein Mac Programm für Web-Entwickler. Man kann damit u.A. Less, Sass oder Stylus compilieren, png's und Javascript komprimieren, Frameworks und Dateien gleichzeitig in verschiedenen Projekten nutzen, bearbeiten, updaten und sichern. Und das ist erst der Anfang.

Microsoft selbst hat es erkannt: der IE 6 ist mausetot. Tun Sie sich einen großen Gefallen, wenn Sie IE Nutzer sind und updaten Ihren IE auf Version 9. Nur so kommen Sie in den vollen Genuß des modernen Web.

Es gibt eine Vielzahl von CSS Frameworks für Responsible Design. Hier werden 15 Frameworks vorgestellt und kurz beschrieben.

Wer sich einern Überblick verschaffen möchte, welche renomierten, internationalen Unternehmen und Organisationen Drupal einsetzen, kann das auf 'Who uses Drupal' tun.

Auf der Site HTML5 / CSS 3 Box kann verschiedenste Tools, um HTML5 oder CSS 3 Code Snippets zu erzeugen, direkt anwenden. Der Screenshot links zeigt z.B. das Tool zur Generierung von CSS 3 Multicolumns.