Kategorien
Webdesign

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 willst, bietet sich das body Tag an.

Kategorien
Allgemein Betriebssysteme Cloud Content Management Systeme Datenbanken E-Commerce Editoren Frameworks Groupware Infrastruktur Open-Xchange OX Performance Security Services Shared Hosting Site Builder Tools Verschlüsselung Webdesign Webserver

Was umfasst eigentlich ein Shared Hosting?

Wir versuchen die Features unserer Services kurz und prägnant zu erklären, beispielsweise mit Einheiten wie Gigabyte. Leider ist ein Gigabyte eine sehr abstrakte Grösse. Ich selbst habe, ehrlich gesagt, keine wirkliche Vorstellung von einem Gigabyte. Ich weiss, dass ein Gigabyte etwa einer Milliarde Zeichen entspricht. Aber was bedeutet eine Milliarde?

Nimm einen Würfel mit Kantenlänge von einem Meter. Teile ihn dir im Kopf in kleine Würfel von einem Millimeter Kantenlänge. In jeden dieser kleinen Würfel passt nun die Kugel aus der Spitze eines Kugelschreibers (oder ein Zeichen). In den Würfel passen 1000 (Breite) mal 1000 (Länge) mal 1000 (Höhe) Kugeln – eine Milliarde! Die würden dann etwa 4 Tonnen wiegen. Unser kleinstes Hosting Angebot (Standard) hat 10 Gigabyte Webspace, was 10,000,000,000 Kugeln mit einem Gewicht von 40 Tonnen entspräche. Das grösste Paket (Speed) bietet 200 Gigabyte oder 200,000,000,000 Kugeln, die dann 800 Tonnen wiegen würden. Man bräuchte 32 LKW um die Kugeln zu transportieren.
Der Vergleich ist zwar beeindruckend, hilft mir allerdings auch nicht wirklich weiter. Ich bemerke die Einheit Gigabyte, wenn mir mein Telefon eine Nachricht anzeigt, aus der hervorgeht, dass bald kein Platz mehr zur Verfügung steht und ich keine Fotos mehr speichern kann. Gigabytes sind auch relevant beim Internet auf dem Telefon. Nach einer gewissen Menge Traffic überträgt es keine Daten mehr oder nur noch sehr langsam. Der Traffic in unseren Webhostings ist übrigens unlimitiert. Das heisst, beliebig viele Menschen können auf deine Website zugreifen. Beliebig viele Menschen! Also mehr als eine Milliarde.

Worauf ich hinaus will ist die Vielfalt, die so ein Webhosting heutzutage bietet. War vielleicht früher die reine Menge an Speicherplatz interessant, so sind es heute eher andere Fragen. Wie kompliziert oder wie einfach kann ich Software installieren und vor allem welche? Wer hilft mir, wenn ich nicht weiterkomme?

Und deswegen schreibe ich in diesem Artikel mal alles zusammen, was ich in den letzten 3 Jahren, die ich dieses Blog schreibe, so an Features in unserem mittleren Webhosting Paket (Premium) bemerkt habe. Ich vermute mal, dass es noch viel mehr Features gibt, die ich dann demnächst entdecken werde.

Kategorien
Webdesign Wunschthema

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“ oder „blauer“). Besonders komplex sind die Zusammenhänge, wenn das Layout einer Site responsiv ist. In diesem Falle passt sich die Darstellung der Elemente einer Site der zur Verfügung stehenden Fläche auf dem Bildschirm an. Eine Änderung eines Abstands oder einer Schriftgröße kann unerwünschte Folgen bei anderen Bildschirmgrößen haben.

Jeder Kunde und jeder Designer kennt das Wort Pixel. Früher, als noch gedruckt wurde, waren es DPI (dots per Inch). Ein Pixel ist nach gängiger Meinung (und in Photoshop!) ein kleiner Punkt. Den kann man auch sehen, auf dem Fernseher, dem Telefon, dem Tablet oder gar der smarten Uhr: Heute ist so ein Pixel nur noch mit der Lupe erkennbar, weil es so viele davon gibt, die Maßeinheit hat sich aber im Kopf vieler Menschen festgesetzt. 10 Pixel sind mehr als ein Pixel und wenn man etwas, sagen wir mal 50 Pixel, nach links [rechts, oben,unten, größer, kleiner, länger, kürzer] verschiebt, dann sieht man das deutlich.

Kategorien
Cloud E-Commerce News Services Shared Hosting Site Builder Webdesign

Sitebuilder – mit alles und scharfe Sauce!

Sitebuilder werden zum Erstellen von Websites genutzt. Sie müssen nicht, wie herkömmliche Content Management Systeme, installiert werden und bieten eine intuitive Benutzeroberfläche. Anfänger können mit dem Sitebuilder eine Website ohne jegliche Programmierkenntnisse erstellen. Profis können das ebenfalls, können aber zusätzlich einen speziellen Entwicklermodus aktivieren, der es Ihnen erlaubt, die Website individuell zu erweitern. Der Sitebuilder bietet eine moderne Benutzeroberfläche, mit der du eine Website auf dem Smartphone, dem Tablet, dem Notebook oder auf dem Desktop erstellen und verändern kannst.

Seit über einem Jahr bieten wir bereits den NOVATREND Sitebuilder an und haben im Blog bereits hier und hier darüber berichtet (Achtung, die Blogeinträge beziehen sich auf die alte Version).

Nun gibt es eine neue Version des NOVATREND Sitebuilders und wir sind davon überzeugt. So überzeugt, dass wir beschlossen haben, ihn ALLEN Kunden mit ALLEN Features KOSTENLOS als Bestandteil des neuen Shared Hosting Pakets Premium für CHF 9.90 im Monat anzubieten. Bestandskunden können ohne Kostenfolge auf dieses Paket wechseln.

Kategorien
Content Management Systeme seafolly.ch Shared Hosting Webdesign Wunschthema

Ein Zeitstrahl für Inhalte in Drupal 8

Für die Darstellung von Inhalten in einer zeitlichen Abfolge, beispielsweise für einen Lebenslauf, eignen sich besonders gut grafisch aufbereitete horizontale oder vertikale Zeitstrahlen und Zeitleisten (time line). In diesem Blogbeitrag möchte ich die Erstellung eines einfachen vertikalen Zeitstrahls in Drupal 8 zeigen.

Vor mehr als zwei Jahren habe ich als Beispiel für eine Drupal 8 Site die seafolly.ch Site erstellt (seafolly.ch – wir starten eine Kunstgalerie). Dort kannst du dich registrieren und deine Kunstwerke hochladen. Bisher war die Darstellung der hochgeladenen Werke ein einfache Tabelle. Diese Tabelle soll zu einem Zeitstrahl werden.