Using CSS variables, at least when I’m writing these lines in June 2021, is not supported in media queries or selector, e.g.
:nth-child(var(--my-variable)) does not work.
This is a bit unfortunate but, not unsolvable. In some recent development I bypassed this limitation by injecting
style elements in the DOM, into my Web Components, in order to animate block of codes in DeckDeckGo.
Stricto sensu the following trick is not reserve to Web Components and, probably works with any elements too. I just only used it so far with such technology 😜.
If you are looking to do the same, hope this tutorial helps you get started!
Sometimes while migrating my libraries, I even found myself waiting for the end of a build because I did not notice that it was already finished. …
An introduction to the MutationObserver Web API that provides the ability to watch for changes being made to the document.
I recently developed multiple features across projects with the help of the MutationObserver Web API. A bit to my surprise, I noticed that some colleagues never had used it or, even heard about it before. That’s why I got the idea for this blog post.
I just migrated the documentation of DeckDeckGo to StorybookJS. More than its ability to simplify building and testing, I like to use it for documentation purpose because it allows me to integrate the README.md files that StencilJS generates automatically. Sparring steps between code and documentation is the best don’t you think?
Here are a couple of tips & tricks I reused, or discovered, along the process.
One particularly cool feature of StencilJS is that, out of the box, it auto-generates
readme.md files in markdown from the code’s comments. Isn’t that neat?
I think it is. Therefore, to even push to…
As I like to benefit from my experiences to learn and try new concept, instead of using a bundler as described in the Figma documentation, I decided to give a try to esbuild.
The least I can say, I loved it ❤️.
Following solution is the one I set up for my plugin. It does work like a charm but, notably because it was the first time I used esbuild, it might need some improvements. …
I am thrilled to unveil a new way to turn your Figma designs into animated slide decks thanks to the open source plugin I recently published: Figma to DeckDeckGo 🥳.
You may ask yourself why would you export your content from Figma to DeckDeckGo? After-all it is possible to present a design without a 3rd party platform. I get that but, before making up your mind, let me list some advantages I do see in such a solution.
As all these projects are open source, I will share with you my recipe 🧑🍳.
I recently internationalized with the help of the community our project DeckDeckGo, but this article has for goal to add translations to a relatively small component or set of components without dependency.
I use this solution when I create components that contain some
slot with default values and which have has primary market our lovely “four languages +…
It took more time than expected to code such a Node.js function, that’s why I am sharing this solution, hoping it might help you some day too 😇.
npm i unzipper --save
My new feature reads and writes data uploaded in Firebase Storage through streams. I also develop my code with a promises (async / await) approach. …
I launched recently DiscoverWeekly.dev a website that shares each Wednesday the new music playlists made by the developers.
To spread the information and let people subscribe, in addition to an RSS feed, I opened a Twitter account and developed a Bot that tweets once a week about the news playlists as well.
Here is how you can also create a Twitter Bot that runs periodically in GitHub Actions.
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.
Freelancer by day | Creator of DeckDeckGo by night | Organizer of the Ionic and IndieHackers Zürich Meetup