- Видео 134
- Просмотров 110 348
The Digital Mike
США
Добавлен 13 июн 2019
Welcome to my channel The Digital Mike, where you can see videos on how to create web pages, web codes, as well as results of examples, digital design, and art. The presentations will be creating code for web content using HTML, CSS, and javascript among other libraries, as well as graphic design for landing pages plus some hobbies.
Greetings
Greetings
5-Minute Barra de progreso HACK for Busy Web Developers
Aprende como crear una sencilla barra de progreso para tus proyectos.
📢 No olvides suscribirte y activar la campanita para no perderte nuestros próximos videos sobre desarrollo web!
👍 ¡Dale like si te ha sido útil y déjame tus comentarios abajo!
Si necesitas un plan de hosting para tu sitio web considera A2Hosting:
www.a2hosting.com/refer/294131
SIGUEME:
Sitio Web: thedigitalmike.com
Fiverr: www.fiverr.com/mokixfredd
Ayudame con una donacion: www.paypal.com/donate/?hosted_button_id=J6MYV4TUVCWDW
📢 No olvides suscribirte y activar la campanita para no perderte nuestros próximos videos sobre desarrollo web!
👍 ¡Dale like si te ha sido útil y déjame tus comentarios abajo!
Si necesitas un plan de hosting para tu sitio web considera A2Hosting:
www.a2hosting.com/refer/294131
SIGUEME:
Sitio Web: thedigitalmike.com
Fiverr: www.fiverr.com/mokixfredd
Ayudame con una donacion: www.paypal.com/donate/?hosted_button_id=J6MYV4TUVCWDW
Просмотров: 12
Видео
creacion rapida de borradores 03
Просмотров 27Месяц назад
📢 No olvides suscribirte y activar la campanita para no perderte nuestros próximos videos sobre desarrollo web! 👍 ¡Dale like si te ha sido útil y déjame tus comentarios abajo! Si necesitas un plan de hosting para tu sitio web considera A2Hosting: www.a2hosting.com/refer/294131 SIGUEME: Sitio Web: thedigitalmike.com Fiverr: www.fiverr.com/mokixfredd Ayudame con una donacion: www.paypal.com/donat...
creacion rapida de borradores 02
Просмотров 18Месяц назад
📢 No olvides suscribirte y activar la campanita para no perderte nuestros próximos videos sobre desarrollo web! 👍 ¡Dale like si te ha sido útil y déjame tus comentarios abajo! Si necesitas un plan de hosting para tu sitio web considera A2Hosting: www.a2hosting.com/refer/294131 SIGUEME: Sitio Web: thedigitalmike.com Fiverr: www.fiverr.com/mokixfredd Ayudame con una donacion: www.paypal.com/donat...
creacion rapida de borradores 01
Просмотров 11Месяц назад
📢 No olvides suscribirte y activar la campanita para no perderte nuestros próximos videos sobre desarrollo web! 👍 ¡Dale like si te ha sido útil y déjame tus comentarios abajo! Si necesitas un plan de hosting para tu sitio web considera A2Hosting: www.a2hosting.com/refer/294131 SIGUEME: Sitio Web: thedigitalmike.com Fiverr: www.fiverr.com/mokixfredd Ayudame con una donacion: www.paypal.com/donat...
Como Extraer tus diseños de Cricut Design Space
Просмотров 37Месяц назад
Si alguna vez te has preguntado, como puedo extraer los diseños de cricut design space, aquqi te dejo esta simple guia para que puedas hacerlo. AYUDENME A CRECER EL CANAL, SUBSCRIBANSE 📢 No olvides suscribirte y activar la campanita para no perderte nuestros próximos videos sobre desarrollo web! 👍 ¡Dale like si te ha sido útil y déjame tus comentarios abajo! Si necesitas un plan de hosting para...
Usar localStorage para Guardar las Tareas en un To-Do List
Просмотров 132 месяца назад
📢 No olvides suscribirte y activar la campanita para no perderte nuestros próximos videos sobre desarrollo web! 👍 ¡Dale like si te ha sido útil y déjame tus comentarios abajo! Si necesitas un plan de hosting para tu sitio web considera A2Hosting: www.a2hosting.com/refer/294131 SIGUEME: Sitio Web: thedigitalmike.com Fiverr: www.fiverr.com/mokixfredd
How to use local storage to save your to-do list items
Просмотров 212 месяца назад
Here we have the continuation of the previous video ruclips.net/video/RAnnZIQfgLs/видео.html where I talk about how to create a todo list. Now we will be adding localStorage to the app. 📢 Don't forget to subscribe and activate the bell so you don't miss our next videos on web development! 👍 Give it a like if it was useful to you and leave me your comments below! If you need a hosting plan for y...
Build a To-Do List App with HTML, CSS, and JavaScript - Step by Step Tutorial
Просмотров 962 месяца назад
Come a learn how to make a simple todo list app using only HTML, CSS and JavaScript. 📢 Don't forget to subscribe and activate the bell so you don't miss our next videos on web development! 👍 Give it a like if it was useful to you and leave me your comments below! If you need a hosting plan for your website, consider A2Hosting: www.a2hosting.com/refer/294131 FOLLOW ME Sitio Web: thedigitalmike.c...
How to Extract Text from Image with Javascript
Просмотров 1133 месяца назад
Learn how to use the Tesseract library to extract text from an image and as always, use jsPDF to download the info as a PDF file. El mismo video en Español: ruclips.net/video/Wpj4vM6BA9k/видео.html ARTICULO EN MI BLOG: (Spanish but can be translated) thedigitalmike.com/extraer-texto-de-imagen-javascript/ 📢 Don't forget to subscribe and activate the bell so you don't miss our next videos on web ...
Extraer Texto de Imagen con javascript.
Просмотров 1413 месяца назад
Aprende a usar la biblioteca Tesseract para extraer texto de una imagen y, como siempre, use jsPDF para descargar la información como un archivo PDF. Same video in English: ruclips.net/video/Wpj4vM6BA9k/видео.html BLOG POST: (Spanish but can be translated) thedigitalmike.com/extraer-texto-de-imagen-javascript/ 📢 No olvides suscribirte y activar la campanita para no perderte nuestros próximos vi...
Export #QR code as #svg image using #javascript | #vector
Просмотров 473 месяца назад
En este video vamos a crear un generador de Codigo QR para exportar un a imagen svg usando javascript. Otro video sobre como generar codgido QR pero generando una imagen png aqui se los dejo: ruclips.net/video/gbJpt_gLmuE/видео.html 🔧 Recursos: Mi Laptop for making videos, Gaming, and programming amzn.to/4aXK3ls USB Condenser Microphone for PC para calida de audio de voz amzn.to/4ewLASH Si nece...
Cómo Resaltar Contenedores HTML Dinámicamente con JavaScript - Guía Paso a Paso
Просмотров 144 месяца назад
¿Quieres aprender a resaltar cualquier contenedor HTML que aparezca en pantalla utilizando JavaScript? En este video te muestro cómo hacerlo de manera fácil y efectiva. Aprenderás a identificar elementos HTML dinámicamente y a aplicar estilos para destacarlos, lo que te ayudará a mejorar la interactividad y la experiencia de usuario en tus proyectos web. 🔧 Recursos: Ejemplo en CodePen: codepen....
Extract text from #pdf in less than 10 minutes
Просмотров 1264 месяца назад
Sigue este pequeño video donde comparto este simple codigo para extraer texto de un documento pdf. La libreria que usaremos es pdf.js que dejo debajo. pdf.js: cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.min.js pdf.js worker: cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.worker.min.js SUBSCRIBETE AL CANAL Si necesitas un plan de hosting para tu sitio web considera A2Hosting: www.a2ho...
Reading Progress Bar in Javascript with Indicator
Просмотров 194 месяца назад
En este video vamos a prender como crear una barra de progreso de lectura usando #html #css y #javascript de manera sencilla y simple. Ademas agregaremos la opcion de visualizar el progreso mientras hacemos scroll en la pagina. Aqui dejo el tutorial en un articulo: thedigitalmike.com/como-crear-una-barra-de-progreso-de-lectura-con-javascript SUBSCRIBETE AL CANAL Si necesitas un plan de hosting ...
Cambiar imagen con solo CSS - No Javascript
Просмотров 525 месяцев назад
Cambiar imagen con solo CSS - No Javascript
Particulas animadas Continuacion - sigue al cursor.
Просмотров 266 месяцев назад
Particulas animadas Continuacion - sigue al cursor.
Particle animation with javascript - connect circles with javascript
Просмотров 616 месяцев назад
Particle animation with javascript - connect circles with javascript
Exporta Checkboxes y Radio buttons a pdf usando jspdf
Просмотров 1359 месяцев назад
Exporta Checkboxes y Radio buttons a pdf usando jspdf
Usar Dominio de Texto Dinamico en tus Temas y Plugins Wordpress
Просмотров 2810 месяцев назад
Usar Dominio de Texto Dinamico en tus Temas y Plugins Wordpress
3 Maneras de exportar html a pdf con #fuente personalizada
Просмотров 558Год назад
3 Maneras de exportar html a pdf con #fuente personalizada
installar react app para crear un tutorial de jspdf
Просмотров 181Год назад
installar react app para crear un tutorial de jspdf
banner con animacion simple con HTML, CSS | Pagina web responsive cont...
Просмотров 302Год назад
banner con animacion simple con HTML, CSS | Pagina web responsive cont...
Como exportar a pdf un texto sobre fondo a color con jspdf
Просмотров 387Год назад
Como exportar a pdf un texto sobre fondo a color con jspdf
Add background to text when exporting pdf with jsPDF
Просмотров 626Год назад
Add background to text when exporting pdf with jsPDF
Create a responsive header and navigation bar
Просмотров 125Год назад
Create a responsive header and navigation bar
Do this to navigate your website better using #javascript
Просмотров 108Год назад
Do this to navigate your website better using #javascript
jsPDF Tutorial to export images with text
Просмотров 925Год назад
jsPDF Tutorial to export images with text
Crear una #lista de #tareas usando #dotnet, la manera sencilla
Просмотров 92Год назад
Crear una #lista de #tareas usando #dotnet, la manera sencilla
Crear tu Primera #aplicacion #web con #dotnet #blazor bien simple
Просмотров 107Год назад
Crear tu Primera #aplicacion #web con #dotnet #blazor bien simple
How to make a #script to visualize your #code without damaging your #site #wysiwyg tutorial.
Просмотров 176Год назад
How to make a #script to visualize your #code without damaging your #site #wysiwyg tutorial.
Creo que deberías subir el jspdf cdn completo porque no se encuentra en los link que dejaste
Aquí te dejo un cdn <script src="cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>
Como programar mi samsung gear 2 se me quedo en i gles y no consigo como colocarlo como esraba en español
trata de revisar samsung gear en tu telefono para ver si puedes modificar el lenguage del reloj. Desafortunadamente solo pude cambiar el idioma del teclado y unicamente reseteando el reloj fuy capaz de seleccionar el idioma nuevamente.
Nice sir
Thanks
Wow good understand.. Thank you so much sir
Your welcome 🤗
Can you make video on English to better understand..
Sure, I will
Here is the video How to Extract Text from Image with Javascript ruclips.net/video/SuWD1DXzJOU/видео.html
Thank you so much.. Good video. Really helpful ❤
You’re welcome
Please sir in starting of video show preview output of code
Will do for next one in which I will add other things to the qrcode generated. Thanks for let me know , presenting the results at the beginning of the video it’s a good idea. Thanks 😊
subcribe your channel
Thanks
please make video on image to text extracter without api .. plaase make video
Will do, the video will be ready very soon
ruclips.net/video/Wpj4vM6BA9k/видео.html
no se escucha
Hola, gracias por la info, aqui acabo de subir uno con mejor audio, espero te guste y gracias: ruclips.net/video/6Eirmx_vshA/видео.html
Mi hoja le falta el paso 8 y 7 de la pagina 9, no sé que tornillos son lo correspondientes. Si podrías decirme cuales son, te lo agradecería. Gracias
Hola, pude conseguir el manual revisa aquí los pasos drive.google.com/file/d/1_X4lAgzo2KFsZKlvt9o_59YmKAgvjJOe/view?usp=drivesdk
@@thedigitalmike muchisimas gracias
@@alexandersilva1239 por nada
muchas gracias. excelente explicando
Por nada, es bueno saber que te ha sido útil el video.
saludos. super y Gracias por sus enseñanzas. desde San juan de Puerto Rico.
Gracias, que bueno saber que te han servido de mucho mis videos
Terrible la miniatura con IA, muy alta la musica de fondo, pero buen código !!!
Gracias, todavía a veces no le encuentro la vuelta a la edición así que voy a ver cómo lo mejoro.
creo que la música está un poco alta o la voz está baja
Gracias, si creo ha pasado algo cuando hice el video, voy a revisar a ver si lo puedo subir con un audio más nítido.
Esa forma funciona con una plantilla html que me exporte la plantilla html en PDF
Si, si sigues los pasos te puede ayudar a exportar la plantilla. Recuerda usar html2canvas para que el estilo de tu plantilla se exporte también.
@@thedigitalmike pero la plantilla lleva datos de una persona que se toman de un json uso laravel 10
@@elvisjosepavonzeas819 voy a ir revisando, pero por el momento, trata a ver si generando la plantilla en un contenedor y luego exportar ese contenedor ya con el preview, te deja crear el pdf con la informacion. Uno de los errores que me he encontrado es que si intentas exportar un formulario directamente a pdf el contenido que se inserta en el pdf se corta, por lo que la manera de solucionarlo fue generando un preview del formulario completo y luego exportar esa presentacion ruclips.net/video/nZR6UoV1vOA/видео.html . No es lo mismo que te sucede pero quizas funcione de igual manera con tu plantilla
@@thedigitalmike lo intentaré vale
Después de ver 8 videos, gracias a este video suyo es que he logrado hacer la exportación a pdf. Muchas gracias. Me ahs ayudado mucho.
Gracias por el comentario, que bueno que pudiste hacerlo. Si tienes alguna duda no dudes en comentármelo y con gusto te ayudaré. 😎
Gracias por tu aporte capo!
Gracias, cualquier interés que tengas dímelo y planifico un video nuevo sobre el tema en el que tengas dudas. Saludos y feliz año nuevo
how can i style the pdf
The easiest way is to use the html2canvas library to export the entire page or the container you want to export. here is a video I made about it: ruclips.net/video/nZR6UoV1vOA/видео.html it's in Spanish but I'm pretty sure I have it translated to English. if you have any questions feel free to ask me. Thanks
how about checkbox and radio to pdf?
will do in next videos explaining this, thanks for let me know about it. See it here Checkbox y Radio buttons a pdf ruclips.net/video/QbkM2g_J5bQ/видео.html
why it doesn't work when I apply css?😭
Hi, you have to use another method like the use of html to canvas to do it, see this video Como exportar #html + #css a #pdf usando #jspdf y #html2canvas ruclips.net/video/nZR6UoV1vOA/видео.html if you don’t follow because is not n Spanish, just let me make another one in English.
how about an image html to pdf? Thank you - not an input img
Tu video me salvó; el instructivo de mi restirador venia con pasos faltantes y me resolviste el problema ;)
Que bueno que te haya servido, un saludo y gracias por el comentario. 👍👍
Doesn't work
follow the post: thedigitalmike.com/como-crear-un-fichero-pdf-usando-javascript-con-jspdf/ you may need to translate it to english
y donde estan los codigos nos los veo ni el git
Hola, disculpa la demora, aqui te dejo el link: thedigitalmike.com/convierte-pagina-html-y-css-a-pdf/ tambien lo deje en la descripcion del video. Gracias por ayudarme a darme cuenta de que no tenia el codigo presentado. Aqui te dejo un ejemplo en codepen.io: codepen.io/Mikex/pen/wYyyyY
Donde puedo comprar la batería porque me carga pero no prende
Busca en la descripción del video, creo que deje un enlace donde lo compre yo en Amazon , asegúrate de que sea compatible con el modelo de tu smartphone. Muchas veces viene junto con las herramientas para instalarla.
como exactamente podria centrar unos datos importados?
Hola, si lo que estas intentando es que los datos agregados salgan centrados en el pdf, puedes hacerlo usando la opcion de centrar el contenido usando estilos, y usar html2canvas para exportar el contenido igual a como se ve en la pagina web.
Hola, estoy utilizando unos títulos con font-family Calibri pero no me toma ese estilo al generar el pdf. Agradecería mucho tu ayuda
Hola, aqui te dejo un video que he subido con tres formas de exportar html a pdf con fuente personalizada, ruclips.net/video/LhEatqaQXc8/видео.html esperoque te ayude a resolver el problema. saludos.
hola . si te paso repositorio me podrias ayudar, porque me dice jsPdf is not defined, lo tengo por cdn
Claro, con gusto te ayudo
@@thedigitalmike lo pude resolver, pero el tema ahora es que yo lo tengo dinámico con JS en una tabla, el contenido de la tabla lo recorre un array y me imprime 6 hojas el archivo PDF y las imágenes no se ven
saludos y que bueno que pudiste resolver lo del cdn. me puedes mandar una referencia para mirarlo? asi podre ayudarte. puedes usar codepen.io para compartir el codigo y lo que deseas hacer, asi puedo tener una idea sobre como ayudarte con lo que quieres hacer.
Excelente, muchas gracias por el ejemplo... solo tengo una inquietud, si me funciona pero me marca un error en consola "Specification mandates value for attribute style".. Y tmbn se podria indicar que tome otro html que no es el del componente donde esta programado??
Gracias por dejarme saber, voy a mirar a ver si también me lo hace a mi y por lo del html puedes exportar cualquier html a pdf, en una parte del video viste que llamo a la tabla por un id en JavaScript , pues en la option de doc.html puedes usar la variable con el contenido que desees.
Chequea el estilo y el código porque a mi no me sale ese error , y por el texto creo que tienes que revisar porque hay algún atributo que está vacío o le falta algún valor. Cheaqua el codigo en mi blog y compara a ver si te funciona: thedigitalmike.com/crear-y-exportar-una-tabla-html-a-pdf/
Excellent tutoriel. J'ai pu réparer ma montre en 15mn... Merci 👏🙏🤝
Thanks
Gracias por su excelente explicacion. Lamentablemente la tabla aparece en pdf con un fondo negro. Con las imagenes ocurre lo mismo si se usa jpg, usando png se corrige en el caso de imagenes
Gracias por dejarme saber, mirare a ver si encuentro el porque del fondo negro. Gracias
gracias, funciono perfectamente y no me tomo mas de un minuto implementarlo. sub y like
Gracias por el sub, y cualquier dudas me dices y con gusto le ayudo. Gracias
la tabla lateral se puede meter debajo de la mesa, para que no ocupe espacio?
Claro que si, aunque no se oculta del todo, siempre queda por diseño un pedacito afuera, pero también tienes la opción de no montarla, así la tengo yo
hola, Seguí el video, excelente! Pero tengo un problema, me genera este error: "Uncaught TypeError: doc.html is not a function", estuve revisando y no encuentro que puede ser, puse la ultima version del jsPdf, la version del video, pero sigue generando el error. Gracias
hola, podrias subir el codigo que hiciste a codepen.io por ejemplo para poder verlo, o chequea el mio codepen.io/Mikex/full/KKrVEGN y compara a ver, es el que tengo y me funciona
Pudiste solucionar el error?
how to insert some like text box with gray background with text inside?
Sorry for the delay, I was making a video about your question, and I will be uploading that video this week. But it can be done by trying to use a doc.rect before the text and trying to center the text to be equal height. I will be adding the video in English and Spanish, stay tuned.
@@thedigitalmike nice thanks 👍
check the video, here, ruclips.net/video/6zvlu3riSUI/видео.html
Hola! En que programa lo está realizando?
Uso la mayoría del tiempo visual studio code
Wthat is it
a simple how to install a .NET web application using razor from console
Que es esa joda
una simple forma de crear una aplicacion web usando ASP.NET desde la consola usando Razor, tutorial esta aqui thedigitalmike.com/tutorial-de-net-y-blazor/ con un video aqui ruclips.net/video/F_atognKZJ8/видео.html
hice el código junto al video y no me quedó igual. El titulo me quedo mas a la derecha y no esta centrado. tampoco se reproduce. tal vez ya no funciona o no puse bien los códigos.
Tienes alguna manera de yo ver el código, quizás si lo montas el codepen pueda decirte donde está el problema y como ayudarte
Trata de ver si puedes enviarme el código por discord aquí te dejo el link discord.gg/ZCuZted8
hola buenas, resulta que estoy haciendo un formulario para contrato y al momento de exportar a pdf los textos no quedan en sus respectivos recuadros, las coordenadas estan bien pero aun asi no me cuadra con lo correspondiente, si pudieras ayudarme o aconsejarme seria genial
Crees que puedas subir el código a algún lugar para para yo revisarlo, así puedo darte una ayudarte
Esta es la primera vez que hago un discord, yo uizas ahí pueda darte una ayuda , mira a ver si puedes mandarme el código por esa vía discord.gg/ZCuZted8
Hola buen video, al momento de generar el pdf no se genera con el estilo de origen del documento html. que puedo hacer?
Hola buenos días, gracias por el comentario, haz revisado si el estilo lo tienes en un fichero aparte, trata de agregar el estilo a la misma página html y entonces previsualiza el documento final y ese documento expórtalo a pdf. Recuerda primero previsualiza y luego exporta la esa previsualización, no exportes el humo madre
@@thedigitalmike muchísimas graciass
Gracias! salvaste a una novata <3
Por nada, me alegro que te hayan sido de ayuda mis videos 🤗
La mia es una Daewo ,se gasto la bateria que es 2032 ,compre una y no hay forma de que calze bien se sale y no la puedo usar
Lamento oir eso, a lo mejor alguna parte de la bascula esta dañada y es imposible montar la bateria. Si conoces algo de electronica puedes buscar esa parte e instalarla, de lo contrario es mejor que adquieras una nueva. Puedes buscar la misma que tengo en el video, Taylor, hasta el momento me ha salido muy buena y no tengo quejas de ella. espero que esto te ayude y gracias por comentar tus dudas conmigo.
O colocas la variable contar = 0, reseteandolo.
esa es otra manera. gracias por el aporte.
Crees que soporte una tv
la mesa es bastante solida, yo tengo pinturas y mi cortadora en ella, ademas de usar la computadora tambien. Por lo que si, puedes soportar el peso de un TV.
Thank you for this inspiring work.👏
Thanks , maybe in the future I will be making one with more features like colors and image over the code. Thanks
En la mía no calza, se sale, en algunos puntos hace contacto pero no logro hacerla andar. ¿Será que se le habrá roto alguna pequeña pieza al calcé?
Has Revisado la báscula, mira a ver si tiene en algún lado la numeración de la batería, la mía es 2032 pero eso varía mucho y no todas las baterías tienes el mismo tamaño no grosor
Como se puede hacer para que el pdf se guarde automaticamente en el servidor?
hola, quieres que especificamente se guarde el contenido del pdf o el documento pdf se guarde en el servidor en vez de descargarlo?
@@thedigitalmike si
una pregunta, puedo colocar la imagen y después hacer que aparezca texto sobre esta? que tengo una idea para un proyecto donde se generan diplomas, y queria saber si puedo cargar la plantilla de un diploma como imagen y escribir en los espacios en blanco donde irían los datos de la persona.
muy buena idea, creo que si es posible, dame un tiempito y te creo un video al respecto. por el momento trata de subir la imagen que cubra toda la pagina y luego posiciona los campos donde deseas escribir para luego mandar a imprimir en pdf esa seria la idea principal de tu idea para projecto.
@@thedigitalmike gracias
Y para aplicar fuentes en React como seria el proceso por que he intentado y no me funciona
Hola, gracias por la pregunta, puedes usar npm para instalar las fuentes en React, o usar @fontface en el fichero de estilo. Luego, asigna la nueva fuente al html tag con className como normalmente haces con cualquier estilo. Para exportar el estilo al pdf, puedes hacerlo asignando la fuente al contenido al momento de agregar el contenido al pdf, o sea (...doc.setFont(fontName, fontStyle)...), o si usas html2canvas, el estilo debería exportarse junto con el contenido. Pero para mas profundidad mas adelante publico un video sobre esto,pues es una duda interesante. gracias.