Blog – Page 8 – Johan Ronsse

Time to bootstrap

June 24, 2023 - Posted in bootstrap

I am starting something on the side, with the goal of bootstrapping a side business. The idea is to

build in public
build something that’s real (people can sign up, use it, it provides value)
see if ideas get traction (or not)
experiment and learn new things

In the past I’ve worked on small products like Kana Master and Keynote Extractor. It’s been a few years since I built and launched a product, and I feel energized to do it now.

What do I want to achieve? Chatting to another fellow indie hacker, the definition of “success” can vary wildly. Having a steady ARR that brings in some cash while having low maintenance can be interesting. For sure something could grow into something bigger. You can’t predict the future but you can get started building and learning and seeing which turns things will take, based on your actions.

One problem I always have is that I am not a backend developer. Over the past few years I’ve added more front-end knowledge to my skillset (e.g. React, Typescript, mostly out of necessity, and Svelte – out of interest). I can build out fully-fledged reactive user interfaces with a solid design, but when it comes to databases and to APIs I am pretty poor.

If any of this sounds at all interesting and you’d like to discuss it – shoot me an e-mail: letsbootstrap@johanronsse.be .

Nerve

June 23, 2023 - Posted in inspiration

Joe Chesky, AirBnB CEO makes an observation on why designers never run companies in his sit-down with Figma CEO Dylan Field titled “Leading through uncertainty”:

“…I think because design, in some ways, is fragile. Companies are organized around a scientific method. And the creative process is something that requires nerve. And over the years, I started losing my nerve. I brought in a lot of people from a lot of different companies and they brought their way of working towards us. So what do we do? We basically divisionalize. We had like 10 different divisions, with 10 different subdivisions. We were very much ran by product managers. We had a plethora of A-B experiments. And the thing I started noticing is, the more people we added, the more projects we pursued, the less our app changed, and the more the cost went up. And I didn’t know what to do?”

CSS Day 2023

June 11, 2023 - Posted in blijvend-leren conference css professioneel webdev

This week I went to the CSS day conference.

It had been 5 years since I had joined CSS day (with no editions in 2020 & 2021), and I was glad to once again visit Amsterdam for an excellently organized two days of talks about CSS.

The conference kicked off with Una Kravets from the Google developer relations team talking about all the new features in CSS. There’s been a lot of evolution over the past few years. If you remember, 2015 was kind of a “banner year” for CSS with a lot going on in terms of grid and flexbox. The last few years there’s been an interesting dynamic, where browser vendors have come together to work on features in an interoperable fashion.

Throughout the conference there were many talks about new features, including container queries, scroll-driven animations, trigonometry functions, new color spaces… as well as the results of some of the efforts of the Open UI working group like selectmenu (a customizable select) and the popover element.

I took a lot of notes in the container queries talk, and during Bramus‘s talk section about scroll-driven animations I could not help myself to make a codepen to try out the newest features (warning: Chrome Canary with the right feature flags only). I am especially excited about container queries landing in browsers. For me that’s been the missing part of responsive web design.

A conference is not only about the talks of course, and I was happy to meet some new people, talk to some old CSS friends. Where else can you discuss selector complexity and the need for abstractions like CSS modules and have the other side of the table understand what you are saying?

I especially want to thank the organisers Krijn and PPK, and the team behind the conference. It could not have been smoother and better organized. Props to them.

Thoughts on Mastodon and Bluesky

May 19, 2023 - Posted in apps bluesky mastodon

After a few months of using Mastodon, and a few weeks of sometimes launching Bluesky and being confused, I have thoughts. Like many people, I was fed up with Twitter at some point and decided to look elsewhere.

My Mastodon profile is here and my Bluesky profile is here.

Mastodon: Clients

The default Mastodon web experience is not the best… I tried to migitate that by using different clients. Elk is a bit better on web. Ice cubes for iOS is OK, but it seems to have a lot of ghost notifications. I get a push notification, and then my list is empty. I haven’t found a client I really love.

Mastodon: DM’ing

DM’ing on Mastodon is quite different than on Twitter. A DM is a “private mention”, it shows up right on your feed in the same place as other messages.

When you DM, you are essentially sending a messsaging to mentioned people only. But UI-wise, it’s quite unclear what is what.

DM’ing on Twitter was a big deal for me to ask questions to my network or have small private conversations. DM’ing on Mastodon so far doesn’t feel right.

Mastodon: Activity

Activity on Mastodon is quite low so I see the same over-active people writing their things. I do only follow 1/5 of the amount of people as I do on Twitter so the answer is probably there… but I still have the impression that people just – use it less than Twitter?

In a way I prefer an algorithm there to make noisy people less noisy, while still following them. But if I look at the “For you” tab on Twitter, it’s full of poor content (very comparable to LinkedIn has been for years) – making me appreciate a non-algorhitmic feed. You can’t have it both ways I guess.

After many years of Twittering I have consistently been hovering around following 600-ish people. At one point, this gave me a steady stream of news and opinions, while still being managable to read. But I think things have gone downhill lately.

What about Bluesky?

There is also Bluesky, which is so new that I can’t say much.

First I was confused by the look and feel of it. Some parts look so unprofessional that I wondered if they are even genuine. The marketing website doesn’t style their links and looks very bare bones. The iOS login screen looks like it was put together in a minute, in such a way that I first thought I was dealing with a scam app.

The few times I’ve tried it, it’s been a weird experience. Almost no one I know is on there and I got followed by 30+ people who I don’t even know. For now, it’s not engaging at all, so I just quit the app a few minutes after I start using it.

Today, in the process of writing this blog post, I tried to add my own domain as a username (a feature of the AT protocol) but it did not work.

The concept of verifying your identity using a domain you own is interesting. Essentially if you have access to the keys of a domain (by being able to set DNS records) that is enough of an identity verification, and that sounds pretty legit to me.

I thought it was funny when somebody registered themselves to the Github CDN or standard S3 bucket urls.

All in all

All of the above is leading me to mix my Twitter and Mastodon usage. I guess I wil occassionally launch Bluesky to see how it evolves.

At one point I thought we (we, as in the communities I follow) would all quit Twitter and move over to Mastodon.

But that’s not the case at all.

Anyway, some thoughts. Over and out.

3 things about Storybook’s CSF3 that were not that clear immediately

March 11, 2023 - Posted in development storybook ui webdev

I recently started switching a Storybook that was based on the MDX format to the Component Story Format 3.0 format, skipping the 2.0 entirely… so some things were not that clear to me. I’m documenting them here for the reference of myself and others. Thse examples work in Storybook 6.5, and I believe also in 7.0 since the team worked on full backwards compatibility.

You can pass storyName below an exported story to give it another name:

export const HeadingWithSpacingExamples = () => (
  <>
    <Heading variant="h1" spacing>
      h1
    </Heading>
    <Heading variant="h2" spacing>
      h2
    </Heading>
    <Heading variant="h3" spacing>
      h3
    </Heading>
    <Heading variant="h4" spacing>
      h4
    </Heading>
  </>
);

HeadingWithSpacingExamples.storyName = 'With spacing';

You can add a description to a component using parameters.docs.description.story :

export const HeadingExamples = () => (
  <>
    <Heading variant="h1">h1</Heading>
    <Heading variant="h2">h2</Heading>
    <Heading variant="h3">h3</Heading>
    <Heading variant="h4">h4</Heading>
  </>
);

HeadingExamples.parameters = {
  docs: {
    description: {
      story: 'The component doesn’t have built-in spacing by default.',
    },
  },
};

You can add a description to a (top level) component itself by passing parameters.docs.description.component:

export default {
  title: 'Typography/Heading',
  component: Heading,

  args: {
    variant: 'h1',
    children: 'Heading',
  },
  parameters: {
    docs: {
      description: {
        component: 'The header component.',
      },
    },
  },
};

This is a bit wieldy, so in the newest Storybook, 7.0, you apparently you can do that with JSDoc:

/**
 * @description My description
 */

I’ve yet to test that.

Mexico (2)

March 8, 2023 - Posted in lifelog mexico persoonlijk reflectie

Een update na 2,5 maand. Zoals ik in mijn vorige post rapporteerde wordt ik het hier wel wat gewoon.

Het appartment krijgt meubel-gewijs vorm. Het opstaan op een ontieglijk uur lukt wonderwel – en dat voor een avondmens.

Qua werk neigt het meer naar front-end dezer dagen. Uit eigen keus – ik wil graag software écht naar een hoger niveau krijgen niet blijven steken in concept designs.

We gebruiken wel niet echt mijn favo technologie (React…) maar ik leer wel het een en ander bij over software engineering.

Na jaren nooit echt de switch te maken naar een “echte” IDE heb ik nu écht de switch gemaakt naar IntelliJ.

Ik moet wat meer tijd steken in Spaans leren, maar heb eigenlijk wel vrij veel werk. Ik denk dat het echte taalniveau er pas van gaat komen als ik a) ofwel een dedicated cursus volg of b) in een Mexicaanse context zou werken. Het eerste zou er nog van kunnen komen, voor het 2e is de kans vrij klein. Europese of Amerikaanse klanten betalen nu eenmaal beter ;)

Qua games heb ik na een lange gameloze-periode (met uitzondering van Tunic als tussendoortje in de kerstvakantie) eindelijk tijd kunnen maken voor 2 games: Age of Empires 4 en Elden Ring.

AoE4 neemt de bovenhand met ondertussen al een kleine 30 uur op de teller. De verschillende civs zijn leuk om mee te leren spelen, en ook al draait het vrij brak op mijn oude MBP15, het blijft leuk.

Elden Ring moet nog een beetje openbloeien, voorlopig vind ik het alvast vrij enjoyable. Ik zit een paar uur in de game en hoor dat het pas na een acht of tiental uur echt begint.

Daarnaast, niet om de Belgen jaloers te maken, maar hier is het lekker 28 graden. Iets te warms zelfs.

Qua vrienden is het een beetje zoeken. Ik moet nog een beetje socialer worden denk ik. Misschien iets van sport oppikken. Heb alvast mijn fiets ietwat beter laten afstellen.

Qua reizen heb ik een ticket voor CSS day geboekt, in juni – en in augustus ga ik ook nog een keer richting Europa. Er zijn wel wat reizen gepland. En mijn familie komt eens een kijkje nemen in Mexico stad! Hoera.

Over en uit!

Mexico

February 7, 2023 - Posted in lifelog mexico persoonlijk reflectie

Ik word het wel wat gewoon hier na een dikke 1,5 maand. We hebben nu een appartementje. Ik heb een visum voor een jaar. Ik weet waar ik mijn inkopen moet doen. Heb een fiets gekocht en een computerscherm.

En donderdag komt er een nieuwe bureau aan. De IKEA hier was precies door al zijn voorraad, maar op een dag was ik nog eens aan het checken en – aha! – mijn bureaustoel en voorkeursbureau was terug op voorraad. Er moet een boot van Zweden zijn gekomen, ofzo.

Ik probeer op te staan om 5u30 om de Europese middag mee te pakken – om 6u aan mijn bureau, dan is het 13u in België. Voorlopig gaat dat goed, vind ik. Ik zou het eens aan mijn collega’s moeten vragen wat zij vinden. Maar één stiekem voordeel is dat ik in de namiddag nooit meetings heb, en dus lekker geconcentreerd kan doorwerken.

Het thema van de voorbije maand is een nieuw project waar ik bijzonder weinig over kan zeggen. Daarnaast probeer ik de front-end implementatie van ons design systeem op een nieuwe niveau te brengen. Na een tweetal maanden mobile design verwelkom ik terug een beetje front-end.

Mijn werkdag stopt dan typisch rond 15u30-16u afhankelijk van hoeveel pauzes. En dan zou je denken: dan heb je nog een hele dag om dingen te doen… maar de realiteit is, een mens heeft maar zoveel energie, dus ergens rond 20u30 of 21u is het al bedtijd. Een heel ander ritme dan om middernacht gaan slapen in België.

Wat ik mis: mijn vrienden, mijn familie, en raar maar waar, om een beetje op de hoogte te zijn van de Belgische (politieke) actualiteit. Nog iets dat ik mis: de kwaliteit van de supermarkten. Wat ik niet mis: donkere winters, de Belgische regen, het verkeer rond Antwerpen, en de NMBS.

En o ja, ik wil jullie niet jaloers maken, maar het is hier 25 graden vandaag.

Fixing e-mail signatures for Apple Mail in macOS Ventura

December 20, 2022 - Posted in emails macos signature

This is an update to “Adding an HTML signature to Apple Mail (and have it show up properly!)”

After upgrading to Ventura, my lovely e-mail signature showed up with missing images.

A bit of Googling brought me to a solution.

For each image, instead of the image, use an HTML element (e.g. a or div) with the width and height of the original image, and a background image that is encoded as base64 (for Apple mail), with a fallback to the image URL (for gmail).

For example:

<div style='color: transparent; width: 30px; height: 30px; display: inline-block; background: none; background-image: url("data:image/png;base64,BASE64HERE"), url("IMGURLHERE"); background-size: cover;'>&nbsp</div>

Apply this logic to your code, and the images will work again.

Property toggle in Figma

December 5, 2022 - Posted in figma ui workflow

Leuk, zo met 1 klik van dark naar light mode met deze plugin.

Ontspullen

November 20, 2022 - Posted in positief

Ik ben wegens aankomende verhuis vanalles aan het wegdoen, en wat een deugd is eigenlijk dat buurtplatform Hoplr niet?

Ik heb gisteren een tiental mensen iets kunnen geven, en sommigen waren échtig blij met wat ze hadden gekregen.