Responsive

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...

Mock-up und Wireframe im direkten Vergleich

Mock-up und Wireframe: So visualisieren Sie Ihr Website-Konzept

Von der Idee bis zum Endprodukt ist es oft ein weiter Weg – das gilt auch für die Entwicklung einer neuen Website oder App. Einer der entscheidenden und anspruchsvollsten Schritte, um das geplante Konzept in die Tat umzusetzen, ist die Visualisierung der Ideen von Layout, Design und Funktionalität. Dabei spielen Mock-ups und Wireframes eine wichtige Rolle.

Webframeworks – ein Überblick

Webframeworks – Überblick und Klassifizierung

Frameworks sind aus dem Web-Engineering nicht mehr wegzudenken. Statt Anwendungen von Grund auf neu zu schreiben, können sich Programmierer bei der objektorientierten Software-Entwicklung auf bewährte Programmgerüste aus vordefinierten Klassen und Methoden stützen. Die Auswahl eines geeigneten Webframeworks ist jedoch alles andere als einfach. Wir erklären, wie ein solches Rahmenwerk funktioniert...

Grafische Benutzeroberfläche: Alles für ein gutes UI

Grafische Benutzeroberfläche: Was macht ein gutes User- Interface aus?

User Interface ist eines der wichtigsten Stichworte im modernen Webdesign und der Softwareentwicklung. Für beide Disziplinen sind aktuell besonders grafische Benutzeroberflächen von Bedeutung. Doch neben diesen gibt es von Voice User Interfaces bis hin zu Brain Computer Interfaces inzwischen zahlreiche weitere Schnittstellen, über die die Interaktion zwischen Mensch und Maschine stattfinden kann....

Parallax Websites: Scrolling-Effekte mit Tiefenwirkung

Was ist Parallax-Scrolling?

Die Netzgemeinde liebt Abwechslung – nicht nur in Bezug auf Inhalte, sondern auch hinsichtlich der Gestaltung von Internetseiten. Webdesigner und Softwareentwickler sind daher stets bemüht, mit kreativen Ideen hervorzustechen und Webseitenbesucher mit neuen Nutzer-Erfahrungen zu überraschen. Einer dieser innovativen Gestaltungsansätze ist das sogenannte Parallax-Scrolling, das sich...

Responsive Webdesign - Webfont-Tipps

Typografie im Responsive Webdesign - Teil 2: Geeignete Schriftarten

Die Auswahl an Webschriften hat sich mit der Einführung von Webfonts gewaltig erhöht. Viele dieser Schriftarten lassen sich kostenlos herunterladen. Dank ihrer Anpassungsfähigkeit eignen sie sich perfekt fürs Responsive Webdesign – die Schrift Ihrer Webseiten passt sich den Anforderungen der Endgeräte an. Verschiedene Internet-Plattformen bieten reaktionsfähige Webfonts an, die Sie schon mit...

Tools für den Responsive-Test Ihrer Website

Responsive-Test: Acht kostenlose Tools für den Responsive-Webdesign-Test

Vor ihrem Livegang sollte eine Website stets auf Herz und Nieren geprüft werden. Das ausgiebige Testen eines Internetauftritts nimmt schon für sich genommen viel Zeit in Anspruch – bei einem responsiven Webangebot überprüfen Sie zudem, ob sich die Site fehlerfrei an verschiedene Bildschirmauflösungen anpasst. Hierbei hilft ein kostenloses Responsive-Test-Tool. Wir stellen Ihnen acht nützliche...

Responsive Webdesign und Schrift: CSS-Befehle

Typografie im Responsive Webdesign - Teil 3: Technische Umsetzung mit CSS

Im Responsive Webdesign ist die Typografie ein häufig vernachlässigtes Feld, obwohl die Gestaltung einer anpassungsfähigen Schrift kein Expertengeheimnis ist. Wie lässt sich diese realisieren? Und welche Webfonts taugen für ein responsives Schriftbild? Wir geben Ihnen einen Einblick in die technische Umsetzung reaktionsfähiger Webtypografie und wie Sie diese über CSS in Ihren Webauftritt...

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...

YAML: Das schlanke CSS-Framework für Experten

YAML: Das standardkonforme Grundgerüst für universelle Webprojekte

Wenn Sie eine neue Webanwendung entwickeln wollen, stehen Sie vor der Wahl, den Code komplett neu zu schreiben oder alternativ auf Frameworks zurückzugreifen. Diese Code-Sammlungen enthalten ein anwendungsbereites Gerüst, das Sie in der Folge an die eigenen Vorstellungen anpassen können. Das CSS-Framework YAML stellt Ihnen beispielsweise eine responsive Rahmenstruktur zur Verfügung, die bereits...


Auf dem Laufenden bleiben?

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