Design

HTML/CSS

Circulus.SVG – Kreismenüs mit SVG zum Zusammenklicken

1. April 2015
von
Circulus.SVG – Kreismenüs mit SVG zum Zusammenklicken

Das SVG-Format kann deutlich mehr als vektorbasierte Grafiken bereitzustellen. So lassen sich auch ungewöhnliche Navigationen realisieren, die sich von den sonstigen Menüs sehr schön abheben. Mit Circulus.SVG ist es beispielsweise möglich, eine Navigation in Form eines Kreises oder auch Halbkreises zu gestalten. Dabei lässt sich das Aussehen des Kreises und die Anzahl der Menüpunkte einfach über ein Konfigurationsmenü zusammenstellen. Grundlayout für Kreismenü erstellen Bei vielen SVG-Frameworks muss...

(Kostenlose) Services

Stitches: Kostenloser CSS-Sprite-Generator (auch zum Selberhosten)

30. März 2015
von
Stitches: Kostenloser CSS-Sprite-Generator (auch zum Selberhosten)

Bei der Entwicklung von Websites gilt ja bekanntlich: Je weniger Dateien geladen werden müssen, desto besser ist das für die Ladegeschwindigkeit und den Seitenaufbau. Daher werden gerade Icons und andere vor allem kleine Grafiken oftmals nicht als Einzeldateien angelegt, sondern als Sprite. Dabei werden mehrere Grafiken in einer Bilddatei zusammengefasst. Die Erstellung eines Sprites per Hand erfordert etwas Arbeit. Die Grafiken werden in einer Bilddatei angeordnet....

Bilder & Vektorgrafiken bearbeiten

Fotor: Kostenlose Bildbearbeitung für jedermann und jedes Gerät

29. März 2015
von
Fotor: Kostenlose Bildbearbeitung für jedermann und jedes Gerät

Wirklich gute Bildbearbeitungsprogramme findet man nur sehr selten. Besonders, wenn sie kostenlos sein sollen. Die Fotor-Bildbearbeitung stellt eine rühmliche Ausnahme dar, denn Sie ist nicht nur kostenlos, sondern auch auf allen Plattformen erhältlich. Eine hervorragende Smartphone-App gibt es für Android und iOS, die Desktop-Anwendung bekommt man für Windows und Mac. Gerade die Smartphone-App ist für Foto-Freunde sehr interessant, denn die Funktionen zur Verbesserung der aufgenommenen...

Design

Flickity: Schicke Galerien auf allen Geräten – responsiv und mit Gestensteuerung

28. März 2015
von
Flickity: Schicke Galerien auf allen Geräten – responsiv und mit Gestensteuerung

Es gibt zahlreiche Lösungen, um Galerien per JavaScript zu realisieren. Mal überzeugt die Bedienung nicht, mal ist der Funktionsumfang eher bescheiden. „Flickity“ hingegen ist ein zeitgemäßes JavaScript-Framework für Galerien, welches nicht nur am Desktop funktioniert, sondern auch für Mobilgeräte bestens geeignet ist. Die Galerie ist responsiv und lässt sich sowohl per Maus als auch per Gesten bedienen – bei Bedarf auch per Tastatur. Dank CSS3 kann man...

Boilerplates & andere Tools

Voll im Trend: 9 Material Design Frameworks für moderne Webseiten

27. März 2015
von
Voll im Trend: 9 Material Design Frameworks für moderne Webseiten

Google hat mit seinem für Android entwickelten Material Design einen der größten Design-Trends der letzten Zeit angestoßen. Nach langer Zeit sieht Android endlich gut aus. Viele meinen, dass das Design mittlerweile mit iOS gut mithalten kann. Doch nicht nur mobile Apps werden heute in Material Design umgesetzt, auch immer mehr Webseiten nutzen das neue Design. Um das Design gut und ansprechend umsetzen zu können, kann man...

Design

Webdesign: Transparenz als Gestaltungselement (mit Best Practices)

21. März 2015
von
Webdesign: Transparenz als Gestaltungselement (mit Best Practices)

Transparenz ist mittlerweile ein großer Trend im Webdesign, nachdem der überwiegende Teil der Browser diese auch darstellen kann. Transparente Teile einer Website werden entweder eingesetzt, um Akzente zu setzen oder den Fokus auf einen bestimmten Bereich zu lenken. Dieses können etwa Bilder, aber auch Textpassagen sein. Leider kann man bei der Entwicklung von Webseiten mit transparenten Effekten einiges falsch machen. Daher zeigen wir Ihnen...

Bilder & Vektorgrafiken bearbeiten

Photoshop-Wissen für Fortgeschrittene: Lösungen zum Wissenstest

19. März 2015
von
Photoshop-Wissen für Fortgeschrittene: Lösungen zum Wissenstest

Sie haben das Quiz für den fortgeschrittenen Anwender überstanden und wollen jetzt schauen, ob hier auch alles richtig aufgelöst wurde? Na, dann auf zu den Lösungen unseres Quiz zum Thema Photoshop-Wissen für den Profi. Alles für den Bildbearbeiter, der Photoshop von A wie Auswahl bis Z wie Zoom-Werkzeug kennt. Und wenn Sie doch ein paar Schwierigkeiten mit den korrekten Lösungen hatten, dann sollten Sie...

Bilder & Vektorgrafiken bearbeiten

[UPDATE: Preissenkung] Deal der Woche: Das Grafikpaket Pro 14 für Photoshop (und ganz kleines Geld)

17. März 2015
von
[UPDATE: Preissenkung] Deal der Woche: Das Grafikpaket Pro 14 für Photoshop (und ganz kleines Geld)

Gut, dass Sie da sind. Schauen Sie mal hier: heute können Sie 2 Kilogramm Wissen und Werkzeug im Gesamtwert von über 1.000 Euro für 129 79 Euro erhalten – komplett im Schuber, befüllt mit mehrfachen Testsiegern. Passionierte Bildbearbeiter finden hier nahezu alles, was Herz und vor allem Hirn begehren. Der Haken an der Sache: es gibt nur eine äußerst begrenzte Anzahl dieser Pakete. Wenn...

Photoshop

Wissenstest: 10 Fragen zu Photoshop, die nur ein echter Profi beantworten kann

17. März 2015
von
Wissenstest: 10 Fragen zu Photoshop, die nur ein echter Profi beantworten kann

Die folgenden 10 Fragen zu Adobe Photoshop kann nur der wahre Profi beantworten. Hier geht es richtig in die Tiefen und dunkelsten Ecken unserer liebsten Bildbearbeitung. Tricks, die selbst Thomas Knoll im Quellcode nicht entdecken konnte. Aber ehrlich: Ganz so wild ist es natürlich nicht und wer schon etwas länger mit Photoshop arbeitet, wird hier wohl gut punkten können. Und falls nicht: es schaut...

Design

HTML5 und CSS3: So machen Sie Ihre Website fit für hochauflösende Displays

16. März 2015
von
HTML5 und CSS3: So machen Sie Ihre Website fit für hochauflösende Displays

Als Apple vor einigen Jahren anfing, seine iPhones, iPads und MacBooks mit hochauflösenden Displays – den sogenannten Retina-Displays – auszustatten, hat das zu einer deutlichen Verbesserung der Darstellungsqualität geführt. Einzelne Pixel sind auf diesen Displays nicht mehr als solche zu erkennen. Mittlerweile sind hochauflösende Displays längst keine Besonderheit mehr. Vor allem aktuelle Mobilgeräte sind schon in der Mittelklasse hochauflösend. Während viele Apps für Mobilgeräte...