Design
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 ...
Denis Potschien
(Kostenlose) Services
ShapeFactory: Design-Tools für Logos, Farben und Verläufe
Als Grafik- und Webdesigner stellt man sich täglich zahlreichen Aufgaben und Herausforderungen. Dazu zählen unter anderem die Gestaltung von Logos sowie die stimmige Kombination von ...
Essentials
Future Fonts: Schriften kaufen, bevor sie fertig sind
Das Angebot an kommerziellen Schriften wächst stetig. Neben den großen Anbietern, wie Linotype und MyFonts, entstehen auch immer wieder neue Foundrys mit eigenen Schriften von jungen, ...
Webdesign
Tipps für Webdesigner: Was gehört alles in deinen HTML-HEAD
Der HTML-Kopf ist ein wichtiger Bestandteil eines jedes HTML-Dokumentes. Dort wird der Titel festgelegt und JavaScript- sowie CSS-Dateien eingebunden. Aber das „<head>“-Element ...
HTML/CSS
CSS3: Texte unterstreichen – endlich mit anderer Farbe und weiteren Effekten
Typografie spielt im Webdesign zunehmend eine wichtige Rolle – vor allem mit der Einführung von Webfonts. Das Unterstreichen von Texten hingegen war immer ein eher eintöniges ...
Programmierung
HTML5-Canvas oder SVG?
Mit der Einführung von HTML5 ab 2004 wurde auch die JavaScript-basierte Zeichenmethode Canvas eingeführt. Bereits seit 2001 gibt es das vektorbasierte SVG-Format, welches allerdings ...
Design
Google Fonts: Diese Schriften solltest du 2018 einsetzen
Wie fast alles im Grafik- und Webdesign sind auch Schriften immer wieder Trends ausgesetzt. Die Auswahl an Schriften wächst stetig – auch bei Google Fonts – und Neues ist daher immer ...
Apps
Progressive Web Apps: Mit HTML5 und JavaScript zur fast nativen App
Native Apps für Android- und iOS-Geräte haben in vielerlei Hinsicht große Vorteile gegenüber per HTML5 und JavaScript entwickelter Webanwendungen.
Design
Variable Schriften: Einsatzbereit in Adobe und Chrome
Die Idee variabler Schriften gibt es schon länger. Statt mehrerer verschiedener Schriftschnitte sollten Strichstärke und Schriftweite einer Schrift zukünftig variabel in einer einzelnen ...
Design
HTML5 & CSS3: mache deine Website fit für hochauflösende Displays
Als Apple vor einigen Jahren anfing, seine iPhones, iPads und MacBooks mit hochauflösenden Displays – den sogenannten Retina-Displays – auszustatten, hat das zu einer deutlichen ...
HTML/CSS
CSS3 für Designprofis: Vier Eigenschaften, die du kennen und nutzen solltest
Mit der Einführung von CSS3 haben sich die Gestaltungsmöglichkeiten für Websites sehr verändert. Vor allem Animationen und Transparenzen werden seitdem häufig eingesetzt. Doch es gibt ...
Design
Mobiles Webdesign: 5 Tipps für die Navigation
Mobiles Webdesign hat seine Tücken. Die Gestaltung mobiler Weblayouts für Smartphones stellt Designer immer wieder vor Herausforderungen. Der wenige Platz, der auf den Geräten zur ...
Webdesign
Sonar: Kostenloses Tool von Microsoft hilft dir Fehler auf deiner Website aufzuspüren
In der Vergangenheit legte Microsoft nicht viel Wert auf Webstandards. Aber spätestens mit dem neuen Browser Edge ist man auch bei Microsoft interessiert daran, sich an HTML- und ...
Bilder & Vektorgrafiken bearbeiten
Responsives SVG: Was geht, was geht nicht?
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 ...
HTML/CSS
Gitter voll im Griff: Firefox mit neuem Layout-Panel für CSS-Grids
Ordentliche, auf Raster beziehungsweise Gitter basierende Layouts waren bislang nur auf umständlichen Wegen möglich. Die neuen CSS-Grids, die in den neueren Versionen der bekannten ...
HTML/CSS
Modernes Webdesign: Diese Fehler solltest du vermeiden
Webdesign und -entwicklung haben sich in den vergangenen Jahren enorm geändert. Daran ist vor allem auch das mobile Internet verantwortlich, was die Art und Weise, wann und wie wir das ...