HTML/CSS

Gut ankommen: Responsives CSS-Dropdown-Menü ohne JavaScript

7. April 2015
von Denis Potschien
1
Gut ankommen: Responsives CSS-Dropdown-Menü ohne JavaScript

Wohin mit der Navigation? Diese Frage muss bei eigentlich jedem Webprojekt beantwortet werden. Gerade bei umfangreichen Websites ist es nicht immer einfach, die richtige Antwort darauf zu finden. Besteht eine Webpräsenz aus vielen Seiten und Unterseiten, bietet sich häufig ein Dropdown-Menü an. Dank CSS lassen sich Dropdown-Menüs ganz ohne Einsatz von JavaScript anlegen und mit Hilfe von Media Queries responsiv gestalten. Das macht die Menüs auch auf mobilen...

Inspiration

Gegensätze ziehen sich an: Design-Tipps für eine klare und doch bunte Website

3. April 2015
von Tara Hornor
4
Gegensätze ziehen sich an: Design-Tipps für eine klare und doch bunte Website

Ein klares Webdesign muss nicht zwangsläufig langweilig sein, genauso wie eine bunte Website weder hässlich noch aufdringlich sein muss. Was viele nicht wissen: Um ein klares Design aufzupeppen, braucht es meist nur leuchtende bzw. kräftige Farben. Eine klare Struktur macht hingegen aus “unschön” und aufdringlich einfach nur bunt und quirlig. Deshalb ergänzen sich klare und bunte Elemente zu einer perfekten Website, die heraussticht und...

E-Business

SEO-Basics: Gute Backlinks, schlechte Backlinks [Infografik]

2. April 2015
von Andreas Hecht
1
SEO-Basics: Gute Backlinks, schlechte Backlinks [Infografik]

Sollten sie sich gerade einmal näher mit der Suchmaschinenoptimierung befassen, dann merken Sie recht schnell, dass die meisten Leute in diesem Geschäft nur über eines reden: das sogenannte “Link-Building”. Das meint nichts anderes, als dafür zu sorgen, dass so viele externe Links auf die zu optimierende Webseite eingehen, wie nur möglich. Google nutzt die Anzahl der eingehenden Links als eine Art Barometer für die...

HTML/CSS

Circulus.SVG – Kreismenüs mit SVG zum Zusammenklicken

1. April 2015
von Denis Potschien
3
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...

Deals & Give-aways

Deal der Woche: Beeindruckende Lichteffekte mit Amberlight für Mac, Windows und knappe 10 Euro

1. April 2015
von Dieter Petereit
2
Deal der Woche: Beeindruckende Lichteffekte mit Amberlight für Mac, Windows und knappe 10 Euro

Sie kennen das aus einem beliebigen Hollywood-Blockbuster. Ohne knackige Lichteffekte bleibt der Mund nicht so schön offen stehen. Die Faszination für Donner und Blitz ist offenbar in unseren Genen verankert. Und immer, wenn es darum geht, etwas zu zeigen, das größer als die bekannte Welt ist, geschieht das mit massivem Lichtereinsatz. Wieso also sollten wir diesen psychologischen Effekt nicht auch für Web- oder Grafikdesignprojekte...

(Kostenlose) Services

1001FreeDownloads: Kostenlose Design-Elemente in rauen Mengen

31. März 2015
von Redaktion Dr. Web
0
1001FreeDownloads: Kostenlose Design-Elemente in rauen Mengen

Es ist ja nicht so, dass das Netz unterbestückt ist, wenn es um kostenlose Ressourcen geht. In den letzten Jahren sind immer mehr Designer dazu übergegangen, Teile ihrer Arbeit für lau zu verteilen. Allerdings ist die Recherche für den Suchenden aufwändig. Und gerade, wenn man schnell etwas bestimmtes sucht, wünscht man sich einen Dienst herbei, der möglichst viele, möglichst gute Designelemente unter einem Dach...

Cartoons

Das Buch des Webdesign: Band 1 – die besten Kundenzitate (Cartoon #002)

31. März 2015
von Dieter Petereit
2
Das Buch des Webdesign:  Band 1 – die besten Kundenzitate (Cartoon #002)

Regelmäßige Leserinnen und Leser wissen es bereits. Seit Angang des Jahres bringen wir einen wöchentlichen Cartoon. Angefangen haben wir mit der Serie “Wenn Webdesigner … wären”, in der wir jeweils eine typische Kundensituation übertragen haben auf einen anderen Berufsstand. Gleichzeitig baten wir Sie darum, uns Ihre Lieblingszitate zu senden. Das haben Sie getan. Danke dafür und machen Sie gerne weiter. Da nicht alles davon...

(Kostenlose) Services

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

30. März 2015
von Denis Potschien
1
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 Andreas Hecht
3
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 Denis Potschien
1
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 Andreas Hecht
4
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...

Themes

März 2015: die 10 besten kostenlosen WordPress-Themes des Monats

26. März 2015
von Andreas Hecht
1
März 2015: die 10 besten kostenlosen WordPress-Themes des Monats

Der März ist ein besonders ergiebiger Monat, was neue WordPress-Themes angeht. Themes für Magazine zum Beispiel findet man nicht gerade oft in annehmbarer Qualität und Aufmachung – und das auch noch kostenlos. In unserer heutigen Liste präsentieren wir Ihnen jedoch gleich zwei davon in hervorragender Qualität und stark anpassbar an persönliche Vorlieben. Doch auch den anderen acht Themes sollten Sie Ihre Aufmerksamkeit widmen, denn...