Design

Design

CSS Contact Form: Schicke Kontaktformulare sehr einfach

7. Juli 2015
von
csscontactform-teaser_DE

Die Gestaltung benutzerfreundlicher und ansprechender Formulare ist nicht immer einfach. Pflichtfelder sollten gut erkennbar und Fehlermeldungen auffällig sein. Dazu kommt, dass Felder wie Radio-Buttons und Checkboxen nur auf Umwegen mit gänzlich eigenem Aussehen versehen werden können. Wie man Kontaktformulare raffiniert, übersichtlich und sehr individuell gestalten kann, zeigt das CSS Contact Form von CodyHouse. Formular mit dezenten Animationen und SVG-Icons Das Design des Kontaktformulars besticht...

Deals & Give-aways

Exklusiv bei Dr. Web: WebSite X5 Home 11 als kostenloser Download

7. Juli 2015
von
websitex5home11-teaser_DE

Heute haben wir gute Nachrichten für alle Seitenbastler ohne Agenturbudget. Incomedia öffnet für unsere Leserinnen und Leser sieben Tage lang die Paywall und verschenkt den Homepage-Baukasten WebSite X5 Home 11. Für den Download ist keinerlei Gegenleistung erforderlich. Klicken Sie einfach weiter unten im Artikel auf den Download-Link und laden den Installer auf Ihre lokale Festplatte. WebSite X5 Home 11: Knappe 20 Euro gespart mit...

Bilder & Vektorgrafiken bearbeiten

Wissenswert: So setzen Sie Stockfotos richtig ein

6. Juli 2015
von
stockfotos-teaser_DE

Fotos spielen eine wichtige Rolle im Grafik- und Webdesign. Sie lockern auf, vermitteln Stimmungen und Eindrücke und regen zum Lesen beziehungsweise Weiterlesen von Texten an. Daher sind Fotos in Unternehmenswebsites und in Blogs ein nahezu unverzichtbares Mittel der Kommunikation. Da man nicht immer das passende Foto zur Stelle hat und dieses oft auch mit keinem vertretbaren Aufwand selbst geschossen werden kann, gibt es Stockfotos. Diese...

Design

Brandneu: Photoshops Zeichenflächen erleichtern das Webdesign

3. Juli 2015
von
photoshop-zeichenflaeche-teaser_DE

Eine der größten Neuerungen der aktuellen Creative Cloud von Adobe ist die Einführung von Zeichenflächen in Photoshop. Aus Illustrator kennt man diese Funktion bereits. Sie erlaubt es, innerhalb eines Dokumentes mehrere eigenständige Bereiche anzulegen, die unabhängig zu anderen gestaltet werden können. Gedacht ist diese neue Möglichkeit vor allem für das Erstellen von Weblayouts. Eine Website, mehrere Layouts Dank der Verbreitung von Smartphones und Tablets wird das...

Bilder & Vektorgrafiken bearbeiten

Behance: Zehn nützliche und inspirierende Iconsets

30. Juni 2015
von
behance-icons-teaser_DE

Icons sind im Webdesign ein beliebtes und unverzichtbares Instrument. Aber gerade das Erstellen komplexer Iconsets ist sehr zeitaufwändig. Daher greifen viele Webdesigner und -entwickler auf fertige Icons zurück, von denen es dankenswerterweise eine große Auswahl gibt – sowohl kostenlos als auch kostenpflichtig. Auch das Kreativnetzwerk Behance ist eine gute Anlaufstelle, wenn man auf der Suche nach Icons ist. Neben klassischen Sets, die sehr umfangreich...

Design

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

27. Juni 2015
von
barrierearmeswebdesign-teaser_DE

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. Doch Barrierefreiheit meint auch die plattformunabhängige Darstellung auf allen möglichen Geräten, und nicht nur auf einem normalen PC-Bildschirm. Somit...

Design

CSS3: Animation mit play() und pause() steuern

26. Juni 2015
von
css3-playpause-teaser_DE

Seit Einführung der „animate()“-Methode ist es möglich, CSS3-Animationen direkt per JavaScript zu erstellen, ohne dass diese in irgendeinem Stylesheet definiert sein müssen. Fortan können wir diese Animationen nun auch mit den Methoden „play()“ und „pause()“ steuern – also ganz so, wie man es von der Audio- und Videosteuerung her kennt. Darüber hinaus stehen mit „cancel()“ und „reverse()“ weitere Methoden zur Verfügung, die eine umfangreiche Steuerung...

Design

Behance: 19 inspirierende, kostenlose Schriften gegen langweilige Designs

24. Juni 2015
von
behancefonts-teaser_DE

Das Kreativnetzwerk Behance, das von Adobe betrieben wird, ist immer eine gute Anlaufstelle, um sich einfach mal inspirieren zu lassen. Viele Gestalter und Illustratoren stellen dort freie und Auftragsarbeiten vor. Darunter befinden sich auch viele Schriften, die nicht nur als Entwurf vorhanden sind, sondern auch produktiv genutzt werden können. Viele dieser Schriften sind zudem kostenlos und teils sogar recht gut ausgebaut. Schriften für den Alltagseinsatz...

Design

Media Queries Level 4: Pointer optimiert Websites für Zeigegeräte

12. Juni 2015
von
Media Queries Level 4: Pointer optimiert Websites für Zeigegeräte

Dank Media Queries lässt sich eine Website unter anderem für verschiedene Auflösungen und Geräteorientierungen gestalten. So ist es möglich, für nahezu alle Geräte ein optimales Aussehen bereitzustellen. Eine Sache konnte bislang jedoch nicht berücksichtigt werden, nämlich das Zeigegerät beziehungsweise der Pointer. Zwar darf man sich bei kleinen Auflösungen relativ sicher sein, dass es sich um ein Smartphone mit entsprechender Gestensteuerung handelt; zwischen gestengesteuerten Tablets und mausgesteuerten...

HTML/CSS

MUI: CSS-Framework für Websites in Googles Material Design

9. Juni 2015
von
MUI CSS-Framework

Mitte letzten Jahres stellte Google sein neues Designkonzept „Material Design“ vor. Es löst das bisher eingesetzte „Flat Design“ ab und wird in allen Produkten des Unternehmens eingesetzt – von Googles Websites über Chrome bis zum Betriebssystem Android. Mit dem Framework MUI lässt sich das „Material Design“ per HTML, CSS und JavaScript auch auf Webprojekte anwenden. Dabei wird das Designkonzept von der Farbgebung und Typografie über...