Christopher Kade

Posted on May 31, 2019 • Edited on Jun 5, 2019

Introducing a banner generator for your articles on DEV

#webdev #meta

I've been struggling to find nice pictures for my articles on DEV (and ones that I'm allowed to use in fact). So I figured I'd make a quick banner generator for simple & straight to the point banners.

Link

All you have to do is:

Edit your own banner
Download it
Upload it to DEV in order to get a URL

You can upload your images by simply clicking the bottom on the bottom left of your article editor !

Add the cover_image attribute in the metadata of your articles with the URL you got from the last step

And that's it !

Even though its main feature is finished, I'll try to add the following in the coming days:

More themes
Reduced file size
Any other recommendations in the comments

I really hope some of you get to use it as much as I will 😄

UPDATE:

Contribution guidelines & a code of conduct have been added to the project alongside some first enhancements ideas for those who would like to partake in making this tool even better. 😄

Latest comments (32)

Sebastien Levy • Nov 6 '25

Thanks for this time saver tool. Simple and efficient, I love it.

rhymes • Jun 6 '19

Great job Christopher!

Liyas Thomas • Jun 4 '19 • Edited

Inspired from your project, I made this simple banner generator. liyasthomas.github.io/banner
With more customizations such as:

Customizable background, foreground, border colors
Custom border width
Custom banner size
Color picker
Color randomizer
Upload your own background image etc..

Feel free to contribute on github.com/liyasthomas/banner

Christopher Kade • Jun 4 '19 • Edited

Great work, but why not contribute to the existing project to make it even better?

Liyas Thomas • Jun 4 '19

I went through your project and found out its built with react. I don't know react. So i made a simpler one.

Harsh Shandilya • Jun 1 '19

I published my first post on DEV yesterday and was stumped by this same problem, so glad to discover this!

Dan Newton • Jun 1 '19

Cool. I might try this on my own blog. I have seen other writers here with similar banners and liked how clean they looked.

Christopher Kade • Jun 1 '19

For everyone already participating to the project: thank you ! Please give me a short while to set everything up so you guys have everything you need:

Issues to know what's needed (and therefore a way to assign people on tasks)
Guidelines
A better CI/CD pipeline (maybe?)

Have a good one :)

Jonathan Sexton • May 31 '19

This is really cool and I appreciate all of the hard work that went into it!

I look forward to using it with my next article!

Melissa Gilbert • May 31 '19

Awesome dude! Very helpful

Thomas Bnt • May 31 '19

Great tool, it's going to be a direct star! It would just be missing the possibility to put an image in the background with optional blur and that would be very useful.

Utkarsh Talwar • May 31 '19

Pretty cool and minimalistic. Would be super helpful when someone is in a hurry. I like it!

View full discussion (32 comments)