Kategorien
Design Inspiration Webdesign

Flexible Markenidentitäten sind der Schlüssel zu erfolgreichem Webdesign

Hast du dich schon mit der Frage beschäftigt, was deine Marke verkörpert? Was ist ihre Identität, welche Gefühle löst sie bei deinen Kunden aus und welche Werte vermittelt sie? Falls deine Antwort Nein ist, solltest du auf jeden Fall weiterlesen. Marken sind unglaublich wichtig für die Wahrnehmung deiner Kunden. Und hinter Marken steckt mehr als ein Logo und ein Begriff. Wie du deine Markenidentität gestalten solltest, erfährst du in diesem Artikel.

Kategorien
Fotografie Inspiration Webdesign

Lizenzfreie, kostenlose Bilder und Illustrationen für alle!

Kostenlose Fotos kann man immer gebrauchen. Sie zu finden, ist nicht ganz so einfach, denn häufig musst du doch zahlen, oder teils abstruse Lizenzen einhalten. Tust du das nicht, kann es schnell zur Abmahnung kommen.

Kategorien
HTML/CSS Webdesign

39 CSS-Buttons mit Hover-Effekt und den dazugehörigen Code-Schnippets

Für schön anzusehende CSS-Buttons benötigt es schon lange keine Grafiken mehr — sie lassen sich formen aus der Schönheit des geschriebenen Codes. Doch die Erstellung kann ganz schön knifflig werden, wenn du an eine umfassende Browser-Kompatibilität denkst. Wie gut, dass es fertige Code-Schnipsel und zahlreiche Beispiele dafür gibt. Und noch besser, dass wir heute die […]

Kategorien
HTML/CSS Webdesign

CSS3: Texte unterstreichen – 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 Unterfangen. Nur auf Umwegen ließen sich Farbe und Art der Unterstreichung beeinflussen. Die erweiterte CSS3-Eigenschaft „text-decoration“ gibt dir zusätzlichen Spielraum für die Gestaltung von Texten. „text-decoration“ um Features erweitert […]

Kategorien
Webdesign Workflow

Website fertig? Die ultimative Checkliste für dein Web-Projekt

Die Entwicklung von Websites kann ein langwieriger und mühsamer Prozess sein. Besonders, wenn du einen Klienten erwischt, der keine klare Vorstellung vom Projekt hat. Du könntest jetzt in die Versuchung geraten, die Website auf Biegen und Brechen online zu bringen. Das könnte dir jedoch ordentlich aufs Butterende schlagen.

Kategorien
HTML/CSS Webdesign

14 HTML Features, die du {vielleicht} noch nicht kennst

Bis heute sind insgesamt 142 HTML-Elemente vom W3C standardisiert worden, mit Ausnahme derer, die sich noch in der Phase der Standardisierung befinden und natürlich denen, die man als überholt kennzeichnet. Das bedeutet, dass man durchaus einige Elemente nicht kennt und daher nicht benutzt, obwohl sie vielleicht sehr nützlich sein könnten. Auch im Sinne der Webstandards […]

Kategorien
Design HTML/CSS Webdesign

Natives Lazy-Loading in Chrome

Wichtige Neuerungen im Netz gibt es einige, doch nur wenige sind wirklich von so grundlegender Bedeutung, dass sie für einen Großteil aller Nutzer mit einem Schlag eine deutliche Verbesserung bringt. Eine solche Neuerung ist das sogenannte Lazy-Loading, welches der Chrome-Browser ab Version 76 von Haus aus „nativ“ unterstützt. Chrome wird ab August 2019 das nachrangige […]

Kategorien
Design HTML/CSS Webdesign

CSS3: So zentrierst du Elemente richtig

Was soll daran schwierig sein, Elemente in CSS zu zentrieren? So mögt ihr spontan denken. Wenn ihr euch mit dem Thema jedoch schon öfter befasst habt, wisst ihr auch, dass Zentrierung manchmal zu einer echten Herausforderung werden kann. Im folgenden Beitrag zeige ich euch fünf Methoden, eure Elemente und Schriftzüge in HTML mit Hilfe von […]

Kategorien
Freebies, Tools und Templates HTML/CSS Webdesign

Kostenlose HTML-Editoren: Die 16 Besten für Webentwickler unter Windows

Webdesigner und Webentwickler, die mit Windows arbeiten, finden durchaus einige kostenlose HTML-Editoren vor. Nur, welcher eignet sich und welcher eher nicht. Wir sagen es dir. Hier geht’s zum Artikel für Mac-User.

Kategorien
Bilder bearbeiten Design Responsive Design Webdesign

Responsives Webdesign: So wählst du die richtigen Fotos für unterschiedliche Formate

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.

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
Inspiration Webdesign

So verwendest du Sound in modernem Webdesign

Musikalische Hintergrund-Beschallung im Webdesign ist ja total out, könnte man meinen. Eigentlich glaubten wir Webdesigner und Entwickler, diese anachronistische Art des »Erheischens von Aufmerksamkeit« schon seit den Anfangstagen des standardgerechten Webdesigns hinter uns gelassen zu haben. Doch weit gefehlt.

Kategorien
Design Webdesign

Performance: So optimierst du Schriften für deine Website

Webschriften sind eine große Bereicherung für das Webdesign. In ambitionierteren Projekten geht es kaum mehr ohne. Schließlich haben sie die Einheitstypografie mit Verdana und ihren Zeitgenossen beendet. Da Webschriften im Gegensatz zu Systemschriften jedoch heruntergeladen werden müssen, stellen sie natürlich eine zusätzliche Ressource dar, die für zusätzlichen Datentransfer sorgt. Mit den folgenden Tipps optimierst du […]

Kategorien
Bilder bearbeiten Design E-Business Social Media Sonstige Programme Webdesign

Design mit Spark, Canva, Crello: So erstellst du perfekte Bilder für deine Website

Es ist schon erstaunlich, aber wahr. Für die Erstellung plakativer Bildkompositionen für deine sozialen Medien, deine Website und sogar deine sonstigen Kommunikationsmittel musst du nicht unbedingt Geld ausgeben. Mit Spark, Crello und Canva buhlen gleich drei kostenlose Dienste um deine Gunst. Wie du mit den drei Alternativen jeweils zum Ergebnis kommst, zeige ich dir folgend […]

Kategorien
Programmierung Webdesign

Lokale Datenhaltung: So speicherst du mit Cookies & Co im Browser

Lange Zeit waren Cookies die einzige Möglichkeit, Informationen lokal im Browser zu speichern. Noch heute werden sie vor allem in Kombination mit serverseitigen Sessions verwendet. Doch dank HTML5 haben wir weitere Optionen, Daten lokal im Browser abzulegen. So gibt es den „Application Cache“ sowie „Web Storage“ und IndexedDB. Wofür aber gibt es die unterschiedlichen Speichermöglichkeiten […]

Kategorien
HTML/CSS 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
Design HTML/CSS Responsive Design UI/UX Webdesign

Design für Alle: Fünf Richtlinien für barrierearme Websites

Menschen mit Behinderungen sind überdurchschnittlich oft im Internet unterwegs und dabei manchmal auf spezielle Aufbereitungen der Webangebote angewiesen. Diese Aufbereitung geht über die übliche Darstellung am Bildschirm hinaus. Menschen mit einer Einschränkung des Sehvermögens lassen sich Websites oftmals mittels Screenreader vorlesen oder auch in Braille-Schrift ausgeben.

Kategorien
Design Inspiration Tutorials UI/UX Webdesign

Typographie im Alltag: So werden deine Texte lesbar

Wenn du als Seitenbetreiber denkst, Typographie brauche dich nicht zu interessieren, dann irrst du. Die reine Lesbarkeit deiner Texte ist nämlich auch schon eine Frage der Typographie. Und um genau diese Typographie im Alltag will ich mich im folgenden Beitrag kümmern.

Kategorien
Webdesign

Was bedeutet Barrierefreiheit für deine Besucher im Alltag?

Egal ob du das Baby auf den Arm hast, das mitgebrachte Sandwich am Schreibtisch isst, oder deine Sicht alters- oder gesundheitsbedingt eingeschränkt ist: Sind Anwender in der einen oder anderen Art und Weise beim Navigieren auf Webseiten eingeschränkt, verwenden sie zumeist nur die Tastatur zum Navigieren auf Webseiten. Ganz verallgemeinert kann man die Nutzer, welche […]

Kategorien
Design HTML/CSS Webdesign

So erstellst du das optimale Print-Stylesheet

Auch heute gibt es noch viele Menschen, die sich das Internet ausdrucken möchten. Das kann verschiedene Gründe haben. Vielleicht will ein Team den Inhalt deines Beitrags im Meeting besprechen. Oder jemand möchte deinen Artikel dort lesen, wo er gewiss keinen Internet-Empfang hat. Um diese Menschen ansprechen zu können, benötigt jede Website immer noch eine CSS-Datei […]