Responsive

Die populärsten Webdesign-Trends für das Jahr 2024Ruslan GrumbleShutterstock

Die populärsten Webdesign-Trends für das Jahr 2024

  • Webdesign

Webdesigner werden im Jahr 2024 ihrer Kreativität freien Lauf lassen können: von nostalgischen und maximalistischen Designs bis hin zu technischen Raffinessen wie Parallax-Scrolling und Chatbots. Dabei liegt die Herausforderung hauptsächlich darin, die ausgewählten Komponenten auf möglichst stimmige Weise im eigenen Projekt unterzubringen. Wir zeigen Ihnen, welche Webdesign-Trends Sie…

Die populärsten Webdesign-Trends für das Jahr 2024
Website-Design-Inspiration für kreative WebsitesRuslan GrumbleShutterstock

Website-Design-Inspiration für kreative Websites

  • Webdesign

Sie sind auf der Suche nach Website-Design-Inspiration für Ihre Homepage? Im Netz finden sich zahlreiche Online-Plattformen, Communitys und Blogs zum Thema Homepage-Gestaltung. Wir haben die besten Quellen für‘ Webdesign-Inspiration für Sie zusammengestellt. Egal, ob Flat-Design, One-Page-Website oder WordPress-Theme, hier finden Sie Input für Ihr Online-Projekt.

Website-Design-Inspiration für kreative Websites
WCAG – Richtlinien des W3C für gut zugängliche Webinhalte

WCAG – Richtlinien des W3C für gut zugängliche Webinhalte

  • Web-Entwicklung

Die Web Content Accessibility Guidelines (WCAG) des W3C dienen Webseitenbetreibern als Empfehlung zum Erstellen barrierefreier Internetangebote. Dazu stützen sich die WCAG auf die vier Prinzipien: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit. Diesen werden zwölf grundlegende Richtlinien zugewiesen, wie man Webinhalte für Menschen mit sensorischen, motorischen oder kognitiven…

WCAG – Richtlinien des W3C für gut zugängliche Webinhalte
Was bedeutet Responsive Design?

Was bedeutet Responsive Design?

  • Webdesign

Moderne Websites werden von einer Vielzahl ganz unterschiedlicher Geräte aufgerufen: Vom Handy mit kleinem Bildschirm bis zum hochauflösenden 4K-Profirechner ist alles dabei. Um diese Bandbreite an Ausgabemedien zu bedienen kommt das responsive Webdesign zum Einsatz. Layout, Typografie, Bilder und Navigation werden dabei so gestaltet, dass sie sich an das jeweils vorhandene Gerät anpassen.

Was bedeutet Responsive Design?
Webframeworks – Überblick und Klassifizierung

Webframeworks – Überblick und Klassifizierung

  • Web-Entwicklung

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…

Webframeworks – Überblick und Klassifizierung
Die beliebtesten WordPress-Themes

Die beliebtesten WordPress-Themes

  • Blogs

Neben dem richtigen Content muss vor allem das Design Ihrer Website passen: Das CMS WordPress ist dafür bekannt, dass man das Aussehen der Website mit nur wenigen Klicks ändern kann. Noch einfacher wird dies, mit den richtigen WordPress-Themes. Die Vielfalt der an Templates oder Vorlagen ist jedoch riesig. Wir stellen die besten WordPress-Themes vor!

Die beliebtesten WordPress-Themes
CSS Media Queries

CSS Media Queries

  • Webdesign

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.

CSS Media Queries
Die besten WordPress-Mobile-Plugins

Die besten WordPress-Mobile-Plugins

  • Blogs

WordPress-Mobile-Plugins unterstützen Website-Betreiber dabei, eine Website so „aufzurüsten“, dass sie ohne Theme-Anpassung auf mobilen Endgeräten wie Handy und Tablet responsive angezeigt werden. Welche WordPress- Plugins gibt es dafür, was können sie, wie hoch ist der Installationsaufwand? Und wird die WordPress-Seite dann auch wirklich responsive auf dem Handy ausgespielt?

Die besten WordPress-Mobile-Plugins
YAML vorgestelltSinart CreativeShutterstock

YAML vorgestellt

  • Web-Entwicklung

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…

YAML vorgestellt
Responsive-Test: 7 kostenlose Tools im ÜberblickAndrii OrlovShutterstock

Responsive-Test: 7 kostenlose Tools im Überblick

  • Webdesign

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 sieben nützliche…

Responsive-Test: 7 kostenlose Tools im Überblick