Easily Add a Download Button to Your Websites - HTML, CSS & JavaScript Tutorial

Подписаться 132 тыс.

Просмотров 30 тыс.

50% 1

For your reference, check this out:
🏫 My Udemy Courses - www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode

Опубликовано:

3 янв 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 26

@montebont Год назад

First of all: best wishes for 2023 and keep up the good works. I love your generic approach. May I suggest an addition when the number of images is non-trivial - like in a gallery browser with a a variable number of images? I'd put the and "tuple" in a HTML template. You'd have to "fetch" the (thumbnail) filenames from a server and then generate the page using the template. Once done you'd run your script.

@rohitjangra6403 10 месяцев назад

brother how to copy the video address if the page is restrict it? can we add some coding to html. I am trying to download a video from restricted website. any code do u have?

@viniciusm.m.7822 Год назад

Thanks, bro!!! God bless you!

@singhvimlesh 11 месяцев назад

Hello Sir, I go through your code but its not download its opening in new window. Download is not happning and I am doing same as your code.

@hassaneoutouaya Год назад

Thank you so much !

@ralligarants5684 11 месяцев назад

Nice tutorial bro 😍 I have an idea for your next tutorial! I'm trying to create a video-website, and I would like the users to be able to tag other users, use hashtags and to use emojies in the title and description and comments-sections. I think I would need a div that is contenteditable. Can you make a tutorial about how to create those functions please? It's supposed to work similar to the div on facebook or instagram

@Memes4eva_4u Год назад

Thanks for the updated version! 😊

@Nordobali Год назад

It keeps opening my image in a new tab. I even used a javascript script linked to a but even then it opens the image instead of downloading it

@yashsoni8043 Год назад

Hey can you please tell me what is you color theme in VScode please i love it

@HocineFerradj Год назад

thanks .... شكرا .... shokraan

@moshiurrahman5127 Год назад

Fantastic! how can we download multiple images by clicking one button?

@tahsinalmahi8769 Год назад

Please make a tutorial on FileReader API of JavaScript.

@user-nh6wb3op5j 9 месяцев назад

thanks, good, but you don't have to append tag "a" in DOM, this is excess, you can create and uses elements without DOM if it is not necessary

@Seacrest. Год назад

do you have a video about creating reactivity with vanilla js?

@NedumEze Год назад

Thank you very much, Dom. May I ask? Could you please do something similar for downloading a page as PDF?

@montebont Год назад

IMHO that would be quite a challenge. HTML and CSS (your page and its style) essentially do the same as a PDF document: they are both abstract descriptions of a document that can be rendered in a device-independent (portable) way. But under the hood they are totally different. But you don't have to re-invent the wheel. Browser plugins like PDF Mage (Chrome) do a very decent job.

@NedumEze Год назад

@@montebont You're right, @Ed de Jong. If it were not challenging, folks like me would be able handle it without troubling folks like Dom. The Browser plug-ins are great, but requires that a User has the plug-in installed and knows how to use it. But if I have a button say, at the top of my web pages, saying "click to download page as pdf", it will be more User-friendly I believe.

@anasouardini Год назад

why not an anchor inside of a button? unless there is a serious a11y problem that can take MORE code to fix, this solution looks more expensive and error-prone. from my experience, the less JS the better.