- Видео 121
- Просмотров 163 169
Coding Help
Уругвай
Добавлен 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: ruclips.net/channel/UCwA5nPK3qSdR4uOoMFEHoYQ
0:00 Intro
0:18 Código
1:30 Resultado
Si queres ver más videos suscribite al canal: ruclips.net/channel/UCwA5nPK3qSdR4uOoMFEHoYQ
Просмотров: 104
Видео
Animación con scroll
Просмотров 3133 месяца назад
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: ruclips.net/channel/UCwA5nPK3qSdR4uOoMFEHoYQ
Aprende CSS Grid Layout en 11 Minutos
Просмотров 2733 месяца назад
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
Просмотров 3183 месяца назад
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
Просмотров 4164 месяца назад
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
Просмотров 1304 месяца назад
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: ruclips.net/channel/UCwA5nPK3qSdR4uOoMFEHoYQ
Slider automático solo con CSS y HTML
Просмотров 1875 месяцев назад
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
Просмотров 835 месяцев назад
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: ruclips.net/channel/UCwA5nPK3qSdR4uOoMFEHoYQ
Animación Hover en Tarjeta al Pasar el Mouse con HTML y CSS
Просмотров 975 месяцев назад
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: ruclips.net/channel/UCwA5nPK3qSdR4uOoMFEHoYQ
Animación de letras iluminadas con HTML y CSS
Просмотров 905 месяцев назад
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: ruclips.net/channel/UCwA5nPK3qSdR4uOoMFEHoYQ
GTA 6 Letras Iluminadas con efecto CSS y HTML
Просмотров 666 месяцев назад
GTA 6 Letras Iluminadas con efecto CSS y HTML
Loader Spinner Animado con HTML y CSS
Просмотров 3307 месяцев назад
Loader Spinner Animado con HTML y CSS
CSS Flexbox Responsive Adaptable a Pantallas Pequeñas
Просмотров 1397 месяцев назад
CSS Flexbox Responsive Adaptable a Pantallas Pequeñas
Carousel Responsive en React Adaptable A Cualquier Tamaño de Pantalla
Просмотров 507 месяцев назад
Carousel Responsive en React Adaptable A Cualquier Tamaño de Pantalla
CSS Grid Responsive Adaptable a Todas las Pantallas
Просмотров 1427 месяцев назад
CSS Grid Responsive Adaptable a Todas las Pantallas
Pirámide 3D iluminada con animaciones HTML y CSS
Просмотров 1298 месяцев назад
Pirámide 3D iluminada con animaciones HTML y CSS
Aros de Fuego - Animación HTML y CSS
Просмотров 1008 месяцев назад
Aros de Fuego - Animación HTML y CSS
CSS Flexbox Responsive Adaptable a Pantallas Pequeñas
Просмотров 1 тыс.8 месяцев назад
CSS Flexbox Responsive Adaptable a Pantallas Pequeñas
Anillos prendidos fuego - Fondo animado HTML y CSS
Просмотров 1198 месяцев назад
Anillos prendidos fuego - Fondo animado HTML y CSS
Increíble Animación de Colores con HTML y CSS!!
Просмотров 638 месяцев назад
Increíble Animación de Colores con HTML y CSS!!
Increíble Footer Responsive con HTML y CSS | Paso a Paso - Fácil
Просмотров 7 тыс.8 месяцев назад
Increíble Footer Responsive con HTML y CSS | Paso a Paso - Fácil
Navbar Responsive para App React - Header Fácil en 15 Minutos
Просмотров 1258 месяцев назад
Navbar Responsive para App React - Header Fácil en 15 Minutos
Animación con HTML y CSS - Objetos en Movimiento - Estrellas subiendo
Просмотров 848 месяцев назад
Animación con HTML y CSS - Objetos en Movimiento - Estrellas subiendo
Estoy intentando aprender a diseñar páginas web, me encontré con tus tutoriales me gusta como explicas gracias 💪
gracias por ese datos full melo
Muchas gracias!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
el mejor mi hermano
gracias fue muy útil la explicación.
Buena 🤜
👍👍👍
👍👍🏆
wow, me encanto tu video.
!gracias por el tutorial!
Podrias hacer videos de animaciones para titulos , lo logre hacer en mis pagians de venta
Que hermoso trabajo ! Voy a practicarlo y agregarle texto a ver si es posible.. muchas gracias por compartirlo ! 🤗
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