Webdesign

Grav CMS ist eines der interessantesten neuen Content Management Systeme am Markt. Es geht einen völlig anderen Weg als bisher bekannte Ansätze und kommt sehr leichtgewichtig daher. Die Voraussetzungen für die Installation sind so gering, dass ein günstiges Webhosting-Paket bereits ausreicht, um mit Grav zu experimentieren. Das Grav CMS benötigt keinerlei Datenbanken und kann in der Tat innerhalb von 30 Sekunden installiert werden. Grav ist so interessant, dass wir dir das CMS heute etwas näher vorstellen möchten.

„Texte habe ich nicht. Schreiben Sie halt irgendwas“. Zum Leidwesen vieler Webdesigner ertönt solches zu oft aus dem Munde des frisch gebackenen Kunden und es erwächst daraus erst viel Erklärungsarbeit, danach meist Überzeugungsarbeit und zu guter Letzt noch einiges an Organisationstalent. Denn gute Webdesigner wissen: Die Qualität des Contents ist maßgebliches Erfolgskriterium einer Website.

Die massive Verbreitung der Webfonts bringt es mit sich, dass Typografie auch im Netz immer aufwändiger wird. Als stets interessierter Developer kommt es daher immer häufiger vor, dass du wissen möchtest, welcher Font da eingesetzt worden ist. Auch im Printbereich wirst du regelmäßig mit dieser Frage konfrontiert. Zumeist wird sie vom Kunden gestellt. “Schauen Sie sich mal unseren Flyer aus dem letzten Jahr an. Diese Schriftart wollen wir auch im nächsten Projekt verwenden.” Der Kunde weiß natürlich nicht, welche es ist. Die folgenden Dienste wissen unterschiedlich gut zu helfen, sind aber jedenfalls die beste Toolbox, die es derzeit gibt…

Mit CSS3 kannst du Animationen ohne Flash und Javascript erstellen. Dabei beeinflusst du den zeitlichen Ablauf deiner Animation recht komfortabel. Unter Verwendung der Eigenschaft „transition-timing-function“ definierst du unterschiedliche Abläufe – mit und ohne Beschleunigung.

Das SVG-Format hat sich in vielerlei Hinsicht zu einer zeitgemäßen Alternative zu Flash entwickelt. Denn es ist nicht nur vektorbasiert, sondern ermöglicht auch Animationen und Interaktionen. Aufgrund der unterschiedlichen Möglichkeiten, Animationen zu erstellen und SVGs in ein Webprojekt einzubinden, solltest du folgende Tipps beachten, damit auch alles so funktioniert, wie es soll.

Im Webdesign sind responsive Layouts nicht mehr wegzudenken. Da gibt es auf der einen Seite immer mehr kleine Displays auf Smartphones und auf der anderen Seite immer größer werdende Monitore. Dazwischen finden sich Phablets, Tablets sowie Net- und Notebooks. Dank CSS ist es technisch kein Problem, eine Website für all die verschiedenen Auflösungen zu optimieren. Doch wie sieht es mit SVGs aus? Lassen sich diese auch responsiv gestalten?

“Echte” Designer schlagen schon die Hände über dem Kopf zusammen, wenn einer bloß das Wort “Template” oder “Theme” in den Mund nimmt. Schauen wir uns das Ganze mal objektiver an.

Texturen sorgen in einer Bildbearbeitung wie etwa Photoshop oder einer Software wie Cinema 4D schnell für ein Stück Realität. Dabei werden ganz unterschiedliche Oberflächen, wie etwa Stein-, Rost, Holz- oder Metallstrukturen benötigt. Ich habe haufenweise hochwertige Texturen zusammengestellt, die oft mit weiteren Dateien in einem Paket verpackt sind. So bekommst du mit einem Download gleich mehrere Texturen zu einem Thema.

Google ist heutzutage gar nicht mehr in jedem Falle das beste Werkzeug, wenn du gezielt nach Informationen suchst. Wenn du dich gerade selbständig gemacht hast, gibt es mittlerweile einen ganzen Stapel nützlicher Sammlungen, die vieles von dem, was du brauchst, an einem Ort zusammenführen. Drei/vier solcher Sammlungen und du bist bestens bedient. Ein paar mehr zeige ich dir heute.

Für dich als Webdesigner ist das mobile Internet eine Herausforderung. Websites müssen auf unterschiedlich großen Displays mit verschiedenen Seitenverhältnissen gut aussehen. Zu deinen Aufgaben gehört dabei auch die Auswahl geeigeneter Fotos für responsives Webdesign.

Die Icon-Schmiede von Icons8 bringen mit Lunacy eine kostenlose App für das Windows-Betriebssystem, die als Viewer für Sketch-Dateien gestartet ist, inzwischen aber auch einfache Bearbeitungen erledigen kann. Ich zeige dir, was das Tool leistet.