I developed an open source website to discover new music on a weekly basis without an algorithm.

Image for post
Image for post

Like everyone in the current situation, I miss being able to do a lot of different things such as hugging my mum, attending live events or being able to travel.

Recently, I also noticed I began to miss some immaterial things too, notably discovering new music to listen to totally unpredictably and not through an algorithm. Those bands and songs for which I fall in love for no other particular reason than the fact that they remind me a good memory.

The Upsetters? Discovered at the IQ Bar in Zürich, end of Summer when these were still open. We were…


Image for post
Image for post
Photo by Savannah Wakefield on Unsplash

Over the weekend I made a dependency update of my time tracking app “Tie Tracker” (PWA / GitHub).

In this particular tool, I defer the heavy work to Web Workers so that the UI does not find itself in a blocking state.

Because the app is meant to work offline and, is available in the App Store and Google Play, I did not import the required workers’ dependencies through a CDN but, locally.

importScripts('./a-third-party-library.min.js');

The app itself is developed with React but, I implemented the workers with vanilla JavaScript and no package manager to handle their dependencies.

Therefore, I had…


Get Firestore data to build your Gatsby static website with flexibility.

Image for post
Image for post
Photo by Melanie Magdalena on Unsplash

It is possible to populate Gatsby websites using Cloud Firestore with existing plugins and CMS but, you might be looking to implement such solution by yourself, without dependencies, to get the full control on the process.

This was my goal when I recently developed the new website of DeckDeckGo, more precisely when I was looking to present users’ published decks in the dedicated page “Discover”.

In this article I will show you, step by step, how to collect Firestore data to build Gatsby static websites. …


I developed a little scanner prototype with the web during the Christmas holidays to learn and try new skills

Image for post
Image for post
Image credit: Author

This last Christmas break, with the exception of visiting my parents for a couple of days (after having forced myself into a sort of autolockdown period first), I didn’t have any big plans. That’s why, I took the opportunity to improve my software development knowledge.

As I better learn concepts by applying them to real applications rather than writing examples, I decided to create a little scanner progressive web app (PWA) entirely made with the web.

I called it Rebel Scan because it’s just a little scanner app, you rebel scum!

A potato demo video of Rebel Scan

Introduction

It’s important…


A follow-up to my article about the internationalization of Gatsby websites.

Image for post
Image for post
Photo by pure julia on Unsplash

Earlier this year (2020), when I was publishing a blog post every day during the lockdown, I shared my solution to internationalize website build with Gatsby.

The past few days, I have re-build from the ground up the website of DeckDeckGo with the goals to extract static content from our editor for slides and, to develop the foundation to internationalize our platform.

At first, I was looking to experiment a new method but, did not find any which worked well for me. That’s why I developed this new website with Gatsby using my own recipe, again.

Doing so, I learned…


How to copy the start URL and parameters of your application to your clipboard while starting it locally.

Image for post
Image for post
Photo by Gia Oris on Unsplash

I am not sure anyone will ever need the following tricks but, at my client’s place, we have an application which can only be accessed through an URL which contains a dynamic base64 parameter. Needless to say, it makes its local development a bit inconvenient.

In addition, I have to admit, I am not a big fan of CLI’s options which can automatically open browser. Even though I mostly use the Chrome Incognito mode for development purpose, I like to switch often between browsers to try out what I developed.

Finally, I don’t use bookmarks (don’t judge me) and, I…


Build a generic, lazy-loaded dialog with Angular and Tailwind CSS

closeup of small owl
closeup of small owl
Photo by Emile Guillemot on Unsplash

I have the opportunity to participate in Owlly, an amazing and meaningful open source project founded by Sandro Scalco which aims to enable digital democracy in Switzerland.

Last week, as we were discussing the need to pre-render the main Angular application using Scully, we also took the decision to migrate it to Tailwind CSS.

As a result, I notably had to create a custom, generic lazy-loaded modal.

Meta

This article has been published in November 2020. The solution has been tested with Angular v11 and Tailwind v2.

Introduction

This tutorial describes the creation of a generic dialog with Angular and Tailwind CSS…


The story of the Stencil’s compiler and its magical integration of the Web Worker API.

Image for post
Image for post

Once upon a time, there was a compiler that generates Web Components and builds high performance web apps called StencilJS. Among all the build-time tool ever created, it had for goal to build faster, more capable components that worked across all major frameworks.

On the internet next door, there lived a boy (me 😉). And the boy watched the compiler grow more and more effective, more and more developer friendly with each passing year.

One day, as he was developing something new in his beloved project DeckDeckGo, the boy had the idea to experiment a feature of the compiler he…


The outcome of all amazing contributions to DeckDeckGo.

Image for post
Image for post

Let’s cut right to the chase: Hacktoberfest 2020 for DeckDeckGo has been amazing 🤩.

We have received thirty-two Pull Requests which not only helped us to solve features and issues but definitely pushed forward our editor for slides 🚀.

We would like to thank once again each and every person who gave us a hand and, the least we can do, give them credits back by listing here afterwards all their amazing work!

Note: following contributions are sort by date ascendant.

Display Regions

We aim to be transparent. …


A bare minimum checklist of the information required to submit your application to the App Store and Google Play.

Image for post
Image for post
Background’s photo by Jess Bailey on Unsplash

One of my current client requested a list of the bare minimum information required to publish their app in the App Store and Google Play. Once again, I did not remember where I saved such check-list 😅.

That’s why, instead of charging them for such process, I had the idea to wrap up these information in form of a public blog post I’ll try, hopefully with your help and inputs, to maintain up-to-date.

Last Update

This blog post has been updated for the last time Tuesday 3rd November 2020.

Distribution

Following questions have to be answered in order to distribute the app in…

David Dal Busco

Freelancer by day | Creator of DeckDeckGo by night | Organizer of the Ionic and IndieHackers Zürich Meetup

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