Listicle

Jeden Monat neu: Freebies, Fonts, Tools und News für Designer

Monthly Article: Goodies für Designer. (Grafik: photocase/EzraPortent)

In unseren monatlichen Designer-News erwarten euch sinnvolle Tipps für Kreativarbeiter, schicke Icon-Sets, nützliche Tools und vieles mehr.

Damit ihr auch in diesem Monat bestens auf eure Projekte vorbereitet seid, haben wir wieder eine Liste mit verschiedenen Goodies für Designer und Entwickler erstellt.

Wie immer ist alles auf der Liste kostenlos und mit nur wenigen Klicks einsatzbereit. Ob Anfänger oder Fortgeschrittener: Hier ist für jeden was dabei.

Lesenswert

Github für Einsteiger

(Grafik: Github.com)

(Grafik: Github.com)

Für alle, die schon mal über Github gestolpert sind, aber nicht wissen, was es ist und wie man es bedient: In diesem Guide werden die ersten Schritte und das Setup mit Github erklärt. Er richtet sich an alle, die sich täglich im Web bewegen.

15 CSS-Tricks

(Grafik: Shutterstock)

(Grafik: Shutterstock)

Du bist auf der Suche nach CSS-Tipps und -Tricks, mit denen du deinen Design-Workflow optimieren kannst? Wir haben 15 davon rausgesucht und sagen dir, was sie können. Von Stilen und Effekten über Font-Features.

CSS-Selektoren einfach erklärt

(Grafik: medium.freecodecamp.com)

(Grafik: medium.freecodecamp.com)

Kevin Kononenko erklärt anhand von „Car-Shopping“ wie CSS-Selektoren funktionieren. Seine Beispiele sind einfach erklärt und mit Code-Beispielen bebildert.

Instagram-Strategien

(Screenshot: hewo-internetmarketing.de)

(Screenshot: hewo-internetmarketing.de)

In 52 Schritten erklärt die Infografik von Hewo Internetmarketing, mit welchen Strategien Unternehmen auf Instagram erfolgreicher werden können. Darunter fällt auch, wie Follower aufgebaut werden.

Typografie und Fonts

(Screenshot: creativebloq.com)

(Screenshot: creativebloq.com)

In einer Infografik für Designer wird die Typografie unter die Lupe genommen. In der Infografik erfährst du die Fachbegriffe und deren Definition der Typografie anhand von einzelnen Fonts.

HTML5 mega Cheat-Sheet

(Screenshot: drela.de)

(Screenshot: drela.de)

In dem Cheat-Sheet findet ihr sowohl die neuen als auch die älteren HTML5-Befehle – insgesamt über 300 an der Zahl. Die Infografik ist in verschiedene Kategorien aufgeteilt: Neue Tags, alle existierenden Tags und nicht mehr unterstützte Tags.

Switch to Sketch

(Screenshot: switchtosketchapp.com)

(Screenshot: switchtosketchapp.com)

Mit diesem Guide kann jeder das Handwerk von Sketch lernen. In unterschiedlich schweren Kursen werden Schritt für Schritt alle Handgriffe für Sketch beigebracht. Die Tutorials sind alle kostenlos, es wird lediglich eine E-Mail-Adresse hinterlegt.

8 Websites für Fotografen

(Foto: 500px.com, Fotograf: Mujahid Kidwai)

(Foto: 500px.com, Fotograf: Mujahid Kidwai)

Wir haben die besten acht Websites rausgesucht, auf denen ihr hilfreiche Tipps, Tricks und Tutorials über Fotografie findet. Ob Anfänger oder alter Hase, auf diesen Seiten ist für jeden was dabei.

Tools

Font Style Matcher

(Screenshot: meowni.ca)

(Screenshot: meowni.ca)

Ob Print oder Web: Die passenden Fonts zu finden kann zur Herausforderung werden. Mit dem Font-Style-Matcher können online zwei Fonts gegenübergestellt und verglichen werden.

Gitmoji

(Screenshot: gitmoji.carloscuesta.me)

(Screenshot: gitmoji.carloscuesta.me)

Mit Gitmoji werden Git-Commits aufgefrischt. Und wie sollte es anders sein: mit Emojis. Also quasi ein Emoji-Guide für Github-Commit-Nachrichten. Per Copy-and-Paste werden die 32 Emojis gespeichert und in das Nachrichtenfeld eingefügt.

10 Grundsätze für smoothe Animationen

(Screenshot: blog.gyrosco.pe)

(Screenshot: blog.gyrosco.pe)

Anand Sharma erklärt in seinem Artikel die wichtigsten Regeln für eine gute Web-Animation. Er beschreibt, was überhaupt eine Animation ist, was sie ausmacht und wie sie am besten umgesetzt werden kann. Darüber hinaus nennt er die Do’s und Dont’s in der Umsetzung.

Div Table

(Screenshot: divtable.com/generator)

(Screenshot: divtable.com/generator)

Mit dem Div-Table-Generator lässt sich ordentlich Zeit sparen. In dem Generator können die Spalten und Reihen manuell ausgewählt werden. Zusätzlich lassen sich die Border-, Width- und Padding-Einstellungen konfigurieren.

Cssreference

(Screenshot: cssreference.io)

(Screenshot: cssreference.io)

Dieser visuelle Guide erklärt dir die wichtigsten CSS-Properties. Welche CSS-Properties werden am häufigsten verwendet? Und was eignet sich für Anfänger und Fortgeschrittene? Cssreference liefert jetzt die Antwort.

Freebies

10 Grunge Brushes für Photoshop

(Grafik: blog.spoongraphics.co.uk)

(Grafik: blog.spoongraphics.co.uk)

15 Anaglyph Actions für Photoshop

(Grafik: pixelbuddha.net)

(Grafik: pixelbuddha.net)

Adobe CD UI Kit

(Screenshot: xdguru.com)

(Screenshot: xdguru.com)

Kostenlose Weihnachts- und Silvester-Vektorgrafiken

Die Banner sind im AI und EPS-Format. (Grafik: speckyboy.com)

Die Banner sind im AI- und EPS-Format. (Grafik: speckyboy.com)

Analytics Template

(Grafik: dribble.com)

(Grafik: dribble.com)

Santa Claus Swagg-Illustrationen

(Grafik: gumroad.com)

(Grafik: gumroad.com)

Vintage-/Retro-Weihnachts-Illustrationen

(Grafik: vecteezy.com)

(Grafik: vecteezy.com)

Fonts

Traveler

(Grafik: dribble.com)

(Grafik: dribble.com)

Westfalia

(Screenshot: pixelsurplus.com)

(Screenshot: pixelsurplus.com)

Joli Font

(Grafik: thehungryjpeg.com)

(Grafik: thehungryjpeg.com)

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

2 Kommentare
Andy
Andy

Link zu den „CSS-Selektoren einfach erklärt“ wollt ihr nicht posten? ;)

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hey du! Schön, dass du hier bist. 😊

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team bestehend aus 65 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Danke für deine Unterstützung.

Digitales High Five,
Stephan Dörner (Chefredakteur t3n.de) & das gesamte t3n-Team

Anleitung zur Deaktivierung