Kategorien
CSS Websites

Gut ankommen: Responsive CSS-Dropdown-Menüs ohne JavaScript

Wohin mit der Navigation? Diese Frage muss bei eigentlich jedem Webprojekt beantwortet werden. Gerade bei umfangreichen Websites ist es nicht immer einfach, die richtige Antwort darauf zu finden. Besteht eine Webpräsenz aus vielen Seiten und Unterseiten, bietet sich häufig ein Dropdown-Menü an.

Kategorien
Webdesign

Passende Farben finden: 10 Tools für Farbkombinationen und Farbverläufe

Farben spielen im Design natürlich eine große Rolle. Doch stimmige und passende Farbkonzepte zu erstellen, ist nicht jedermanns Sache. Daher gibt es eine Reihe von Webanwendungen, die dir helfen, gute Farbkombinationen zu finden. Monochromatische Farben lassen sich ebenso zusammenstellen wie Komplementärfarben. Dabei unterscheiden sich die Tools teils bereits im Ansatz. Calcolor Ohne jegliche Inhalte und […]

Kategorien
Websites

Google Fonts & Co. – diese Schriften sollte jeder kennen

Typografie ist in den letzten Jahren immer stärker in den Fokus aktueller Trends gerückt und hat sich dementsprechend gewandelt. Man könnte wohl sagen, dass Typografie das derzeit einzige Gestaltungselement ist, das sich wirklich noch nennenswerter Änderungen unterzieht. Insofern ist es smart, hier auf dem Laufenden zu bleiben.

Kategorien
Websites

Alles über Progressive Web Apps: Die eigene Webseite zur fast nativen App machen

Was sind Progressive Web Apps? Progressive Web Apps (PWAs) sind ein Mittelweg zwischen nativen Apps und mobilen Websites. Sie sind vergleichsweise günstig zu entwickeln, da sie auf plattformübergreifen Web-Standards basieren, und so Kosten sparen für die Entwicklung und Unterhaltung von jeweils eigenständigen Native Apps für iOS und Android. Was machen Progressive Web Apps? PWAs sind […]

Kategorien
Webdesign

Hero-Images: So setzt du Bilder plakativ ein

Schauen wir doch mal auf zwei scheinbar gegensätzliche Trends im Webdesign. Einerseits werden Websites immer minimalistischer – weniger Farben, klare Schriften und einfache Formen. Auf der anderen Seite sind großformatige, fensterfüllende Bilder – sogenannte „Hero Images“ – angesagt. Was widersprüchlich aussieht, ist das aber nur auf den ersten Blick. Auf den zweiten Blick ergänzen sich […]

Kategorien
Webdesign

Alles paletti: So wird deine Website valide, barrierefrei, sicher und schnell

Webentwicklung wird zunehmend komplexer. Neben korrekter Auszeichnung von HTML und CSS gibt es zahlreiche weitere Faktoren, die zwar nicht zwingend das korrekte Aussehen einer Website beeinflussen, aber dennoch auf den Erfolg einer Website Einfluss haben. Dazu gehört eine barrierefreie Darstellung der Inhalte, sowie eine schnelle Erreichbarkeit. Das alles selbst im Blick zu haben, ist schwierig. […]

Kategorien
Webdesign

Darauf musst du beim Einsatz von Stockphotos achten

Fotos spielen eine wichtige Rolle im Grafik- und Webdesign. Sie lockern auf, vermitteln Stimmungen und Eindrücke und regen zum Lesen an. So sind Fotos in Websites ein unverzichtbares Mittel der Kommunikation. Da man nicht immer das passende Bild zur Hand hat und dieses oft auch nicht selbst schießen kann, gibt es Stockphotos. Aber was gilt es beim […]

Kategorien
CSS

Layouts mit CSS: Flexbox oder Grid?

Wie wir Websites gestalten, hat sich in den vergangenen Jahren immer wieder mal mehr, mal weniger radikal geändert. Mit der Einführung von CSS Flexbox hat eine entscheidende Erneuerung stattgefunden. Kurz darauf ist mit CSS Grid ein weiteres Layoutmodell hinzugekommen. Welches ist nun wofür besser geeignet? Muss ich mich für ein Modell entscheiden?

Kategorien
Websites

Alles, was du über SVG wissen musst

Bereits seit 2001 gibt es das vektorbasierte SVG-Format, welches allerdings erst in den letzten Jahren parallel zu HTML5 ein wirklicher Erfolg wurde. Aber wann ist HTML Canvas und wann SVG besser geeignet? Wo liegen die Vor- und Nachteile?

Kategorien
Illustrator Websites

Icons in Illustrator erstellen: So geht es

Es mangelt sicher nicht an guten und auch kostenlosen Iconsets, die man für eigene Zwecke anpassen und einsetzen kann. Aber manchmal muss oder soll es dann doch mal etwas Eigenes und Individuelles sein. Gerade die Entwicklung von Icons ist eine anspruchsvolle Sache. Sie müssen möglichst einfach in der Gestaltung sein und dennoch eine eindeutige und klar […]

Kategorien
CSS

CSS3: Viewport Units – Neue Einheiten für responsive Designs

Dank prozentualer Angaben ist es ein Leichtes, Webdesigns zu entwickeln, die sich der Breite und bei Bedarf auch der Höhe des Browserfensters anpassen. Gerade wenn es darum geht, eine Website für verschiedene Medien wie Tablets und Smartphones zu entwickeln, ist dies eine gängige Praxis. Textblöcke, Bilder und andere Elemente passen sich so automatisch jeder Größe […]

Kategorien
Websites

Favicons online erstellen mit diesen fünf praktischen Editoren

Favicons gehören seit geraumer Zeit, fast war ich versucht, “seit Menschengedenken” zu schreiben, zur Grundausstattung einer Website. Für viele Bildbearbeitungsprogramme existieren Plugins, mit denen die Minimalsymbole erstellt werden können. Es gibt mittlerweile jedoch auch einige Online-Favicon-Editoren mit unterschiedlichen Schwerpunkten. Diese unterscheiden sich in Details recht deutlich voneinander. X-Icon-Editor X-Icon-Editor Der X-Icon-Editor kommt mit vergleichsweise vielen […]