Webdesign

Mit One-Pagern die Conversions steigern

Jeder Mensch liebt Geschichten und davon können Dienstleister, Firmen und andere Anbieter online profitieren. Doch dies ist aufgrund des etablierten Mechanismus im Internet nicht einfach, da sich das Layout und die Struktur von Webseiten nur kaum verändert hat. Das One-Page-Design ist da eine von wenigen Ausnahmen. Bei dem One-Page-Design wird...

Weiterlesen

Hover.css & Bounce.js

Hover.css: 50 Hover-Effekte für deine Website Hover.css stellt dir eine Ansammlung von Hover-Effekten bereit, die du auf unterschiedliche Bereiche deiner Seite anwenden kannst. Heute wird dir die kleine, aber sehr informative CSS-Bibliothek vorgestellt. Animationen ohne Vendor-Präfix Bei CSS3 stehen Webdesignern viele Mittel zur Verfügung, um Internetseiten noch spannender zu gestalten....

Weiterlesen

Compressor.io – Einfach nur genial

Das kostenlose Tool Compressor.io kann die gängigsten Bildformate um bis zu 90% verkleinern. Frontend-Entwickler Stephane Lyver hat eine neue App für das Internet entwickelt, die eine automatisierte Optimierung von Bildern für die Formate JPEG, GIF, SVG, und PNG anbietet. Die Komprimierung kann mit Verlust der Bildqualität oder verlustfrei erfolgen. Die...

Weiterlesen

Top 10 Monitorauflösungen 2014

Als Grafiker, Webdesigner oder Programmierer zu bestimmen, welche Bildschirmauflösung genutzt werden soll, wird in letzter Zeit immer schwieriger. Auswertungen der Standard-Monitorauflösungen werden einfach immer aufwendiger, da auch die Art der Endgeräte ständig detaillierter wird. Einerseits gibt es mehr mobile Endgeräte, andererseits werden Bildschirme heute nur als Breitbild-Geräte verkauft. 1366 x...

Weiterlesen

Parallax Scrolling

Von einigen Vertretern der Zunft wird Parallax Design als ein Übel bezeichnet, andere loben es in den Himmel. Wenn man Parallax Scrolling auf einer simplen Webseite ohne großartige Elemente betrachtet, dann könnte man doch fast zu dem Schluss kommen, es sei nur ein Versuch diese aufzuwerten. So ist es kein...

Weiterlesen

F-Pattern: Wie du Anwender durch deine Webseiten leiten kannst

Eines der grundlegenden Konzepte zur Layout-Erstellung ist das F-Pattern. Hier wird dir erklärt, was man unter diesem Muster versteht und was du bei seiner Durchführung beachten musst. Das F-Pattern verstehen Für das Webdesign sind bestimmte psychologische Grundlagen entscheidend. Sie gelten als Erfolgsfaktoren für gute Webdesigns. Betrachtungsmuster sind dabei sehr wichtig...

Weiterlesen

Z-Pattern verstehen: Des Webdesigns Psychologie

Ein grundlegendes Konzept bei dem Aufbau von Layouts heißt Z-Pattern. Hier erkläre ich dir, wofür man dieses Muster braucht und was du bei der Realisierung beachten musst. Z-Pattern verstehen Im Bereich des Webdesigns sind bestimmte psychologische Grundlagen entscheidend. Sie gelten als wichtige Erfolgsfaktoren für gute Designs. Betrachtungsmuster sind dabei sehr...

Weiterlesen

Webdesign in Japan

Webdesign in Japan: Die Webdesigner hierzulande sind oft sehr überrascht, wenn sie sich auf eine japanische Internetseite verirren. Quietsch-bunte Farben, völlig überladene Designs, kitschige Werbebanner, kein White-Space, zu viel Text, und veraltete Flash-Technologie sind in Japan noch immer aktuell. Doch woran kann es liegen, dass das Web eines technologisch so...

Weiterlesen

Schnellere Internetseiten mit verbessertem CSS-Code

Da ich gestern den Artikel “Warum Webseiten langsam sind und warum die Geschwindigkeit wichtig ist” gepostet hatte, kommt heute ein kleines Tutorial. Die Verwendung von CSS wirkt sich auf die Schnelligkeit einer Internetseite aus. Worauf geachtet werden sollte, wird dir in diesem Tutorial erklärt. Die Anzahl der CSS-Dateien auf maximal...

Weiterlesen

Das Webdesign schreibt Geschichte – Herzlichen Glückwunsch, Berlin!

Die Berliner Mauer fiel am 9. November 1989 – das war vor fast genau 25 Jahren. Der rbb (Rundfunk Berlin Brandenburg) hat sich diesen besonderen Jahrestag zum Anlass genommen, ein Online-Projekt mit dem Namen „Die Berliner Mauer – Geschichte in Bildern“ zu veröffentlichen. Das Ergebnis ist eine großartig gestaltete Internetseite,...

Weiterlesen