Webdesign

Bilder & Vektorgrafiken bearbeiten

Behance: Zehn nützliche und inspirierende Iconsets

30. Juni 2015
von
behance-icons-teaser_DE

Icons sind im Webdesign ein beliebtes und unverzichtbares Instrument. Aber gerade das Erstellen komplexer Iconsets ist sehr zeitaufwändig. Daher greifen viele Webdesigner und -entwickler auf fertige Icons zurück, von denen es dankenswerterweise eine große Auswahl gibt – sowohl kostenlos als auch kostenpflichtig. Auch das Kreativnetzwerk Behance ist eine gute Anlaufstelle, wenn man auf der Suche nach Icons ist. Neben klassischen Sets, die sehr umfangreich...

Design

Ein Design für Alle: Fünf Richtlinien für barrierearme Websites

27. Juni 2015
von
barrierearmeswebdesign-teaser_DE

Menschen mit Behinderungen sind überdurchschnittlich oft im Internet unterwegs und dabei manchmal auf spezielle Aufbereitungen der Webangebote angewiesen. Diese Aufbereitung geht über die übliche Darstellung am Bildschirm hinaus. Menschen mit einer Einschränkung des Sehvermögens lassen sich Websites oftmals mittels Screenreader vorlesen oder auch in Braille-Schrift ausgeben. Doch Barrierefreiheit meint auch die plattformunabhängige Darstellung auf allen möglichen Geräten, und nicht nur auf einem normalen PC-Bildschirm. Somit...

Design

CSS3: Animation mit play() und pause() steuern

26. Juni 2015
von
css3-playpause-teaser_DE

Seit Einführung der „animate()“-Methode ist es möglich, CSS3-Animationen direkt per JavaScript zu erstellen, ohne dass diese in irgendeinem Stylesheet definiert sein müssen. Fortan können wir diese Animationen nun auch mit den Methoden „play()“ und „pause()“ steuern – also ganz so, wie man es von der Audio- und Videosteuerung her kennt. Darüber hinaus stehen mit „cancel()“ und „reverse()“ weitere Methoden zur Verfügung, die eine umfangreiche Steuerung...

JavaScript & jQuery

JavaScript: Template-String erlaubt Variablen und Umbrüche in Zeichenketten

19. Juni 2015
von
javascript-templatestring-teaser_DE

Arbeitet man mit JavaScript, kommt es immer wieder vor, dass Variablen oder Zeilenumbrüche  in einer Zeichenkette untergebracht werden müssen. Während man Variablen per Plus-Zeichen an eine Zeichenkette anhängt, ist das Einfügen von Zeilenumbrüchen nur als spezielle Steuerzeichen vorgesehen. Mit den neuen Template-String-Möglichkeiten von JavaScript, die derzeit noch experimentell sind, lassen sich Variablen und Umbrüche künftig deutlich unkomplizierter in einer Zeichenkette unterbringen. Template-String auszeichnen Die...

Essentials

16 neue, kostenlose E-Books für Designer und Entwickler

14. Juni 2015
von
kostenloseebooks-teaser_DE

Wenn sie ein Designer oder Webentwickler sind, dann wissen Sie ja, dass man sich niemals genug weiterbilden kann. Kostenlose E-Books sind immer eine gute Lösung dafür, denn die meisten E-Books bieten Lernstoff in komprimierter Form an. Das ist sehr vorteilhaft, denn unter Zeitmangel leidet so ziemlich jeder Webworker. Jedes von uns in diesem Beitrag vorgestellte E-Book ist völlig kostenlos, bietet aber hochqualitativen Inhalt für...

Design

Media Queries Level 4: Pointer optimiert Websites für Zeigegeräte

12. Juni 2015
von
Media Queries Level 4: Pointer optimiert Websites für Zeigegeräte

Dank Media Queries lässt sich eine Website unter anderem für verschiedene Auflösungen und Geräteorientierungen gestalten. So ist es möglich, für nahezu alle Geräte ein optimales Aussehen bereitzustellen. Eine Sache konnte bislang jedoch nicht berücksichtigt werden, nämlich das Zeigegerät beziehungsweise der Pointer. Zwar darf man sich bei kleinen Auflösungen relativ sicher sein, dass es sich um ein Smartphone mit entsprechender Gestensteuerung handelt; zwischen gestengesteuerten Tablets und mausgesteuerten...

HTML/CSS

MUI: CSS-Framework für Websites in Googles Material Design

9. Juni 2015
von
MUI CSS-Framework

Mitte letzten Jahres stellte Google sein neues Designkonzept „Material Design“ vor. Es löst das bisher eingesetzte „Flat Design“ ab und wird in allen Produkten des Unternehmens eingesetzt – von Googles Websites über Chrome bis zum Betriebssystem Android. Mit dem Framework MUI lässt sich das „Material Design“ per HTML, CSS und JavaScript auch auf Webprojekte anwenden. Dabei wird das Designkonzept von der Farbgebung und Typografie über...

Design

12 nützliche HTML5, CSS3 und JavaScript Tools für Webdesigner und Entwickler

8. Juni 2015
von
html5css3-12tools-teaser_DE

Webdesigner und Entwickler sind stets auf der Suche nach Tools, die ihnen die Arbeit erleichtern oder angenehmer gestalten. Neue Ressourcen für die Entwicklung von Websites mit HTML5 und CSS3 werden dabei natürlich immer gerne gesehen. Immer mehr Designer und Entwickler setzen bei Ihrer täglichen Arbeit gezielt auf HTML5 und CSS3, was man nicht oft genug empfehlen kann. Heute haben wir eine Liste mit neuen und nützlichen Ressourcen...

E-Business

Die 11 wichtigsten Webdesign-Blogs in 2015 (Worldwide Edition)

7. Juni 2015
von
webdesignblogs2015-int_DE

Für Webdesigner oder Entwickler ist es unabdingbar, sich immer auf dem Laufenden zu halten und am Puls der Zeit bleiben. Das erreichen Sie, wenn Sie die besten Blogs dieser Themenbereiche lesen. In diesem Beitrag stelle ich Ihnen einige Blogs vor, die schon im Jahr 2014 und davor die Trendsetter waren und es auch in 2015 bleiben werden. Sie finden dort die neuesten Informationen über...

HTML/CSS

Lining.js: Textzeilen verändern per CSS-Selektor

5. Juni 2015
von
liningjs-teaser_DE

Dank der zahlreich zur Verfügung stehenden CSS-Selektoren kann man per Stylesheets auf fast jedes einzelne HTML-Element innerhalb eines Dokumentes zugreifen. Und dank des Pseudoelementes ::first-line hat man sogar innerhalb eines Textes die Möglichkeit, CSS-Eigenschaften nur auf die erste Zeile anzuwenden – unabhängig davon, ob die Zeile automatisch umgebrochen oder durch manuellen Zeilenumbruch herbeigeführt wird. Da es neben ::first-line aber keine weiteren Selektoren gibt, um auf die zweite,...