#animation

UX in Motion – wann sind Web-Animationen sinnvoll?

Wie findet man den richtigen Grund bzw. Anlass für den Einsatz von Animationen im Web? Darüber sprachen wir mit Val nach ihrer webinale-Keynote Ende Mai in Berlin. Val erzählt uns, wie ihrer Meinung nach eine ideale Animation aussieht und welche Faktoren Animationen für den User nützlich machen.

Anime.js: Was taugt die JavaScript-Animation-Library?

Angesichts der Vielzahl von Animation Libraries braucht es starke Argumente, um aufzufallen. Julian Garniers GitHub Projekt Anime.js setzt dabei auf JavaScript und eine unkomplizierte Anwendung. Hat Anime.js das nötige Zeug, um sich durchzusetzen?

Fast Forward: GitHub Enterprise 2.7, neue Skype-Bots wie Mr. Spock & Animationen in Firefox

Heute im Fast Forward stellen wir euch das Release von GitHub Enterprise 2.7 vor. Darüber hinaus hat Skype eine Reihe neuer Bots veröffentlicht; einer davon ist Mr. Spock, der einiges über die vulkanische Logik verrät. Des weiteren wurde das Element.animate()-API in Firefox 48 integriert, das Microsoft Excel REST API für Office 365 ist ab sofort verfügbar und wir erklären, wie man Kendo UI for jQuery mit React verwendet. Zu guter letzt zeigen wir euch außerdem, wie man JavaScript-Game-Loops erstellt.

Fast Forward: React einrichten, Grid-Layouts für iOS 9 & die Top 7 Animation Libraries

Heute geht es im Fast Forward mal wieder Tutorial-lastig zu. So zeigen wir euch, wie man die JavaScript-Library React in nur drei Schritten einrichten kann, gehen der Frage nach, wie man ein gutes UX-Review erstellt und ergründen, was man bei launischen, automatisierten Software-Tests tun kann. Außerdem geht es um die Nutzung von Grid-Layouts in iOS 9, die Top 7 Animation Libraries und Microsofts Arbeit im Bereich Cloud.

Fast Forward: Node v5.3.0 (Stable), PhpStorm 10.0.3 EAP & Neues in ECMAScript2015

Heute im Fast Forward haben wir wieder einmal zahlreiche Neuerscheinungen: So steht seit kurzem Node v5.3.0 (Stable) zur Verfügung, außerdem ist PhpStorm 10.0.3 EAP erschienen und ECMAScript 2015 wartet mit neuen Features auf. Darüber hinaus gibt es Skype for Business endlich auch für Android, und wir zeigen euch, wie sich Webseiten ganz leicht mit HTML & CSS barrierefrei gestalten lassen.

jQuery DrawSVG

Die Nutzung von SVG bietet viele Vorteile – nicht nur was die Optimierung der Performance und damit auch der User Experience angeht. Vor allem lassen sich svg-Elemente auch animieren, womit sich einige Effekte erzeugen lassen, die auf der eigenen Website für einen Hingucker sorgen.

Elastic Progress

Fortschrittsbalken sind besonders dann nützlich, wenn zum Beispiel der Fortschritt von Downloads angezeigt werden soll. Oft sind solche Fortschrittsbalken aber simple, meist wenig ansprechende Balken, die vor allem dann nervig für den User sind, wenn ein Download fehlschlägt – und die Progress-Bar keinerlei Anzeige dazu bietet.

X
- Gib Deinen Standort ein -
- or -