Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

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

2 Reaktionen
Andy

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

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Finde einen Job, den du liebst