A few weeks ago I bought myself a Rubik’s cube and I’ve been fascinated by it since then. Because of this, (and maybe because I’m a developer as well) I wanted to create a tool to render the magical Rubik’s cube as an SVG image 🤓.
April 2022 marked the first Drupal Dev Days conference since the pandemic started. I was really excited to give a session about GitHub actions.
Continuous integration (CI) is the practice of automating the integration of code changes from multiple contributors into a single software project. Allowing developers to frequently merge code changes into a central repository where builds and tests are run.
Without further ado, these are the resources I had prepared:
- Session slides: https://drupal-dev-days-2022.robiningelbrecht.be
- Example repository: https://github.com/robiningelbrecht/continuous-integration-example
Recently stumbled upon custom web components. Although I’m a long time developer, I did not know of their existence 🙈. They basically allow you to create your own HTML tags.
I was trying to recreate the PlayStation trophy cards, where I needed a flippable card. I know React is component-based, but I wanted to create my own component in plain JavaScript and HTML and quickly discovered that a custom web component was the way to go.
I read some documentation to get me going, and this was the result, my very own custom HTML tag:
It even supports horizontal and vertical flipping:
Or have the card show the back by default:
You can find some examples and the source on my GitHub. Feel free to fork and adjust it, but give it a ⭐️ when you do. Thanks!
