Gestaltung mit CSS Grids

Alle Websites bestehen aus Inhaltselementen, die auf-, unter- und nebeneinander verteilt und manchmal auch übereinander gestapelt werden. Innerhalb dieser Elemente befinden sich Texte, Bilder, Videos, Graphiken und Fotos. Ob du diese Elemente Kästen, Kisten, Boxen oder Tabellen nennst, ist egal. So grundsätzlich geht es hier um einen Plan (Layout, Struktur) und die sehr grundsätzliche Gestaltung eine … „Gestaltung mit CSS Grids“ weiterlesen

Hintergrundbilder in CSS

Auf fast jeder Website gibt es Hintergrundbilder. Immer stellen sich Fragen wie: Wie positioniere ich Hintergrundbilder? Wie lege ich die Grösse fest? Welche Effekte kann ich erzielen? Die Gestaltungsmöglichkeiten mit Hintergrundbildern sind unendlich. So grundsätzlich kannst du ein Hintergrundbild in der CSS Datei für einen Bereich festlegen. Wenn du den gesamten Hintergrund der Site ansprechen … „Hintergrundbilder in CSS“ weiterlesen

Das muss etwas nach links … EM, REM oder PX?

Wenn du dein gerade vollbrachtes Werk im Webdesign dem Kunden oder dem Designer vorstellst, dann gibt es ausser der Überprüfung der Funktionalität, der Farben und Schriften IMMER den Wunsch: Das muss noch ein wenig nach links [rechts, oben,unten, grösser, kleiner, länger, kürzer] … „Ein wenig“ ist dabei eine sehr variable Größe (so ähnlich wie „schön“ … „Das muss etwas nach links … EM, REM oder PX?“ weiterlesen

Wie geht das genau mit CSS?

In CSS (Cascading Stylesheets) stehen Anweisungen, die deiner Website sagen, wie die Dinge auszusehen haben. Mit „die Dinge“ meine ich beispielsweise die Farbe von Text oder die Grösse von Überschriften. CSS ist so ähnlich wie Wohnung einrichten. Du pinselst eine Wand an, hängst ein Bild auf, stellst eine Blume daneben und schiebst die Blume solange hin und … „Wie geht das genau mit CSS?“ weiterlesen

Themes basierend auf Bootstrap in Drupal

Wie sie sicher schon bemerkt haben, steckt hinter dem NovaTrend Blog das Content Management System Drupal. Das Theme basiert auf dem HTML, CSS und JavaScript Framework Bootstrap. Die Struktur einer solchen Site lässt sich erstaunlich einfach erstellen und bietet grosse Flexibilität beim Design. In diesem Artikel möchte ich Ihnen zeigen, wie Sie eine Drupal Website … „Themes basierend auf Bootstrap in Drupal“ weiterlesen