Webdesign

Bücher

Terrashops Sommeraktion: 24 Bücher zu je einem Cent

24. Juli 2014
von
Terrashops Sommeraktion: 24 Bücher zu je einem Cent

Terrashop kennen Dr. Web-Leserinnen und Leser inzwischen recht genau. Regelmäßig stellen wir interessante Angebote der Schnäppchenschmiede aus Bornheim vor. Noch bis zum 1. August 2014 läuft Terrashops Sommeraktion. 24 Bücher zu verschiedensten Themen, auch zu Design und Programmierung sind zu haben. Und das Beste daran: jedes Buch kostet nur den symbolischen Cent. Schauen Sie mal rein… Terrashop: Seit Jahren der Garant für günstige Bücher...

Weiterlesen »

Video

Mazwai: 65+ kostenlose HD-Videos für die kommerzielle Nutzung

23. Juli 2014
von
Mazwai: 65+ kostenlose HD-Videos für die kommerzielle Nutzung

Im Bereich der Stockfotografie etablieren sich immer mehr kostenlose Anbieter, zumeist Fotografen, die ihren Werken Aufmerksamkeit verschaffen oder Agenturen, die auf die Qualität ihrer Arbeit hinweisen wollen. Über die steigende Bekanntheit erleichtert sich mittelfristig die Akquise pekuniär interessanter Aufträge. Die Überlegung ist valide und oft erfolgreich. Wieso sollte das nicht auch für hochwertigen HD-Videocontent funktionieren, dachten sich die Macher der neuen Plattform Mazwai. Eben,...

Weiterlesen »

Bilder

Raumrot und KaboomPics: Über 700 kostenlose, kommerziell nutzbare Stockfotos

22. Juli 2014
von
Raumrot und KaboomPics: Über 700 kostenlose, kommerziell nutzbare Stockfotos

Ich bin immer wieder überrascht, wie stark sich die wachsende Szene von Anbietern kostenloser Stockfotos in den vergangenen Jahren professionalisiert hat. Wenn ich nach Fotos für meine Designs und/oder Artikel suche, schaue ich mittlerweile zuerst bei den verschiedenen freien Services meiner Bookmark-Sammlung. Und das nicht nur, weil mich die Bilder dort nichts kosten, sondern vor allem, weil ich dort inzwischen häufig die besseren Arbeiten...

Weiterlesen »

CSS

HTML5: zeitgemäße Rasterlayouts mit CSS-Grids

18. Juli 2014
von
HTML5: zeitgemäße Rasterlayouts mit CSS-Grids

Als es noch kein CSS und keine Trennung zwischen Inhalt und Gestaltung einer Website gab, war es üblich, Weblayouts als Tabelle zu gestalten. Mit der steigenden Bedeutung einer semantischen HTML-Auszeichnung waren Tabellen fortan nur noch für die Auszeichnung von Inhalten gedacht, die auch tatsächlich tabellarisch dargestellt werden sollen. Die einfache Einteilung eines Weblayouts in Zeilen und Spalten war mit CSS nicht mehr möglich. Mit...

Weiterlesen »

Formulare

MagicSuggest für jQuery: Schicke Eingabefelder mit Mehrfachauswahl auf Basis von Bootstrap 3

16. Juli 2014
von
MagicSuggest für jQuery: Schicke Eingabefelder mit Mehrfachauswahl auf Basis von Bootstrap 3

Mit dem „<select>“-Element ist es ein Leichtes, Eingabefelder auszuzeichnen, bei denen mehrere Einträge ausgewählt werden können. Allerdings funktioniert das nur mit einigen Einschränkungen und sieht bei weitem nicht so ansprechend aus wie bei MagicSuggest. Statt Auswahllisten lassen sich mit dem jQuery-Plugin schicke Eingabefelder erstellen, die eine Mehrfachauswahl an freien und vorgegebenen Einträgen ermöglicht. Einfache Einbindung Da MagicSuggest jQuery voraussetzt, müssen Plug-in und jQuery gemeinsam...

Weiterlesen »

Audio

HTML5-Sprechstunde: Texte vorlesen lassen mit der Speech-Synthesis-API

10. Juli 2014
von
HTML5-Sprechstunde: Texte vorlesen lassen mit der Speech-Synthesis-API

Was Navigationsgeräte schon lange können, lernen jetzt auch die Browser: Sprachsynthese. Die neue Speech-Synthesis-API erlaubt es, Texte mit einer menschlichen Sprechstimme auszugeben. Dabei stehen Stimmen für mehrere Sprachen zur Verfügung – teilweise auch mehrere Stimmen pro Sprache. Per Knopfdruck können sich Ihre Besucher den Text eines HTML-Dokumentes einfach vorlesen lassen. Sprachen- und Stimmenvielfalt Die Anzahl der zur Verfügung stehenden Sprachen und Stimmen ist abhängig...

Weiterlesen »

UI/UX

Initiative “Schöneres Backend”: 20 kostenlose Dashboard UI Mockups

8. Juli 2014
von
Initiative “Schöneres Backend”: 20 kostenlose Dashboard UI Mockups

Administrationsoberflächen sind für manch moderne Website unabdingbar. Da diese aber nur von verhältnismäßig wenigen Personen überhaupt jemals angesehen werden, neigen Designer dazu, möglichst wenig Aufwand in deren Gestaltung zu stecken. Das ist zwar einerseits verständlich, andererseits aber zu kurz gedacht. Denn der Kunde wird mit diesen Panels eventuell jahrelang arbeiten müssen. Es wäre vernünftiger, ihm ein Werkzeug an die Hand zu geben, mit dem...

Weiterlesen »

UI/UX

Frische Brise: 29 kostenlose User-Interface-Mockups für mobile Designs

6. Juli 2014
von
Frische Brise: 29 kostenlose User-Interface-Mockups für mobile Designs

Smartphones sind das interessanteste Zielgebiet für Webdesigner. Die Nutzung nimmt stetig zu. Erst auf der eben abgelaufenen Google I/O gab der Suchmaschinenriese bekannt, dass die Zahl von rund 26 Millionen Chrome-Mobilusern im letzten jahr inzwischen auf über 300 Millionen gewachsen ist. Ein Ende dieses Trends ist derzeit nicht absehbar. Es ergibt daher massiv Sinn, sich in sachen Webdesign stark auf mobile Geräte zu fokussieren,...

Weiterlesen »

HTML

HTML5-Imports: HTML-Dateien in HTML-Dateien importieren

27. Juni 2014
von
HTML5-Imports: HTML-Dateien in HTML-Dateien importieren

Das „<link>“-Element ist ein Segen. Es ermöglicht das Einbinden von Stylesheet- und JavaScript-Dateien, die in mehreren Dokumenten benötigt werden. Allerdings war es bisher nicht möglich, darüber auch HTML-Dateien in ein Dokument zu laden. Wollte man diese einbinden, ging das bislang nur per „<iframes>“-Element oder über die JavaScript-Methode „XMLHttpRequest()“. Dank der neuen HTML5-Imports ist es jetzt auch möglich, HTML-Dateien per „<link>“ in ein anderes Dokument...

Weiterlesen »

Webdesign

UI mit Hui-Faktor: 40 hochwertige Schaltflächen und PSD-Tipps für eigene Buttons

23. Juni 2014
von
UI mit Hui-Faktor: 40 hochwertige Schaltflächen und PSD-Tipps für eigene Buttons

Der Button ist ein kleines, doch recht wichtiges Designelement einer Website. Oftmals soll er eine Aktion des Besuchers als „Call-To-Action“ auslösen, muss also gut sichtbar und selbsterklärend sein. Wir haben gleich 40 sehr gute Photoshop-Tutorials zusammengestellt, die zu eleganten, minimalistischen und manchmal auch verspielten Ergebnissen führen. So gelangen Sie zu Buttons, die etwas abgewandelt sofort für eigene Projekte eingesetzt werden können. Wie gewohnt, haben...

Weiterlesen »