- 121
- 143 479
Coding Help
Uruguay
เข้าร่วมเมื่อ 1 ม.ค. 2022
Te ayudo con temas relacionados con programación, desarrollo de paginas React, estilos CSS, codigo HTML. En este canal vas a aprender a escribir código, haciendo animaciones increíbles con videos muy fáciles de segir.
Contacto: softhelpvideos@gmail.com
Contacto: softhelpvideos@gmail.com
Edita Código CSS Desde el Navegador
Vemos como editar codigo css directo desde el navegador sin inspeccionar el navegador, unicamente con código html y css.
0:00 Intro
0:18 Código
1:30 Resultado
Si queres ver más videos suscribite al canal: th-cam.com/channels/wA5nPK3qSdR4uOoMFEHoYQ.html
0:00 Intro
0:18 Código
1:30 Resultado
Si queres ver más videos suscribite al canal: th-cam.com/channels/wA5nPK3qSdR4uOoMFEHoYQ.html
มุมมอง: 33
วีดีโอ
Animación con scroll
มุมมอง 25114 วันที่ผ่านมา
En este video vemos como hacer una animación on scroll usando html y css sin usar nada de javascript. Es muy fácil y solo lleva tres líenas de css. 0:00 Intro 0:10 estilos 0:22 keyframes 0:54 animation 1:26 animation-timeline 1:45 animation-range 2:14 más animaciones Si queres ver más videos suscribite al canal: th-cam.com/channels/wA5nPK3qSdR4uOoMFEHoYQ.html
Aprende CSS Grid Layout en 11 Minutos
มุมมอง 12921 วันที่ผ่านมา
En este video vemos cómo dominar CSS Grid para crear layouts flexibles y responsivos. Aprenderás a utilizar propiedades clave como display: grid, grid-template-rows, grid-template-columns, y grid-template-areas para diseñar tu grilla. Exploraremos cómo usar gap, grid-auto-rows, grid-auto-flow, y minmax() para optimizar tus diseños. Además, veremos cómo justify-items, align-items, justify-conten...
Aprende CSS Flexbox en 13 Minutos
มุมมอง 25728 วันที่ผ่านมา
En este video vemos como usar css flexbox para posicionar y organizar elementos en tus páginas web html y css. Antes se usaba float y positioning, luego de ver este video de flexbox, vas a ver que es muy sencillo organizar los elementos en tu sitio web. 0:00 - Intro 0:10 - HTML 0:42 - Estilos elementos 2:25 - display flex 2:42 - flex-direction 3:11 - justify-content 4:27 - align-items 5:28 - co...
Footer Responsive con HTML y CSS
มุมมอง 334หลายเดือนก่อน
En este video vemos como hacer un footer responsive ajustable usnado solamente HTML y CSS!! Sin nada de Javascript!! Seguí este video tutorial para hacer tu pie de página para tus sitios web!! Código fuente: github.com/softhelpvideos/videos 00:00 - Introducción 00:19 - HTML Footer 00:40 - CSS Footer 01:50 - HTML Elementos 04:22 - CSS Elementos 09:40 - Responsive 11:32 - Suscribite! Si queres ve...
Asombrosa Galería de Imágenes con HTML y CSS
มุมมอง 1142 หลายเดือนก่อน
En este video vemos como hacer una asombrosa galería de imágenes vertical y horizontal usando solamente html y css! Nada de javascript! La podes agregar a tus páginas actuales para hacer un efecto increíble con css! Código fuente: github.com/softhelpvideos/videos/tree/main/galeria-imagenes Si queres ver más videos suscribite al canal: th-cam.com/channels/wA5nPK3qSdR4uOoMFEHoYQ.html
Slider automático solo con CSS y HTML
มุมมอง 1572 หลายเดือนก่อน
Carousel SOLO con CSS y HTML ‐ Tutorial Fácil, Paso a Paso - En este video vemos como hacer un slider, o tambien conocido como carousel solamente con css y html sin javascript!! Podes ir haciendo tu slider y practicando tus habilidades escribiendo código al ver este video!! Código fuente: github.com/softhelpvideos/videos/tree/main/slider-automatico Si queres ver más videos suscribite al canal: ...
Preloader increíble con animación - HTML y CSS
มุมมอง 802 หลายเดือนก่อน
En este video vemos como hacer un increíble loader o cargador animado usando solamente html y css, sin nada de javascript!!!! Código: github.com/softhelpvideos/videos/tree/main/preloader-caja-iluminada Si queres ver más videos suscribite al canal: th-cam.com/channels/wA5nPK3qSdR4uOoMFEHoYQ.html
Animación Hover en Tarjeta al Pasar el Mouse con HTML y CSS
มุมมอง 762 หลายเดือนก่อน
Vemos como hacer ena animación al hacer hover con el mouse sobre una carta o tarjeta usando estilos css y código html! No usamos nada de javascript ni ninguna librería externa! Código: github.com/softhelpvideos/videos/tree/main/trajeta-con-efecto Si queres ver más videos suscribite al canal: th-cam.com/channels/wA5nPK3qSdR4uOoMFEHoYQ.html
Animación de letras iluminadas con HTML y CSS
มุมมอง 833 หลายเดือนก่อน
En este video vemos como hacer una animación de letras iluminadas usando un efecto hecho con html y css! No usamos nada de javascript! Código: github.com/softhelpvideos/videos/tree/main/palabra-iluminada-efecto Si queres ver más videos suscribite al canal: th-cam.com/channels/wA5nPK3qSdR4uOoMFEHoYQ.html
GTA 6 Letras Iluminadas con efecto CSS y HTML
มุมมอง 533 หลายเดือนก่อน
GTA 6 Letras Iluminadas con efecto CSS y HTML
Loader Spinner Animado con HTML y CSS
มุมมอง 2924 หลายเดือนก่อน
Loader Spinner Animado con HTML y CSS
CSS Flexbox Responsive Adaptable a Pantallas Pequeñas
มุมมอง 1384 หลายเดือนก่อน
CSS Flexbox Responsive Adaptable a Pantallas Pequeñas
Carousel Responsive en React Adaptable A Cualquier Tamaño de Pantalla
มุมมอง 404 หลายเดือนก่อน
Carousel Responsive en React Adaptable A Cualquier Tamaño de Pantalla
CSS Grid Responsive Adaptable a Todas las Pantallas
มุมมอง 1225 หลายเดือนก่อน
CSS Grid Responsive Adaptable a Todas las Pantallas
Pirámide 3D iluminada con animaciones HTML y CSS
มุมมอง 1145 หลายเดือนก่อน
Pirámide 3D iluminada con animaciones HTML y CSS
CSS Flexbox Responsive Adaptable a Pantallas Pequeñas
มุมมอง 9735 หลายเดือนก่อน
CSS Flexbox Responsive Adaptable a Pantallas Pequeñas
Anillos prendidos fuego - Fondo animado HTML y CSS
มุมมอง 1085 หลายเดือนก่อน
Anillos prendidos fuego - Fondo animado HTML y CSS
Increíble Animación de Colores con HTML y CSS!!
มุมมอง 545 หลายเดือนก่อน
Increíble Animación de Colores con HTML y CSS!!
Increíble Footer Responsive con HTML y CSS | Paso a Paso - Fácil
มุมมอง 4.7K5 หลายเดือนก่อน
Increíble Footer Responsive con HTML y CSS | Paso a Paso - Fácil
Navbar Responsive para App React - Header Fácil en 15 Minutos
มุมมอง 1095 หลายเดือนก่อน
Navbar Responsive para App React - Header Fácil en 15 Minutos
Animación con HTML y CSS - Objetos en Movimiento - Estrellas subiendo
มุมมอง 735 หลายเดือนก่อน
Animación con HTML y CSS - Objetos en Movimiento - Estrellas subiendo
deu certo, brabo!
a mi no se me cambia. Lo he probado muchas veces
Vas a usar animaciones con scroll en tu página web? Conoces alguna animación que te vuele la cabeza? Dejá tu comentario abajo!
Mil gracias, no encontraba ningún video para esto, Gracias
Te sirvió este video? Sabias usar CSS Grid? Deja tu comentario abajo!
muy buen video bro, cual es el atajo para comentar las cosas en el vs code?
Hola! El atajo para comentar en vs code es: mantener apretado CTRL y luego presionar las teclas K y luego C. Para descomentar el atajo es: mantener apretado CTRL y luego presionar las teclas K y luego U.
@@codinghelptutorials gracias bro me sirvió!!
tienes algun video explicando el forEach?
En que lenguaje de programación estas usando forEach? Generalmente el forEach funciona de la siguiente manera: forEach (condición de iteración) tarea que se repite hasta que no se cumpla la condición de iteración
@@codinghelptutorials en javascritp
genial, me sirvió para mi proyecto
Qué bueno que te haya servido!!!
CAPOOO
Ya usabas css flexbox en tus páginas web?? Lo vas a empezar a usar??
Y para guardar permanentemente?
Me das un consejo o ahí un vídeo sobre este punto que tengo
lo probé pero solo funciono cuando es .html y yo estoy trabajando con .php ai les dejo el dato para alguien mas
Esta bueno el footer, pero para hacer el responsive, hay un truco que es darle un input type:checkbox y meterle un label conectado con el input. Entonces cuando presiones el label, el checkbox se activa y con eso puedes que cuando el checkbox esta checked entonces se abre la data de (contacto,direccion,servicios)
no me funciona
Hiciste ese footer en 11min 😱 Yo me tardo una hora 😭 👍👍👍
No importa el tiempo que lleve! Lo importante es aprender y el resultado!!
Te gustó este Footer Responsive? Lo vas a poner en tu página web? Dejá tu comentario abajo!!!!!
¡Muchas gracias! 🥰
Excelente! haces trabajos de rich media para publicidad programática?
Hola! No, no hacemos trabajos de rich media para publicidad :( Que bueno que estés interesado en ese tema!!
a mi la parte de abajo del footer me queda con un pequeño espacio
A mi en la parte de abajo y a la derecha.
yo solucione lo mio, y es que tenia una letra debajo del codigo html
hola, se puede copiar una imagen 3d de una pagina de mi distribuidor en especifica para copiar y pegar?
Creo que sí, pero no estoy seguro.
Gracias.
pero si quiero darle 180° al Titulo o sea en vez de acostarlo hacia un lado se acueste hacia el otro?
Encontrá el video completo en el siguiente link!! Asombrosa Galería de Imágenes con HTML y CSS th-cam.com/video/8QO4gWFO5_g/w-d-xo.html
Encontrar el video completo acá!!! Asombrosa Galería de Imágenes con HTML y CSS th-cam.com/video/8QO4gWFO5_g/w-d-xo.html
muy buen video crack
Gracias!! 🤩
Te gustó esta galería? Vas a usarla en tu proyecto? Deja tu comentario abajo!
Encontrá el video completo aquí: th-cam.com/video/ZfZ7USaRZCc/w-d-xo.html
Podes ver el video completo aquí: th-cam.com/video/FqHPaZBtu-c/w-d-xo.html
Vas a usar este slider en tu página web? Qué otros elementos crees que son escenciales en las páginas web y queres que hagamos un video? Dejá tu comentario abajo!!
Podes encontrar el video completo aquí: th-cam.com/video/zG-nAtfAU9A/w-d-xo.html