Building Beautiful UIs ist ein kostenloser Online-Kurs von Christopher Murphy, der einem auf Basis von Adobe XD (gibt’s kostenlos als Download) die fundamentalen Prinzipien von User Interface Design näher bringt. Passend zur Lektüre gibt’s digitale Extras wie XD Dateien und UI Patterns oben drauf. Aktuell sind die ersten drei von insgesamt neun Kapiteln online: Designing Interfaces, The Building Blocks of Interfaces und Information Architecture.
Wirklich gute und frei verwendbare Stock-Fotos gibt’s inzwischen zuhauf – vorne mit dabei ist wahrscheinlich Unsplash. Wenn es um Grafiken, Kunst oder Illustrationen geht, sieht’s meist jedoch eher mau aus. Hier kommt Mixkit in’s Spiel. Neben kostenlosen Videos gibt es inzwischen auch eine Rubrik rund um Kunst und Illustrationen. Die Auswahl in den bisherigen Rubriken Relationships, Emotions, Activities, House & Home, Cities, Celebrations, Animals, Food & Drink, Nature, Experimantal, Portraits und Fantasy & Magic ist momentan noch relativ überschaubar, aber die Qualität stimmt. Und vielleicht ist ja genau das richtige Bild für’s nächste Projekt dabei.
Storyboarder ist eine minimalistische Software um Stories zu visualisieren. Und auch wenn ich aktuell keinen wirklichen Bedarf habe – sieht nach einem wirklich nützlichem Tool aus und gibt’s kostenlos für Mac, Windows und Linux. Die Stories aus Storyboarder können übrigens auch einfach nach Photoshop. Premiere, Final Cut, Avid, PDF und animated GIF exportiert werden. Storyboarder makes it easy to visualize a story as fast you can draw stick figures. Quickly draw to test if a story idea works. Create and show animatics to others. Express your story idea without making a movie.
Moving Letters ist ein schönes, kleines Side-Projekt von Tobias Ahlin: Animierte Text Effekte via JavaScript und anime.js, die sich vor allem für Headlines in diversen Projekten eignen. Den Sourcecode gibt’s kostenlos unter MIT Lizenz. If you’re into animation, I made a collection of open source text effects animated with JavaScript & anime.js https://t.co/wsMTHwSswx ❤️ pic.twitter.com/rTN3SFddtH — Tobias Ahlin (@tobiasahlin) October 3, 2017
Mit dem Browser-Tool Animista kann man mühelos CSS Animationen ausprobieren und mittels diverser Einstellungen anpassen. Sobald man mit dem Ergebnis zufrieden ist, lässt sich der benötigte Code dann einfach kopieren und für eigene Projekte verwenden. Die Erstellerin des Tools Ana Travas dazu: Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use. Animista started out as a small side-project of mine. As I was increasingly using CSS animations, I thought it would come in handy to have them organised in a meaningful and accessible way so that they can be easily reused on different projects. The idea was to create a playground of a sorts where a collection of pre-made animations could be tested and tweaked before actually using them. Seeing how various options like easing, delay, duration and others affect the animation proved to be very useful. And basically that is how Animista was born. I have been using Animista for a while now and I hope some of you will find it useful as well. It is still very much a work in progress and hopefully it will evolve over the time :) Ach ja […]
Kleines jQuery Plugin, um beliebige Elemente zu „glitchen“ von Hadrien Mongouachon – kann man ja vielleicht iiirgendwann mal gebrauchen ;) Demo gibt’s bei CodePen, Code bei GitHub.
Tolles, neues isometrisches 3D-Experiment von Codrops: Isometric and 3D Grids Vielleicht kann das ja jemand in einem zukünftigen Web-Projekt gebrauchen?
Stylesheets.co ist eine praktische Sammlung der besten CSS Ressourcen – praktisch für jeden Webdesigner oder Webentwickler, der sich mit neuen Techniken rund um Cascading Style Sheets auseinandersetzen muss will. In der Linkliste ist alles dabei: von Tutorials, Hacks, Tipps & Tricks über Grids, Tools und Animationen bis hin zu Frameworks. It was created to give the web design community a place to share and catalog all the best tools, tutorials, snippets, and repos you can find.