diff --git a/blog_images/hard-disk.jpg b/blog_images/hard-disk.jpg
new file mode 100644
index 000000000..47f2aa0b0
Binary files /dev/null and b/blog_images/hard-disk.jpg differ
diff --git a/blog_posts/custom-file-download-names.md b/blog_posts/custom-file-download-names.md
new file mode 100644
index 000000000..563d353ee
--- /dev/null
+++ b/blog_posts/custom-file-download-names.md
@@ -0,0 +1,17 @@
+---
+title: "Tip: Customize the names of downloadable files"
+type: tip
+tags: webdev,html,browser
+authors: chalarangelo
+cover: blog_images/hard-disk.jpg
+excerpt: Learn what HTML5 attribute you can use to customize the names of your downloadable files with this quick tip.
+---
+
+HTML5 introduced a variety of convenient features that many of us use every day. As downloadable links aren't something I work with very often, I recently found out that you can use the `download` attribute on an `<a>` element for much more than just making it trigger a download. In fact, you can pass it a string value that will act as the name of the downloadable file, effectively allowing you to customize its name:
+
+```html
+<!-- The downloaded file will be named 'June-2020.csv' -->
+<a href="/data/2020/06/report.csv" download="June-2020.csv">June 2020</a>
+```
+
+**Image credit:** [Frank R](https://unsplash.com/@frank041985?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)