Quick Tips

Handy bite-sized articles on all things web-design and development. They won't take long to read, but these tips can take you a long way! More coming soon...

Setting safe areas in React with CSS variables

Most apps and sites have elements or menus that overlap others and depending on the number of pages you have you might want to not set these safe areas manually. So here’s a little trick to set safe areas with React. Consider this simple interface: It contains a scrollable list of cards as well as […]

Leonardo
Feb 21, 2021

How to add emojis to git commits with this handy tool

Commit messages can easily look like a wall of text and, at a glance, can be hard to follow. Gitmoji, a style guide for adding emojis to your commit, makes this a problem of the past. Today we’ll go through how to add emojis to git commits quickly and easily using this resource. If you’ve […]

Leonardo
Dec 7, 2020

How to: Deploy Node.js apps to Apache Ubuntu

Learning how to deploy Node.js apps on web-servers like Apache is surprisingly confusing. Here’s how you can host your Node.js apps on a standard Apache server.

Leonardo
Oct 1, 2020

How to connect to a remote MySQL Database with SSH

MySQL databases are the backbone of the internet. But developing with them can be a pain if you can’t afford to run them locally. This solution allows you to connect to your remote MySQL database without any extra setup. I recently had to expand my knowledge and build my own API, rather than using a […]

Leonardo
Apr 19, 2020

How to: create an alert popup with jQuery

Alert popups are a great way to alert your visitors. Since I recently had to implement an alert popup with jQuery on an older site, I thought it could be interesting to share its code. I wanted my alert popup to achieve a couple of things: It should be highly reusable If dismissed by a […]

Leonardo
Apr 10, 2020