How to Create Download Link in HTML5 | Making Direct Downloadable Button for Any File Type

Create Download Link in HTML youtu.be/7c4cNgD5KNA
Hi, Today we'll learn to create a link to download almost any kind of file using pure html5 without using any kind of php driven script. Creating direct download file links in html for video, audio, songs, music anything was never been so easier before the html5 download attribute introduced.
In this video I will demonstrate how you can create download link for an image and a song using download attribute. When you click on the link it will automatically prompt you to download save the file on your disk.

HTML5 Introduced global attribute download which help you to create links for file to be download when clicked on the link or button.

=================Navigate to Specific part=============

2:50 - Create Link to download Image when clicked on thumbnail in html5

4:34 - Create Link to Download Image when clicked on link text in html5

=====================See working Demo==============

codepen.io/smashtheshell/pen/mAvGZV?editors=1010

=============================­=====================

If you have any questions, just comment below in comment section. I will try to respond as soon as possible.

Like, share and comment!
Thanks

============Useful Tutorials=============
Distributing images evenly in a fluid container
goo.gl/w2O1kR

Creating CSS3 Tooltip without using jquery or javascript
goo.gl/ah10aw

Styling placeholder text using css3
goo.gl/i4CZai

Creating three column responsive layout
goo.gl/uj46tI

How to create simple css3 preloading animation
goo.gl/GqjXCr


************************CONTACT and RESOURCES*************
Find all the source codes here:
codepen.io/smashtheshell

Follow on Twitter
twitter.com/amit4kp

Add on Facebook
facebook.com/kumaramit24chd

Like Page on Facebook
facebook.com/smashtheshell