CSS

HTML5: zeitgemäße Rasterlayouts mit CSS-Grids

18. Juli 2014
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
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 »

Dr.-Web

Bahnhof Sternenflug und Planetendiebe: Sven Lennartz macht Ernst mit der Fiktion

15. Juli 2014
Bahnhof Sternenflug und Planetendiebe: Sven Lennartz macht Ernst mit der Fiktion

Dr. Web Sven Lennartz kennen unsere Leserinnen und Leser der ersten Stunde aus vielen Beiträgen, die er hier und drüben im Smashing Magazine schrieb. Sven Lennartz ist der Erfinder dieses Magazins und einer der beiden Gründer DES internationalen Webdesign-Magazins überhaupt, des Smashing Magazine. Im letzten Jahr zog Sven sich aus der aktiven Geschäftsleitung zurück, um sich ganz seiner eigentlichen, langjährigen Leidenschaft, dem Schreiben von...

Weiterlesen »

Photoshop

Weltmeisterlich: 40 frische Photoshop Text-Effekte zum Nachbauen

15. Juli 2014
Weltmeisterlich: 40 frische Photoshop Text-Effekte zum Nachbauen

Aufwändige Texteffekte sind mit Photoshop zwar grundsätzlich kein Hexenwerk, dennoch kenne ich kaum einen Anwender dieser Software, der sie aus dem Ärmel schütteln kann. Dabei ist ein starkes typografisches Logo oder ein anderer derartiger Eyecatcher fantastisch dazu geeignet, Aufmerksamkeit auf sich zu ziehen und so die zu vermittelnde Botschaft zu verstärken. Wenn Sie sich schon immer mal selber an der Erstellung aufsehenerregender Texteffekte probieren...

Weiterlesen »

Bildbearbeitung

Bildbearbeitung besser und schneller: 10 einfache Composing-Techniken für Photoshop

14. Juli 2014
Bildbearbeitung besser und schneller: 10 einfache Composing-Techniken für Photoshop

Professionelle Composings sehen einfach gut aus. Natürlich leben diese von der besonderen Idee, aber auch von den zahlreichen kleinen Tricks und großen Kniffen, die der Profi beherrscht. Da werden Schatten kontrolliert, die Lichtstimmung beeinflusst und Kontraste mehrfach geschärft. Hier findet wohl jeder Photoshop-Fan einen Trick, den er noch nicht kannte und wird so zum besseren Bildbearbeiter. Photoshop-Composing-Trick #1: Idee skizzieren Die Idee ist schnell...

Weiterlesen »

Freiberufler

Arbeitsorganisation: Noch erfolgreicher als Freiberufler mit Tages- / Wochenplan

11. Juli 2014
Arbeitsorganisation: Noch erfolgreicher als Freiberufler mit Tages- / Wochenplan

Endlich freiberuflich tätig! Kein Chef bestimmt mehr den Arbeitsablauf und das beruftägliche Leben. Niemand meckert mehr, wenn man mal eine halbe Stunde zu spät am Arbeitsplatz erscheint. Herrlich! Endlich kann man machen, was man will! Morgens als erstes die sozialen Netzwerke checken, dann noch mal schnell auf Spiegel online oder Welt.de die neuesten Schlagzeilen lesen – man muss ja up-to-date bleiben. Jetzt noch eine...

Weiterlesen »

Audio

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

10. Juli 2014
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 »

Marketing

Online-Marketing-Basics #11: So setzen Sie Content-Marketing zur Kundengewinnung ein

9. Juli 2014
Online-Marketing-Basics #11: So setzen Sie Content-Marketing zur Kundengewinnung ein

Content-Marketing ist zum Trendwort im Online-Marketing geworden. Doch was bedeutet es eigentlich genau? Und wie geht man beim Content-Marketing vor? Dieser Beitrag will dieses Instrument, das Bestandteil jeder anderen Online-Marketing-Maßnahme ist und den Erfolg ausmacht, erklären und ein Muster für eine erfolgreiche Content-Marketing-Strategie vorstellen. Was ist Content-Marketing und was bringt es? Content-Marketing bezeichnet das Produzieren und Verbreiten von relevanten Inhalten, um Personen von bestimmten...

Weiterlesen »

UI/UX

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

8. Juli 2014
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
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 »

Wordpress

WordPress: So vermeiden Sie die 20 häufigsten Fehler

4. Juli 2014
WordPress: So vermeiden Sie die 20 häufigsten Fehler

Nichts im Leben scheint leichter, als Fehler zu machen. Besonders gilt dies im Umgang mit einem Content-Management-System wie WordPress. Selbstverständlich ist es okay, wenn man seine Fehler selbst machen möchte, um Erfahrungen im Umgang mit WordPress zu erwerben. Besser jedoch ist das sogenannte “Modelling of Excellence”, bei dem Sie sehr schnell aus den Fehlern anderer lernen und von deren Erfahrungen profitieren können. In diesem...

Weiterlesen »