Blog

Ein bunter Mix aus Überlegungen, Tutorials und Neuigkeiten

Quicktipp: Netlify + Discord

21.06.2018 — Lesezeit: 1 Min. — Kategorie: Quicktipp
Netlify unterstützt sowohl einkommende als auch ausgehende Webhooks für die Kommunikation mit externen Diensten. Auch Discord erlaubt die Nutzung von Webhooks — es liegt also nahe, dass man sich Benachrichtigungen auch an Discord schicken lassen kann. Du kannst dir Nachrichten schicken lassen, wenn ...

Upgrade-Guide: Gatsby v2

17.06.2018 — Lesezeit: 4 Min. — Kategorie: Coding
Die Beta zu Gatsby v2 ist da! Im offiziellen Blogpost kannst du die Änderungen im Detail nachlesen — kurz zusammengefasst gibt es folgendes dazu zu sagen: Das Konzept der Layouts wurde entfernt, dafür gibt es nun die StaticQuery. Die Dependencies wurden auf den aktuellen Stand gebracht (sprich: Babe...

Erstelle dein Design System mit Gatsby

02.04.2018 — Lesezeit: 2 Min. — Kategorie: Coding
Mittlerweile gibt es unzählige Tools und Möglichkeiten um ein Design System zu erstellen. Sei es per CSS, direkt aus React Komponenten oder mithilfe eines Online-Dienstes. Für Gatsby gab es bislang kein Plugin, um solche Design Systeme leicht & schnell zu entwickeln - weshalb ich ein eigenes erstell...

Kategorien & Tags zu Gatsby hinzufügen

28.03.2018 — Lesezeit: 5 Min. — Kategorie: Tutorial
Um auch langfristig den Überblick über alle Blogposts zu behalten, werden diese gerne in Kategorien eingeordnet und mit Stichwörtern (Tags) verschlagwortet. Genau das will ich in diesem Tutorial erklären: Die Einträge um Kategorien erweitern, diese Informationen im Beitrag anzeigen und Übersichsseit...

styled-components in Gatsby nutzen

13.03.2018 — Lesezeit: 5 Min. — Kategorie: Tutorial
Nach dem ersten und zweiten Teil meiner Gatsby-Reihe soll es nun um styled-components gehen. Die CSS-in-JS Library erfreut sich großer Beliebtheit unter React Entwicklern und ist momentan auch mein Favorit. Aber wieso eine CSS-in-JS Library nutzen und im speziellen styled-components? CSS-in-JS verh...

React Code Styling mit ESLint und Prettier

01.03.2018 — Lesezeit: 4 Min. — Kategorie: Tutorial
Nachdem wir im ersten Teil unseren Gatsby Blog erstellt und veröffentlicht haben, wird es in den folgenden Teilen darum gehen diesen mit Funktionen stetig zu erweitern. Im Laufe der Tutorials wirst du einiges an React Code schreiben müssen - und dabei schleichen sich immer wieder gerne Flüchtigkeits...

Ultra-schnellen Blog mit React und Gatsby erstellen

04.02.2018 — Lesezeit: 13 Min. — Kategorie: Tutorial
Gatsby ist ein blitzschneller Static Site Generator basierend auf React. Wer keine Lust auf ein großes CMS wie Wordpress hat, aber dennoch gerne etwas mehr als reine HTML-Seiten bearbeiten will, wird Gatsby sicherlich lieben (natürlich muss man auch React mögen). Gatsby erfüllt alle Ansprüche an ein...

Gatsby Starter Portfolio - Emilia

23.01.2018 — Lesezeit: 1 Min. — Kategorie: Coding
Für den auf React basierenden Static-Site-Generator Gatsby habe ich heute meinen zweiten "Starter" veröffentlicht! Nachdem mein vorheriger Starter ein helles Theme hatte, habe ich mich dieses Mal an dunkle Töne gewagt und den Fokus auf die Fotos gelegt. Das Theme Emilia hat hierbei alles, was ein sc...

Photoshop Compositing Basics - Fertigstellung

14.01.2018 — Lesezeit: 3 Min. — Kategorie: Tutorial
Um die Compositing Basics Reihe gebührend abzuschließen, geht es in diesem Teil um die Fertigstellung bzw. Vollendung des Compositings. Nachdem du fleißig skizziert, gesucht und in Photoshop gearbeitet hast, siehst du nun eine fertige Bildcollage vor dir, der aber noch der letzte Schliff fehlt. Imme...

Photoshop Compositing Basics - Konzeption

08.01.2018 — Lesezeit: 2 Min. — Kategorie: Tutorial
Bevor ein Compositing überhaupt erst entstehen kann, braucht es die zündende Idee. Und diese kann auf ganz unterschiedliche Arten entstehen: Mal müssen Rahmenbedingungen (z.B. bei Wettbewerben) eingehalten werden, mal soll ein eine Stimmung/Gefühl transportiert werden, mal soll es ein Geschenk werde...

Top 5: Meine Favoriten in 2017

25.12.2017 — Lesezeit: 2 Min. — Kategorie: Allgemein
Das Jahr geht bald zu Ende und wie viele andere möchte auch ich meine kleine, persönliche Top 5 für 2017 niederschreiben. Die Liste ist ohne feste Struktur und ist nach keiner Kategorie geordnet – ich habe mir einfach meine fünf Favoriten rausgesucht, ohne die ich in 2017 nicht ausgekommen wäre. Kur...

Frohe Weihnachten

24.12.2017 — Lesezeit: 1 Min. — Kategorie: Freebie
Frohe Weihnachten! Ich wünsche dir ruhige, besinnliche und fröhliche Weihnachtsfeiertage. Tanke Kraft für die Aufgaben im neuen Jahr und lass den Alltagsstress mal mit einem guten Buch beiseite. Auch ich möchte dir ein Geschenk machen: Ich biete drei meiner Lieblingsbilder aus der #Proprius Reihe ko...

Photoshop Compositing Basics - Stockfotos

20.12.2017 — Lesezeit: 2 Min. — Kategorie: Tutorial
Nicht jeder ist in der luxuriösen Position sich Reisen, Kamera und Aufenthalt zu leisten, um die passenden Fotos für das nächste Compositing zu schießen, sodass in den allermeisten Fällen Stockfotos genutzt werden „müssen“. Oft findet man das nahezu perfekte Foto in diesen Bildbibliotheken und immer...

10 Tipps für Photoshop Anfänger

24.11.2017 — Lesezeit: 3 Min. — Kategorie: Tutorial
Die Benutzeroberfläche von Photoshop kann einen am Anfang fast genauso erschlagen wie die Anzahl der verfügbaren Tutorials. Dabei unterscheidet sich die Qualität dieser teilweise stark – weshalb diese 10 Tipps besonders für Anfänger, aber auch für alte Hasen mit schlechten Angewohnheiten gedacht sin...

Photoshop Compositing Basics - Bildcollage

21.11.2017 — Lesezeit: 8 Min. — Kategorie: Tutorial
Compositing wird gerne als die Königsdisziplin der digitalen Bildbearbeitung bezeichnet – in meinen Augen zurecht. Bis zum fertigen Bild ist es ein mehrstufiger Prozess: Sichtung von Material, Konzeption (Skizzen & Komposition und Arrangement der Bilder), Erstellung der Bildcollage und die Fertigste...

Gatsby Starter Portfolio: Emma

06.11.2017 — Lesezeit: 1 Min. — Kategorie: Coding
Gatsby erlaubt es per CLI sogenannte "Starter" zu installieren. Diese sind wie der Name suggeriert vorkonfigurierte Gatsby-Projekte, die einen schnellen Start für das eigene Projekt ermöglichen. Einige Starter bieten eine gute Grundlage für ein Design-Framework (z.B. Google Material Design), andere ...

elitepvpers Wallpaper

23.10.2017 — Lesezeit: 1 Min. — Kategorie: Freebie
Nachdem ich schon elitepvpers Wallpaper für das Smartphone erstellt hatte, habe ich die alten Bilder in 4K neu aufgelegt und vier weitere in Cinema4D erstellt. Die neuen Bilder sollten minimalistisch sein und die Farben von elitepvpers nutzen. Somit kannst du nun kostenlos 13 Wallpaper herunterladen...

Proprius Wallpaper 01

19.10.2017 — Lesezeit: 1 Min. — Kategorie: Freebie
Aus meinem Proprius Projekt sind einige schöne Bilder entstanden, die ich nun immer mal wieder als Wallpaper zur Verfügung stellen will. Den Anfang machen 7 Bilder, die zu meinen Favoriten gehören und unterschiedlicher nicht seien können. Alle Wallpaper sind in 4K-Auflösung verfügbar. Beim Erstellen...

Gatsby.js

14.10.2017 — Lesezeit: 2 Min. — Kategorie: Coding
Gatsby ist ein sog. "Static Site Generator" für React.js, das dem Nutzer ermöglicht, schnelle und dynamische Websiten zu erstellen. Besonderen Fokus legt Gatsby auf die Optimierung für Mobilgeräte und erstellt hierfür automatisch eine PWA (Progressive Web App). Befüllt wird die Website mit Hilfe von...