Webdesign

JavaScript & jQuery

Textures.js: SVG-Texturen für jede Oberfläche

26. April 2015
von
TEXTURE.JS

Das SVG-Format stellt eine Vielzahl an Möglichkeiten bereit, um komplexe grafische Inhalte umzusetzen. Auch Texturen lassen sich mit dem „<pattern>“-Element erstellen und auf Formen anwenden. Aber gerade bei einfachen und gängigen Texturen ist der Aufwand, diese selbst per SVG auszuzeichnen, im Verhältnis zum Ergebnis recht hoch. Daher stellt die JavaScript-Bibliothek „Texture.js“ solche Texturen, die weitestgehend nur aus Linien und Punkten bestehen, für SVG-Elemente zur Verfügung....

Editoren

Homepagebaukasten Squarespace 7: Revolution mit Ansage

17. April 2015
von
Homepagebaukasten Squarespace 7: Revolution mit Ansage

Squarespace ist einer der führenden Anbieter im Markt für Homepage-Baukästen. Profis halten zwar von diesen Systemen oft nicht so viel – das Unternehmen selbst sieht jedoch seine Zielgruppe keinesfalls nur bei den Einsteigern, sondern durchaus auch bei Designern, Entwicklern und Agenturen. Aufbauend auf ihrer soliden Erfahrung von über zehn Jahren im Online-Geschäft ist Squarespace jetzt ein großer Wurf gelungen: Squarespace 7 präsentiert eine völlig...

JavaScript & jQuery

Awesomplete: Schnelles Autocomplete-Widget, individuell gestaltbar

16. April 2015
von
Awesomplete: Schnelles Autocomplete-Widget, individuell gestaltbar

Dass einem bei einer Sucheingabe per Dropdown eine Liste mit Autocomplete-Vorschlägen angezeigt wird, ist keine Seltenheit. Dank des HTML5-Datalist-Elements lassen sich sehr einfach und ohne JavaScript solche Autocomplete-Listen erstellen. Die Möglichkeiten, diese Listen zu konfigurieren, sind jedoch beschränkt. So lässt sich mit dem Element beispielsweise nicht definieren, ab wie vielen Eingabezeichen die Liste mit den Vorschlägen dargestellt werden soll. Auch gibt es keine Möglichkeit, Vorschläge aus anderen...

(Kostenlose) Services

Mit JotForm erstellen Sie komplexe Formulare, ganz ohne Programmierung

15. April 2015
von
Mit JotForm erstellen Sie komplexe Formulare, ganz ohne Programmierung

Formulare zu erstellen ist zwar kein Hexenwerk; aber je umfangreicher sie werden, desto zeitintensiver wird das Unterfangen. Neben der HTML-Auszeichnung und gegebenenfalls JavaScript zur clientseitigen Validierung ist es vor allem die serverseitige Verarbeitung von Formularen, die nicht immer einfach ist. JotForm hat diese Problematik erkannt und stellt ein Werkzeug zur Verfügung, mit dem man sich komplexe Formulare einfach zusammenbauen kann. Neben vielen Eingabemöglichkeiten, die über...

Sonstige Programme

WebAnimator Plus: Anspruchsvolle Animationen für moderne Browser erstellen

13. April 2015
von
WebAnimator Plus: Anspruchsvolle Animationen für moderne Browser erstellen

Bis vor einigen Jahren war Flash fester Bestandteil des Webs – vor allem, wenn es darum ging, Animationen zu erstellen und diese auf einer Website bereitzustellen. Abgesehen davon, dass Flash damals fast die einzige Möglichkeit war, um Bewegung in eine Website zu bringen, trug sicher auch die grafische Oberfläche zum Erfolg bei. Animationen ließen sich ohne Programmierkenntnisse erstellen. Mit HTML5 und CSS3 hat sich die...

Apps

UX Companion: Fachbegriffe einfach erklärt per App

11. April 2015
von
UX Companion: Fachbegriffe einfach erklärt per App

Als Webdesigner und -entwickler hat man es häufig mit Fachbegriffen zu tun. Viele dieser Begriffe sind einem so in Fleisch und Blut übergegangen, dass man sich zuweilen schwer tut, diese zu erklären oder zu umschreiben. Bei anderen Begrifflichkeiten weiß man möglicherweise nur grob, was sie bedeuten. Da ist es nicht schlecht, wenn man den ein oder anderen Fachbegriff einmal nachschlägt. „UX Companion“ ist eine Nachschlage-App für...

HTML/CSS

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

7. April 2015
von
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
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...

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....