CSS Media Queries

CSS Media Queries

Was hat es mit CSS Media Queries auf sich? Wir erklären, wie Media Queries und Responsive Webdesign zusammenhängen und gehen auf verwandte Themen ein. Von Breakpoints und relativen CSS-Einheiten über CSS-Prozessoren bis hin zu den modernen CSS Utility Frameworks erhalten Sie den kompletten Überblick.

Iconfonts – vektorbasierte Zeichensätze

Iconfonts – Webdesign mit vektorbasierten Piktogrammen

Nutzen Sie einen Iconfont, um funktionale Piktogramme auf Vektorbasis in Ihre Webseite einzubinden. Gegenüber klassischen Pixelbildern haben Vektorgrafiken den Vorteil, dass sie sich ohne Qualitätsverlust beliebig skalieren lassen. Zudem bietet die Einbindung über CSS (Cascading Style Sheets) weitreichende Möglichkeiten der einfachen codebasierten Ausgestaltung. Zahlreiche Open-Source-Projekte...

Pixelgrafik vs. Vektorgrafik – ein Vergleich

Pixelgrafik oder Vektorgrafik? Vor- und Nachteile im Vergleich

Wann nutzen Sie eine Pixelgrafik und in welchem Fall ist eine Vektorgrafik besser geeignet? Wir stellen die Vor- und Nachteile beider Klassen von Computergrafiken gegenüber und zeigen die jeweiligen Anwendungsbereiche auf. So verwenden Sie auf Ihrer Website an jeder Stelle das richtige Bildelement in optimaler Qualität.

Was ist ein Pixel?

Was ist ein Pixel?

Was sind eigentlich Pixel? Mit der massenhaften Verbreitung von hochauflösenden Bildschirmen und Digitalkameras gelangte das Pixel als Kunstwort in aller Munde. Hinter diesem kleinsten Element eines gerasterten Bildes verbirgt sich eine ausgefeilte Technologie, dank der sich Abbildungen detailliert, farbrichtig und ohne sogenannte Artefakte auf Displays und über Drucker wiedergeben lassen.

Webdesign Planung

Grundlagen zum Webdesign - Teil 1: Die Planung

Wer eine Website erstellen möchte, sollte sich bewusst machen, was er mit seiner Website bezweckt und welche Funktionen die Seite bieten soll. Nur so kann man bei der Websitegestaltung einem roten Faden folgen: Denn am Anfang des Webdesigns steht immer die Planung – auf ihr gründet die Umsetzung jeder Internetseite. Was gilt es zu beachten, worauf sollten Sie Wert legen? Wenn Sie ausreichend Zeit...

Webdesign Benutzerfreundlichkeit

Grundlagen zum Webdesign - Teil 2: Benutzerfreundlichkeit

Die Aufmachung und Bedienung einer Website erfolgt häufig intuitiv – selbst wenn wir die Seite zum ersten Mal besuchen. Konventionelle Gestaltungsmuster sichern solch eine schnelle Nutzbarkeit. Sie werden aus gutem Grund eingesetzt: Über die verbreiteten Standards und Regeln wird die Benutzerfreundlichkeit eines Internetauftrittes gewährleistet. Diese Usability-Richtlinien sollte jeder Webdesigner...

CSS-Tricks, die Sie unbedingt kennen sollten

CSS-Tricks: Nützliche Snippets für Ihr Webprojekt

Die Stylesheet-Sprache CSS ist eines der wichtigsten Werkzeuge der modernen Webentwicklung. Sie macht es möglich, Inhalt und Layout einer Website voneinander zu trennen, und wird beständig vom World Wide Web Consortium (W3C) weiterentwickelt. CSS-Snippets vereinfachen die Gestaltung von Webseiten erheblich und können sogar Funktionen von Photoshop und JavaScript übernehmen. Wir verraten einige...

CSS-Lernen leicht gemacht

CSS-Tutorial: Einführung in Cascading Style Sheets

Ohne CSS wären Webseiten nur eine Ansammlung von Textelementen, die durch Überschriften und Absätze grob in Abschnitte unterteilt sind. Erst die Möglichkeit, HTML durch Cascading Style Sheets zu formatieren, macht das World Wide Web zu dem, was es heute ist: ein bunter Mix individuell gestalteter Online-Auftritte, von der ambitionierten Hobby-Homepage bis hin zur preisgekrönten Design-Website....

CSS in HTML einbinden

CSS in HTML einbinden: Eine Anleitung mit Beispielen

HTML und CSS gehören zu den Kernelementen des World Wide Webs und werden oft in Kombination miteinander verwendet. Arbeiten Sie mit einem HTML-Dokument und möchten CSS einbinden, gibt es interne und externe Methoden, mit denen sich die Formatvorgaben für Ihre Textinhalte effektiv umsetzen lassen. Hier finden Sie eine praktische Anleitung mit Beispielen.

Responsive Webdesign und Schrift - Grundlagen

Typografie im Responsive Webdesign - Teil 1: Grundlagen

Das Internet bietet zahlreiche Texte mit unterschiedlichsten Schriftarten. Die Verbreitung des Responsive Webdesigns wirkt sich auch auf die Webseiten-Typografie aus. Schließlich sollte sich die Schriftdarstellung stets dem Bildausschnitt des verwendeten Geräts anpassen. Reaktionsfähige Typografie muss bei der Darstellung flexibel sein und entsprechende Schriftfonts nutzen. Wir geben Ihnen einen...


Auf dem Laufenden bleiben?

Jetzt für unseren Newsletter anmelden und gratis Online-Marketing Whitepaper für lokale Anbieter sichern!