Early stages of training on the prompt “A high-tech outer circle with a low-tech inner filling trending on art station”

The synthetic imagery (“GAN Art”) scene has recently seen a kind of productivity explosion: A new kind of neural network architecture capable of generating images from text was quickly popularized through a freely available Google Colab notebook. It enabled thousands of people to create stunning/fantastic/magical images, just by inputting a text prompt. Twitter, Reddit and other forums were flooded by these images, often accompanied with the hashtags #vqgan or #clip

The text-to-image paradigm that VQGAN+CLIP popularized certainly opens up new ways to create synthetic media and maybe even democratizes “creativity”, by shifting the skillset from (graphical) execution or algorithmic instruction…


🧪 This is the start of a series of experiments that was sparked by the question if we can create (better) pictures of Artificial Intelligence by using AI techniques to generate them. The question emerged from a bigger research project in which I am involved which is researching ways to improve the visual representation of AI in the media: “Better images of AI”.

⚗️ Which AI techniques are most suited to generate these images? How do we deal with the biases engraved in these systems? Can we expose and unpack the infrastructure and human labour behind the datasets and algorithms…


Das ist ein Brief an einen meiner Kunden, in dem ich ihm (sehr) ausführlich erkläre, warum ich den Facebook Pixel nicht einbauen werde.

Bild Credits: www.thoughtcatalog.com

Ich veröffentliche diesen Brief um über die Invasität des Trackings durch Facebook aufzuklären. Facebook ist mit seinem Geschäft mit personalisierter Werbung ein zentraler Player im Surveillance Capitalism.

Als Webentwicklerin will ich mich nicht für den Überwachungskapitalismus einspannen lassen.

Durch die Auseinandersetzung mit dem Kunden habe ich noch etwas interessantes über die Verantwortung als Software und Webentwicklerin gelernt: Als Webentwicklerin baut man nicht nur ein Produkt für den Kunden, sondern auch für die zukünftigen Benutzerinnen. …


The University of Art and Design BURG Giebichenstein in Halle (Germany) is known for its great workshops. There are no less than 20 workshops — including a textile manufactory, workshops for wood, metal and plastics, a screen printing shop and a digital workshop with a considerable number of different 3D printers.

Since summer 2020, this range has been expanded to include the XLab, the lab for artificial intelligence and robotics. In the XLab, we, Alexa Steinbrück (AI) and Simon Maris (robotics), explore the creative applications and critical implications of these technologies. …


This is Part 3 of a three-part series covering the Gatsby plugin gatsby-image
Part 1:
Graphql, generated files & markup
Part 2: Responsive images 101
Part 3: Controlling src-set, breakpoints and styling

Gatsby Image: What src-set property does it generate?

If you’re dealing with a fixed image it is producing a src-set with a width-descriptor appended to each source (e.g. 600w)

"srcSet": 
"/static/1234/1111/my-image.jpg 600w,
/static/1234/2222/my-image.jpg 900w”

In the case of a fluid image it is producing a src-set with an x-descriptor appended to each source (e.g. 1.5x)

"srcSet": 
"/static/1234/1111/my-image.jpg 1x,
/static/1234/2222/my-image.jpg 1.5x,
/static/1234/3333/my-image.jpg 2x”

Gatsby Image: What sizes property does it generate?

This only applies to fluid images. Fixed images don’t have a size property, because…


This is Part 2 of a three-part series covering the Gatsby plugin gatsby-image
Part 1:
Graphql, generated files & generated markup
Part 2: Responsive images 101
Part 3: Controlling src-set, breakpoints and styling

In this post we’ll cover these things:

  • <picture> with <source> as child elements
  • <img> with “srcset” and “sizes” attribute
  • Using the browser devtools to find out which image files are really fetched by the browser

This is providing some helpful background knowledge to use gatsby-image, but it is not specific to gatsby-image.

How does the <picture> element work?

The <picture> element contains zero or more <source> elements and one <img> element.

From MDN:


This is Part 1 of a three-part series covering the Gatsby plugin gatsby-image:
Part 1:
Graphql, generated files & markup
Part 2: Responsive images 101
Part 3: Controlling src-set, breakpoints and styling

Disclaimer: This is for the reader who has used gatsby-image before & understands what it is capable of, but needs a more in depth understanding in order to control it better.

This is written in December 2019 and based on the API’s of gatsby 2.18.x, gatsby-image 2.2.x, gatsby-transformer-sharp 2.3.x and gatsby-plugin-sharp 2.3.x

On first sight the Gatsby plugin gatsby-image is a jack of all trades plugin. But gatsby-image…


For this year’s Mozfest, the annual event of Mozilla that celebrates the open web, I delivered a workshop with the title: “My name is Alexa and I’m not your personal assistant”. We looked at voice assistants like Alexa, Siri, Cortana and Google Assistant, questioned the status quo and collectively explored alternative designs.


Ilustration by Tamara Siewert

Voice assistants like Siri and Alexa have become synonyms for Artificial Intelligence. There has been only limited regard to the extent to which these systems are intentionally personified by their designers and how much of their utterances are manually authored.

Is this personification entirely a good thing? Doesn’t it prevent us from establishing a realistic relationship with AI? Does it counteract the development of our collective AI literacy? Being on a mission to “humanize tech” sounds positive and reasonable, but is “human-friendly” and “human-like” actually the same thing? …


TheirStory is an online platform that helps with facilitating, recording and digitally archiving meaningful conversations now and for future generations. I talked with the founder of TheirStory, Zack Ellis, about the art of conversation, the power of open dialogue and the responsibility that comes with running such a platform. This interview was done partly in written form on Slack and partly via live conversation through the TheirStory tool.

Storytellers United is a diverse and inclusive community of creatives working on innovative forms of storytelling. We connect from across many different time zones and even more backgrounds to share ideas, projects…

Alexa Steinbrück

Frontend Dev with background in Artificial Intelligence and the Fine Arts. Voice assistants, NLP, Computational Creativity

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store