mirror of
https://github.com/kogakure/website-astro-stefanimhoff.de.git
synced 2026-02-03 12:05:28 +00:00
chore: update Affinity links
This commit is contained in:
Stefan Imhoff
@@ -11,4 +11,4 @@ Location: Hamburg, Germany
|
||||
/* SITE */
|
||||
Language: English
|
||||
Components: Astro, Preact, Tailwind CSS, PostCSS, TypeScript
|
||||
Software: Neovim, Affinity Designer, Git
|
||||
Software: Neovim, Affinity, Git
|
||||
|
||||
@@ -43,7 +43,7 @@ To help others and make it easier to stay inside, I created this list of **101 t
|
||||
27. **Learn to Write** – Start with a few words or a short story. Or you could write a book. Learn about the [8-Point Story Arc](https://youtu.be/W0HEqI3pJIM) to improve your writing.
|
||||
28. **Build Yourself a Website** – If you don’t know how to code, do not despair. You can set up a website without technical knowledge on [WordPress](https://wordpress.com) or [Squarespace](https://squarespace.com).
|
||||
29. **Start a Blog** – If you have a website, you can start writing a blog. We need more blogs with interesting topics. You might know a few topics better than most people. Write about it.
|
||||
30. **Learn Design & Illustration** – You don’t need expensive software to start. Try [Affinity Designer](https://affinity.serif.com/designer/). It costs less than €50 and is powerful. I do all my designs with it: Websites, Flyer, Logos, … They have hundreds of [video tutorials](https://affinity.serif.com/learn/) and multiple books.
|
||||
30. **Learn Design & Illustration** – You don’t need expensive software to start. Try [Affinity](https://www.affinity.studio/). It costs nothing and is powerful. I do all my designs with it: websites, flyers, logos, brochures …
|
||||
31. **Improve Your Math** – The [Khan Academy](https://www.khanacademy.org/) is a free resource to learn everything about math, from preschool to university levels. The content is better than that in most schools. And they have more than math, courses on science & engineering and arts & the humanities.
|
||||
32. **Learn a Language** – You can learn on [Duolingo](https://www.duolingo.com/) for free. They have courses in so many languages, you can even learn _High Valyrian_, _Klingon_ or _Navajo_. I learn _Spanish_ and _Japanese_ every day.
|
||||
33. **Learn 3D Creation** – Not long ago, 3D software cost thousands of dollars. But today you can learn for free with [Blender](https://www.blender.org/). Modeling, Sculpting, Animation & Rigging, and Rendering. I’m doing the course [Complete Blender Creator: Learn 3D Modelling for Beginners](https://www.udemy.com/course/blendertutorial/) on Udemy.
|
||||
|
||||
@@ -81,23 +81,19 @@ I use [Apple Numbers](https://www.apple.com/numbers/) for everything I need to d
|
||||
|
||||
My main tool for writing is [iA Writer](https://ia.net/writer). I use it on Mac, iPhone, and iPad. It’s the most minimalistic, distraction-free, beautiful writing experience. It supports Markdown, and has tools to analyze your words, and count reading time, characters, words, and sentences. I write my text in Markdown and either open it from DEVONthink in iA Writer or save my texts in iCloud and index the contents of these folders in DEVONthink.
|
||||
|
||||
### Affinity Designer 📱 🖥
|
||||
### Affinity 📱 🖥
|
||||
|
||||
The British company **Serif** creates the best design tools I know. I worked with and owned Adobe Photoshop and Adobe Illustrator for over 15 years, and use Sketch at work. But [Affinity Designer](https://affinity.serif.com/designer/) is my tool of choice for everything I design: Websites, UI, flyers, and logos.
|
||||
I worked with and owned Adobe Photoshop and Adobe Illustrator for over 15 years, and use Sketch at work. But [Affinity](https://www.affinity.studio/) is my tool of choice for everything I design: Websites, UI, flyers, and logos.
|
||||
|
||||
I switched away from Adobe when they started forcing people to their cloud solutions and making it impossible to buy a new version every few years, but instead have to pay monthly “rent”. Serif won multiple awards for Affinity Designer.
|
||||
I switched away from Adobe when they started forcing people to their cloud solutions and making it impossible to buy a new version every few years, but instead have to pay monthly “rent”.
|
||||
|
||||
I use the iPad version and soon plan to buy a big iPad Pro with the Apple Pencil to create even cooler things with Affinity Designer.
|
||||
I use the iPad version and soon plan to buy a big iPad Pro with the Apple Pencil to create even cooler things with Affinity.
|
||||
|
||||
### Affinity Photo 📱 🖥
|
||||
|
||||
[Affinity Photo](https://affinity.serif.com/de/photo/) is the second tool from **Serif**. I use it less, but when I want to work on photos or photo manipulations, I use Affinity Photo. Serif won multiple awards for Affinity Photo.
|
||||
I also use it to work on photos or photo manipulations, I use Affinity.
|
||||
|
||||
It has support for RAW, PSD, 360° photo editing, HDR, batch automation, smart objects, and montage. I’m not a professional photographer, but it’s made for them.
|
||||
|
||||
### Affinity Publisher 🖥
|
||||
|
||||
[Affinity Publisher](https://affinity.serif.com/publisher/) is the newest tool by **Serif**. It’s an incredibly powerful DTP tool to replace Adobe InDesign or Quark Express. I started working with it, but I plan to create and lay out a book with it. It seamlessly integrates with Affinity Designer and Affinity Photo and allows doing nearly everything you can think of.
|
||||
Affinity is also an incredibly powerful DTP tool to replace Adobe InDesign or Quark Express. I started working with it, but I plan to create and lay out a book with it.
|
||||
|
||||
### Eagle
|
||||
|
||||
|
||||
@@ -198,9 +198,9 @@ Subtle arrows and icons for specific use cases were left. I removed complex sun
|
||||
|
||||
In mid of 2019, I finally started with my design. I spend 3 hours on prototyping and mood boards and nearly 25 hours on the designs.
|
||||
|
||||
As my tool of choice, I picked [Affinity Designer](https://affinity.serif.com/designer/). I love the tool since it was first released. I worked for 15 years with Adobes products and owned multiple expensive versions of their designer software. But when Adobe thought it might be a good idea to rent software instead of selling it and forcing people to regularly pay to be able to use the tools, I moved on to other software.
|
||||
As my tool of choice, I picked [Affinity](https://www.affinity.studio/). I love the tool since it was first released. I worked for 15 years with Adobes products and owned multiple expensive versions of their designer software. But when Adobe thought it might be a good idea to rent software instead of selling it and forcing people to regularly pay to be able to use the tools, I moved on to other software.
|
||||
|
||||
And working with [Affinity Designer](https://affinity.serif.com/designer/), [Affinity Photo](https://affinity.serif.com/photo/), or [Affinity Publisher](https://affinity.serif.com/publisher/) is much more fun. They are performant and have many nice tools and features. And the price is unbeatable. I own all their products on Mac and iPad and can move between the tools, while designing, with ease.
|
||||
And working with Affinity is much more fun. They are performant and have many nice tools and features. And the price is unbeatable. I own all their products on Mac and iPad and can move between the tools, while designing, with ease.
|
||||
|
||||
I decided to use Aaron James Draplin's method of designing. He is a talented designer inspiring millions with his artwork and author of <ProductLink asin="1419720171" text="Draplin Design Co.: Pretty Much Everything" />.
|
||||
|
||||
|
||||
@@ -135,7 +135,7 @@ The combination of `min()`, `max()`, and `clamp()` allows responsive typography
|
||||
|
||||
At the end of May 2020, I started creating the first page: [The Error 404 page](/404/). I used explicitly positioned content and could test out my grid.
|
||||
|
||||
Next, I created the first Markdown page: [Imprint](/imprint/). And then the [About](/about/) page, another explicitly designed page. It was impressive how quick and easy it was to create all the layouts I designed months earlier in Affinity Designer. Each page took me a day. I created the first parts of the [Homepage](/), another explicitly set site.
|
||||
Next, I created the first Markdown page: [Imprint](/imprint/). And then the [About](/about/) page, another explicitly designed page. It was impressive how quick and easy it was to create all the layouts I designed months earlier in Affinity. Each page took me a day. I created the first parts of the [Homepage](/), another explicitly set site.
|
||||
|
||||
Then I started with my first data-driven pages: [The Traditional Colors of Japan](/traditional-colors-of-japan/) and [Haiku](/haiku/).
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ date: 2023-06-01
|
||||
format: 50-start
|
||||
sort: 10
|
||||
categories: ["Design", "Writing"]
|
||||
intro: I love experimenting with the Open Source AI image generator Stable Diffusion since 2022. I constantly try new prompts, techniques, extensions and styles, and even trained my own models. Recently, I also started using FLUX.
|
||||
intro: I love experimenting with the Open Source AI image generator Stable Diffusion since 2022. I constantly try new prompts, techniques, extensions and styles, and even trained my own models. I also started using FLUX, FLUX Kontext, GPT Image 1, and Gemini 3 Pro Image.
|
||||
image:
|
||||
src: /assets/images/projects/thumbnails/ai-art.webp
|
||||
aspectRatio: 1.43
|
||||
|
||||
@@ -5,7 +5,7 @@ format: 100-end
|
||||
class: bamboo-illustration
|
||||
sort: 90
|
||||
categories: ["Illustration"]
|
||||
intro: I created the bamboo illustration in 2006 for my Martial Arts website using Adobe Illustrator and the gradient grid tool. 2015 I decided to use my bamboo as SVG on my website. Unfortunately, the gradient tool is not supported in SVG and I needed to recreate my bamboo with linear, radial, and other supported gradients in Affinity Designer.
|
||||
intro: I created the bamboo illustration in 2006 for my Martial Arts website using Adobe Illustrator and the gradient grid tool. 2015 I decided to use my bamboo as SVG on my website. Unfortunately, the gradient tool is not supported in SVG and I needed to recreate my bamboo with linear, radial, and other supported gradients in Affinity.
|
||||
image:
|
||||
src: /assets/images/projects/thumbnails/bamboo-illustration.svg
|
||||
aspectRatio: 1.5
|
||||
|
||||
@@ -136,9 +136,7 @@
|
||||
"tags": [
|
||||
"UX/UI Design",
|
||||
"Information Architecture",
|
||||
"Affinity Designer",
|
||||
"Affinity Photo",
|
||||
"Affinity Publisher",
|
||||
"Affinity",
|
||||
"Figma",
|
||||
"Sketch",
|
||||
"Abstract",
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
layout: ../layouts/AboutLayout.astro
|
||||
title: About
|
||||
updated: 2025-01-23
|
||||
updated: 2025-12-15
|
||||
description: I’m Stefan Imhoff, a Web Developer from Hamburg, Germany.
|
||||
backLink: /
|
||||
---
|
||||
@@ -33,9 +33,9 @@ The source code of this website is available on [GitHub](https://github.com/koga
|
||||
|
||||
### Design
|
||||
|
||||
- I designed the website myself in [Affinity Designer](https://affinity.serif.com/designer/), using the Japanese art form of _shibui_ (<nobr>渋い</nobr>) as a source of inspiration. To learn more about the process, please read the essays about the [inspiration](/new-website-2020-inspiration/) and [design](/new-website-2020-design/)
|
||||
- I designed the website myself in [Affinity](https://www.affinity.studio/), using the Japanese art form of _shibui_ (<nobr>渋い</nobr>) as a source of inspiration. To learn more about the process, please read the essays about the [inspiration](/new-website-2020-inspiration/) and [design](/new-website-2020-design/)
|
||||
- The design uses the variable typeface [Secuela](https://fontlibrary.org/en/font/secuela-variable) by [deFharo](https://github.com/defharo). I use a font scale that is based on the golden ratio, and the font scales automatically to the viewport size
|
||||
- I created the Bonsai image on my homepage and other cover photos with [Stable Diffusion](https://stability.ai/), [FLUX](https://blackforestlabs.ai/), [ControlNet](https://github.com/lllyasviel/ControlNet), and [Affinity Photo](https://affinity.serif.com/photo/). My portrait photo was generated in Stable Diffusion with a custom LoRa model trainied in [FLUX Dev](https://replicate.com/ostris/flux-dev-lora-trainer/train)
|
||||
- I created the Bonsai image on my homepage and other cover photos with [Stable Diffusion](https://stability.ai/), [FLUX](https://blackforestlabs.ai/), [ControlNet](https://github.com/lllyasviel/ControlNet), [GPT Image 1](https://platform.openai.com/docs/models/gpt-image-1), [Gemini 3 Pro Image](https://deepmind.google/models/gemini-image/pro/), and [Affinity](https://www.affinity.studio/). My portrait photo was generated in Stable Diffusion with a custom LoRa model trainied in [FLUX Dev](https://replicate.com/ostris/flux-dev-lora-trainer/train)
|
||||
- The minimalistic icons are by [Remix Icon](https://remixicon.com/), which is [Jimmy Cheung](https://github.com/xiaochunjimmy) and [Wendy Gao](https://github.com/wendygaoyuan)
|
||||
|
||||
### Technology
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
layout: ../layouts/PageLayout.astro
|
||||
title: Tools
|
||||
updated: 2025-08-27
|
||||
updated: 2025-12-15
|
||||
description: I enjoy learning how other people work, what hardware, software, tools, and gadgets they use. On this page, I present my tools.
|
||||
intro: I enjoy learning how other people work, what hardware, software, tools, and gadgets they use. Here, I present my tools.
|
||||
cover: /assets/images/cover/home-office.webp
|
||||
@@ -17,14 +17,14 @@ export const components = mapping;
|
||||
- [Capisco Chair by HÅG](https://www.fully.com/chairs/for-standing-desks/hag-capisco-chair.html) –
|
||||
black leather and a black frame
|
||||
- [Black Leather Desk Pad](https://www.amazon.de/dp/B07GSC21K8) – 90×50 cm
|
||||
- [MacBook Stand](https://www.amazon.de/dp/B01F01DRW6) – my MacBook Pro 16" rests on a silver aluminum stand. I usually don’t type on the build-in keyboard, but on a mechanical keyboard. For me my MacBook is a second screen.
|
||||
- [MacBook Stand](https://www.amazon.de/dp/B01F01DRW6) – my MacBook Pro 15" rests on a silver aluminum stand. I usually don’t type on the build-in keyboard, but on a mechanical keyboard. For me my MacBook is a second screen.
|
||||
- [BenQ Screenbar Plus](https://www.amazon.de/dp/B07GGVNXSW)
|
||||
- [Anker PowerConf C200](https://www.amazon.de/dp/B09MFMTMPD)
|
||||
|
||||
## Tech
|
||||
|
||||
- [Mac mini M2 Pro](https://www.apple.com/mac-mini/) – 32 GB RAM, 1 TB SSD
|
||||
- [MacBook Pro 16"](https://www.apple.com/macbook-pro/) – 16 GB RAM
|
||||
- [MacBook Pro 15"](https://www.apple.com/macbook-pro/) – 16 GB RAM
|
||||
- Two [Apple Magic Mouse](https://www.apple.com/shop/product/MK2E3AM/A/magic-mouse-white-multi-touch-surface) – one in white and one in black. Don’t ask me why, but it has to do with Apple’s design decisions. 😅
|
||||
- [ZSA Voyager](https://www.zsa.io/voyager) – split mechanical keyboard; still learning to type on it
|
||||
- [Keychron K1 Wireless Mechanical Keyboard](https://www.keychron.com/products/keychron-k1-wireless-mechanical-keyboard)
|
||||
@@ -44,14 +44,14 @@ export const components = mapping;
|
||||
## Development
|
||||
|
||||
- [Neovim](https://neovim.io/) – with [LazyVim](https://www.lazyvim.org/) as a plugin manager
|
||||
- [Zed](https://zed.dev/) – I use it occasionally
|
||||
- [Zed](https://zed.dev/) – I use it when I use AI agents to write code
|
||||
- [Ghostty](https://ghostty.org/) – terminal emulator 👻
|
||||
- [Tmux](https://tmux.github.io/) – terminal multiplexer
|
||||
- [LazyGit](https://github.com/jesseduffield/lazygit) – terminal Git client
|
||||
|
||||
## Design
|
||||
|
||||
- [Affinity Suite](https://affinity.serif.com/) – Affinity Designer, Affinity Photo, and Affinity Publisher
|
||||
- [Affinity](https://www.affinity.studio/) – Designer, Photo, and Publisher
|
||||
- [Procreate](https://procreate.com/)
|
||||
- [Eagle](https://eagle.cool/) – storing design assets, like images, videos, fonts, and illustrations; I use it every day and have over 40,000 assets saved (and only 1,000 of those are memes). 🐸
|
||||
- [Typeface](https://typefaceapp.com/) – font manager
|
||||
@@ -62,7 +62,7 @@ export const components = mapping;
|
||||
- [iA Writer](https://ia.net/writer)
|
||||
- [DEVONthink](https://www.devontechnologies.com/apps/devonthink) – store documents and reference material
|
||||
- [Reeder](https://reeder.app/) – read my RSS feeds
|
||||
- [Feedbin](https://feedbin.com/) – my RSS service. From there, I transfer everything I starred automatically (with a self-hosted [n8n](https://n8n.io/)) to Raindrop.io.
|
||||
- [Inoreader](https://www.inoreader.com/) – my RSS service. From there, I transfer everything I starred automatically (with a self-hosted [n8n](https://n8n.io/)) to Raindrop.io.
|
||||
- [Raindrop.io](https://raindrop.io/) – my favorite app to save any bookmark and to find anything again in seconds. I have more than 30,000 bookmarks.
|
||||
- [Readwise Reader](https://readwise.io/read) – read articles, ebooks, 𝕏 posts, watch YouTube videos with AI enhanced transcription, or use the AI voice feature to listen to articles. When I highlight something, it’s automatically saved to Readwise.
|
||||
- [Readwise](https://readwise.io/i/stefan805) - review all my highlights from books, articles, and notes. I love the daily review and the flashcards.
|
||||
|
||||
Reference in New Issue
Block a user