Titanic // 60 animated Icons

Titanic // 60 animated Icons

Titanic ist eine kostenlose Sammlung von 60 animierten Icons inkl. JavaScript Library. Download gibt’s hier, zum Preview hier entlang.

GRAD // kostenloser Font

GRAD ist ein kostenloser Font von Rick Lewik, welcher vor allem für Headlines, Logotypes oder Poster funktioniert. Direktdownload gibt’s hier. GRAD is a free typeface designed to be used in headlines, logotypes, posters, artworks and whatever you want. I got inspired by the sans serif font ‚BilboINC‘ designed by Hélène Marian Srodogora and published by the great Velvetyne Type Foundry.

Web Design Museum // Website of the day

webdesignmuseum.org The museum exhibits over 800 carefully selected and sorted web sites that show web design trends between the years 1996 and 2005.

Trendy CSS Text Shadows

Praktische Website, wenn man gerade auf der Suche nach einer stylishen Headline für’s nächste Projekt ist: mixfont.com/shadows Looking for inspiration to make your headlines stand out? Look no further! This free collection of beautiful long text shadows includes the fonts, colors, and CSS code to render it for your own site.

Monly // kostenloser Font in 4 Styles

Monly ist eine handgeschriebene Schriftart von Gatis Vilaks. Der Font kommt in 2 verschiedenen Versionen (Serif und Sans Serif) and 2 Varianten (Light und Bold). Die komplette Font Family gibt’s im OTF und WOFF Format und kann kostenlos für persönliche und kommerzielle Projekte verwendet werden.

Satan explains HTML using DEATH METAL // Tutorial

Warum gab’s so ein Tutorial nicht, als ich mit Webdesign angefangen hab? I’ve risen from the depths of hell to teach the wretched art of HTML It’s the backbone for all pages that you love! Yeah, even Pornhub!

Mixfont // Website of the day

Eine der Faustregeln im (Web)Design lautet ja im Normalfall nicht mehr als zwei bis drei Schriftarten miteinander zu kombinieren. Genau hier kommt Mixfont in’s Spiel – eine Single-Service Website die zwei Fonts vorschlägt, die gut zusammen harmonieren. Hier zum Beispiel Prociono mit Cutive Mono: Doch damit nicht genug – es werden auch automatisch Beispiele gezeigt, wie die Fonts als Fließtext, WebApp oder Teaser wirken. Ist man mit dem Ergebnis zufrieden, einfach auf „Embed“ klicken und man kann gleich mit seiner Auswahl loslegen. Oder man macht sich’s einfach und klickt sich durch die Top-Auswahl an Kombinationen: mixfont.com/leaderboard

Rogue // kostenloser Font von Alt Foundry

Gibt’s kostenlos bei Alt Foundry. Rogue is a display font ideal for posters and tittles. Works great for sport ads and more.   Credits: Facebook: facebook.com/AltFoundry Instagram: instagram.com/andreasleonidou/ Behance: behance.net/andreasleonidou Dribbble: dribbble.com/andreasleonidou Twitter: twitter.com/andreasleonidou  

Icon Paradise Essential Collection // 500 kostenlose Icons

Die „Essential Collection“ mit über 500 Icons von Icon Paradise gibt es zur Zeit kostenlos für private und kommerzielle Zwecke. Die minimalistischen Vektor-Icons kommen in allen gebräuchlichen Formaten und lassen sich somit für alle möglichen Web- und App-Projekte verwenden. Passend zu Themen wie: Signs & Symbols, UI, Files & Folders, Network & Communications, SEO & Web.

Animista // CSS Animations on demand

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 […]