Skip to main content

Command Palette

Search for a command to run...

6 Tools to write an eye-catching article

Updated
β€’3 min read
6 Tools to write an eye-catching article
A
Software engineer and developer educator with over four years of experience building production-grade digital products for platforms serving millions of developers globally. Software engineer at Hashnode & Bug0

Hello beautiful bloggers πŸ‘¨β€πŸ’», below I will be sharing the list of tools that I make use while writing an article.

1. Carbon

Link : carbon.now.sh

Most of the technical articles you will probably write will come with code fragments attached to them, and readers will not find it too easy and attractive to view codes as plain text, carbon allows us to make an image of our code snippets and can be downloaded as PNG or SVG for use as an attachment in our blog post.

carbon (1).png

2. Grammarly

Link: grammarly.com

We are humans after all, which means we cannot notice all the errors in our articles before publications, but Grammarly can help identify typographical errors and provide suggestions on how to improve our sentences.

My favorite Grammarly feature is the emoji prediction, which shows how the whole article will sound to the readers, I found this to be useful as it helps to adjust and be within the desired prediction.

I am a big fan of emoji

image.png

3. BrowserFrame

Link: browserframe.com

No doubts, images add to the beauty of an article when they are used properly, browser frames consist of both mobile and desktop browser frames to present the images better on articles.

Without browserframe.com

image.png

With browserframe.com

frame_generic_dark (20).png

4. Ray

Link: ray.so

Ray is my second goto after carbon, ray features include, linear-gradient background for code snippets and also provide a share link for the generated images.

I found this to be really cool 😎

image.png

5. Canva

Link: www.canva.com

Most of my blog cover images are made using canva, canva has several free design templates for both presentation and article cover images.

6. Google Gifs

Link: google anything gif πŸ˜›

200 (1).gif

I personally enjoy adding gifs to my articles, I believe technical articles should not be boring.

I think you might want to add some to your next article😍, you can get your preferred gif by visiting google and searching say "laughing coding gifs"

frame_generic_dark (21).png

Danny Thompson is also rocking some gif too🀩

tenor (2).gif

And that's it for this article, I hope you have learned something new from this article, feel free to share your favorite tools in the comment section and which of the above tools is actually new to you.


Wow, what a journey, I am glad you made it to the end of this article, if you enjoyed and learned from this article, I will like to connect with you.

Let's connect on

My friend and I are holding a meetup every Saturday to discuss JavaScript and other programming tips and to support ourselves.

You can be a part πŸ‘‡ of the community by visiting our website



See you in the next article. Bye Bye πŸ™‹β€β™‚οΈ

image.png

If you found this helpful and want to support my blog, you can also buy me a coffee below.

M

I appreciate the list, but I think a better practise is to use Github gist or just format the code so it can be copied ;-) It's looking nice though

C
Candy4y ago

Didn't know about Ray before!

Thanks for curating this article!

2
A

You're welcome

Glad you learnt something new 😊😊😊

E

I loved Danny's gif!

And I didn't know about BrowserFrame & Ray. Nice list Ayodele Samuel Adebayo.

3
A

Glad you learned 1 to 2 things from the article, and Danny Thompson you have a fan here πŸ’ƒπŸ’ƒ

M

Thanks buddy for this. I am warming up for my first article already. These tools come in handy.

3
A

Glad you found it helpful Mzer Emmanuel Terdoo

and also good luck with your first article, looking forward to it πŸ€—

B

thanks man really great

3
A

you're welcome

glad you found it useful Muspro Dev πŸ™

2
E
Edem Gold4y ago

BroπŸ”₯πŸ”₯

3
A

Big brother Ekomobong Edem Gold πŸ™ŒπŸ™ŒπŸ™Œ

A

Going to use all this tools when next I'm writing an article.thanks for sharing

3
A

Good to hear you found it helpful and applicable Adeyemi Buhari

glad you found it helpful

More from this blog

U

Unclebigbay's πŸš€ Blog

101 posts

Software Engineer | Open-Source Contributor | Developer Educator