Since I created this blog, a lot of people have inquired about my alert boxes, which I use to call out multiple information depending on the situation, such as this one:

Warning: this post is the start of a series where I talk about this subject and will teach you how to do the same.

Now, the whole process may seem like a hassle, but when you have all the pieces, is actually very easy. There are two things you will need to make this a reality: the code of your alert and a snippet manager.

Your alerts are the main player

If you have your design ready, then this is all a piece of cake. Your alert will be a HTML/CSS code snippet that you will use with a HTML card any time you need.

In my case, I designed/developed my own boxes from scratch, combining it with font awesome for upgraded coolness. In the future, I'll present this design and others for the public that you will be able to buy at a small price so you don't need to take any hassle.

A snippet manager will make things extra easy

The main problem is not necessarily developing/getting the boxes, is actually placing them in your posts. You could get a good chunk of code, but then you'll have to copy & paste it every time you want to use. Blah.

This is where the snippet manager comes to play.

By using this type of software, you can just have snippets for all your boxes/stuff you use, and just click them to copy it to your clipboard automatically. By having then standard content on them, you just need to replace it with the current content in your post.

In my case, I use SnippetsLab in MacOS, which in my opinion is the best if you are using a Mac. After I paste the snippet in the HTML card, I replace the placeholder with the text I want and voila!

Tip: you can use the snippet manager you think is best for you. My only suggestion is to use one that enables you to copy to the clipboard on a quick way.

Hopefully this is something useful to you. Expect more of this in the following weeks (including designs for you to pick).