React CSSTransition appear animation with in=false and without unmountOnExit

React Transition group is a great library for animations in react. I want to share my experience on how to have an appear animation on components that are mounted with an in={false} property. ...

June 18, 2020 · 2 min · Mátyás Budavári

Heroku

My favourite place to deploy simple hobby and experimental web applications is heroku. It has a free plan, and it’s pretty easy to get started. ...

June 14, 2020 · 5 min · Mátyás Budavári

First MakeoverMonday submission

I’ve started to learn how to create Visualizations with Tableau for a few weeks now. Today I’ve submitted my solution to the recent MakeoverMonday challenge (2020 #23). ...

June 8, 2020 · 3 min · Mátyás Budavári

Markdown Slideshow

Today I’ve found an awesome library, called reveal.js, that lets me create slideshows in markdown format. It has a VSCode plugin, that is intuitive to use. My main purpose was to create a slideshow in plaintext format, and this lib exceeded my hopes. ...

June 1, 2020 · 2 min · Mátyás Budavári

Iframe zoom

I need to set the zoom factor in an iframe. I knew exactly how much space should the embedded content fit into. And the scale needs to be adjustable. Here’s how I’d do it. ...

May 11, 2020 · 2 min · Mátyás Budavári

Supercharge your command line

The commmand line can be your best friend during development, if you take some time to get to know its capabilities. But even if you know what it can help you with, you can still extend it. I’d like to introduce you some of my favourite tools, fzf, and oh-my-zsh. By the end of this post I hope you’ll see how well they can work together with you. ...

April 27, 2020 · 4 min · Mátyás Budavári

Emmet

In my opinion Emmet is an essential tool for web developers. You can code in abbreviations that you can translate into html layouts, css styles, or even xsl transformations. These handy shortcuts make development faster, if you know what you can use by heart. ...

April 12, 2020 · 4 min · Mátyás Budavári

Developer font

A few days ago I came across a tweet about Jetbrains Mono, the new free and open source font of Jetbrains. I have never used custom fonts for my developer environments, so I thought it would be a good start to give it a shot. Long story short, it was totally worth it. ...

February 8, 2020 · 1 min · Mátyás Budavári

ELK adventures

I have an application that logs a lot, and during development I got tired of looking through the command line for the error logs, that were hidden by other logs (that were also necessary). So I looked around what is the preferred way of handling logs nowadays. ...

January 18, 2020 · 4 min · Mátyás Budavári

Plaintext Docs In Markdown

Markdown makes it easy to write formatted text quickly. It’s a plain text format that uses basic notations to add semantics to the document. The format is widely adopted, it is a very simple and efficient tool in the hands of a developer. ...

May 1, 2019 · 3 min · Mátyás Budavári

Groom merge request

Imagine you want to submit a huge merge request (gitlab terminology), that has many changes from a bunch of commits. You realize that you don’t want to see some changes, but these changes are not in separate commits, so they can’t be easily reverted. There are a lot of small changes. You don’t want to type their reverse, or copy-paste for minutes. You want to keep the commits, not squash them together in the end. What would you do? ...

April 25, 2019 · 2 min · Mátyás Budavári

Flexbox zombies

A few days ago I’ve been thinking whether there’s a more interactive way of learning flexbox, rather than this great guide. ...

May 6, 2018 · 1 min · Mátyás Budavári

Hello world

I just started my github pages site supported by Jekyll. ...

March 3, 2018 · 1 min · Mátyás Budavári