Dos Efectos CSS muy Sencillos pero geniales para tus Páginas Web

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 พ.ย. 2024

ความคิดเห็น • 196

  • @FalconMasters
    @FalconMasters  3 ปีที่แล้ว +58

    📌 Si te gusto este video dale manita arriba. 👍
    Y no olvides suscribirte para mas tutoriales de desarrollo web!

    • @juanpablonavaparedes3301
      @juanpablonavaparedes3301 3 ปีที่แล้ว

      Mi respeto, gracias

    • @alfredoserrada4014
      @alfredoserrada4014 3 ปีที่แล้ว

      Segun W3Schools el Sticky gasta recursos considerables. Segun tu opinion, vale pena usarlo?

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว +2

      @@alfredoserrada4014 Mientras que tu web se vea fluida no hay nada de que preocuparse.

    • @alfredoserrada4014
      @alfredoserrada4014 3 ปีที่แล้ว +1

      @@FalconMasters ok, gracias por aclarar mi duda; muy buen video👍

    • @taurusdark7656
      @taurusdark7656 3 ปีที่แล้ว

      @@FalconMasters Una consulta si quiero modificar los pixeles y el tamaño del contenedor Inicio, Servicio, Precio, Compañía, Soporte.
      ¿Cómo lo realizo?, debería cambiar la clase ¿no?, es decir lo renombro de una manera diferente

  • @josephrios4437
    @josephrios4437 3 ปีที่แล้ว +17

    Calidad, esto no me lo han enseñado en mas de 3 cursos que he hecho de CSS, vos sos un dios! :3

  • @soydalto
    @soydalto 3 ปีที่แล้ว +102

    Genio!

    • @huberelcrack
      @huberelcrack 3 ปีที่แล้ว +3

      👀

    • @darianmorat
      @darianmorat 3 ปีที่แล้ว +5

      Y yo que ando viendo los cursos de dalto jsjsjs

    • @huberelcrack
      @huberelcrack 3 ปีที่แล้ว +4

      Yo soy daltó todo tendencia 👌

    • @avila176
      @avila176 3 ปีที่แล้ว

      @@darianmorat x2 :v

    • @Maximo4ever
      @Maximo4ever 3 ปีที่แล้ว +4

      Un Dios con otro Dios :0

  • @benjamindomador1074
    @benjamindomador1074 3 ปีที่แล้ว +7

    Lo guardé para verlo luego, se ve interesante desde el comienzo (soy principiante) trataré de hacerlo, gracias bro

  • @juanikitro
    @juanikitro 3 ปีที่แล้ว +7

    Muy bueno, aplausos, de los mejores tutoriales simples que vi en youtube.

  • @dannerx3jmr494
    @dannerx3jmr494 2 ปีที่แล้ว +1

    Tus videos me inspiran a seguir aprendiendo desarrollo web, actualmente estoy tomando tu curso de desarrollo web en udemy y es fantástico, gracias por ayudarnos tanto.❤🤝🏼

    • @FalconMasters
      @FalconMasters  2 ปีที่แล้ว +1

      Muchas gracias, me alegro mucho que te sirvan mis videos y cursos!

  • @arielsouto7326
    @arielsouto7326 3 ปีที่แล้ว +13

    Sencillo, efectivo y muy bien explicado. Excelente!!

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว +2

      Gracias!

    • @anonimo-wx1iq
      @anonimo-wx1iq 3 ปีที่แล้ว

      @@FalconMasters hola falcón :) me gustan tus cursos gracias a ti ya estoy aprendiendo sobre web y me motivas muchisiiiiimo

  • @Spacetime25
    @Spacetime25 2 ปีที่แล้ว

    QUEDE ENAMORADISIMO DE TUS VIDEOS, actualmete estoy cursando en coderhouse.. pero cuanmdo termine mi curso si aun estas dando cursos, lo pagare con todo el gusto.

    • @FalconMasters
      @FalconMasters  2 ปีที่แล้ว

      Muchas gracias, me alegra que te sirvan mis videos y cursos!

  • @TizianoMontenegro07
    @TizianoMontenegro07 2 ปีที่แล้ว

    uno de los mejores canales de programación para buscar cosas que en la mayoría de cursos no enseñan.

  • @brandonalexis8263
    @brandonalexis8263 3 ปีที่แล้ว +4

    Muy buen video, impresionante este pequeño efecto pero útil que le da un toque especial a la página web, nunca escuché de ese efecto en css 😁👍

  • @lucasfr86
    @lucasfr86 3 ปีที่แล้ว +2

    Excelente! Antes me rompía la cabeza para hacer estas cosas en js! Muchas gracias

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว +1

      Si, la verdad es que estas propiedades nos ahorran muchas lineas de código Javascript.

  • @jonatanosorioarcila8437
    @jonatanosorioarcila8437 3 ปีที่แล้ว

    Que gran video mi hermano, algo sencillo pero sofisticado. Justo lo que buscaba... Muchas gracias... Saludos desde Colombia

  • @Inami_Temple
    @Inami_Temple 3 ปีที่แล้ว

    no suelo comentar en los videos pero los tuyos merecen la pena, tremendos videos

  • @ronaldojimenezgarcia9366
    @ronaldojimenezgarcia9366 3 ปีที่แล้ว +1

    Increíble tutorial, soy nuevo en esto de las páginas web y esto me encanta, gracias por compartir tus conocimientos con nosotros, toma tu Like amigo

  • @manuelcolin7037
    @manuelcolin7037 3 ปีที่แล้ว

    Eres el mejor amigo FalconMaster, gracias por tus enseñanzas.

  • @manaseslovera4747
    @manaseslovera4747 3 ปีที่แล้ว

    Increíble, aprendí algo que intenté hacer antes pero no supe como, muchas gracias, buen video.

  • @GustavoGil05
    @GustavoGil05 3 ปีที่แล้ว

    Me gustó mucho el video, les felicito. Sigan adelante! No pierdan ese feeling que tienen, se les nota que detrás hay planificación y un buen equipo. Soy programador, de muchos años de experiencia, pero siempre es bueno contar con este tipo de recursos que son muy didacticos y van al grano. 👍 Ya suscrito!

  • @edeerjacksonguevaratina9870
    @edeerjacksonguevaratina9870 3 ปีที่แล้ว

    Sencillo y práctico Carlos, y lo explicas muy bien!!!

  • @hmendezm
    @hmendezm 3 ปีที่แล้ว

    Curioseando me encontré con este canal, y está genial, te sigo inmediatamente! gracias por compartir tus conocimientos!

  • @luisfelipegaitanzambrano817
    @luisfelipegaitanzambrano817 2 ปีที่แล้ว

    El mejor video que puede monetizar fácilmente uno mismo vendiendo webs

  • @PabloRodriguezMontero
    @PabloRodriguezMontero ปีที่แล้ว

    Excelente, muy buena dinámica y fácil de seguir con el paso a paso que mencionas.

  • @camachomoralesluisantonio4209
    @camachomoralesluisantonio4209 3 ปีที่แล้ว +1

    Hace 3 años que me subcribi a tu canal, explicas muy bien, pero solamente una recomendación. Para tu próximo video puedes automentarle poco de zoom a los códigos, sí por favor.

  • @carlosmadrigal2551
    @carlosmadrigal2551 3 ปีที่แล้ว

    Muchas gracias genio, ¡¡Eres Grande!!, saludos desde Bogota Colombia....

  • @friedrichvillegasmurillo9775
    @friedrichvillegasmurillo9775 3 ปีที่แล้ว +1

    Justo había visto esto en el canal de Kevin Powell y me pareció muy útil e interesante

  • @maxigarrett3121
    @maxigarrett3121 3 ปีที่แล้ว

    Excelente la verdad, solo que el HTML semánticamente no está bien escrito, pero tú te enfocas en los efectos y la verdad es excelente gracias...

  • @davidramirez9727
    @davidramirez9727 2 ปีที่แล้ว +1

    excelente video amigo,lo pondré en practica

  • @polocm6697
    @polocm6697 3 ปีที่แล้ว +9

    Buen video Bro... Recuerdo cuando tenías que hacer con Javascript el efecto smooth scroll... Jajaja buenos tiempos... Oye bro... Me podrías decir ¿que programa utilizas para grabar tus videos? tienen una muy buena calidad, lo que se agradece bastante, saludos y buen contenido 👍🏻

  • @luis96xd
    @luis96xd 3 ปีที่แล้ว +1

    ¡Guau! Está muy genial el efecto 😄😄

  • @adrianosegueda1652
    @adrianosegueda1652 3 ปีที่แล้ว

    me encantan tus videos haces ver el diseño web bien facil
    gracias por tus tutorias

  • @jevar4502
    @jevar4502 3 ปีที่แล้ว

    Este Carlitos siempre dándonos cosas interesantes.... Gracias!!

  • @leonardosocorro236
    @leonardosocorro236 3 ปีที่แล้ว +3

    Seria genial que explicaras la metodologia itcss, ya que es algo nuevo de como organizar los estilos

  • @ep4r4
    @ep4r4 3 ปีที่แล้ว +2

    Coño buenísimo efecto, no los conocía con CSS

  • @LucianoMartinezEscobedo
    @LucianoMartinezEscobedo 3 ปีที่แล้ว

    Que forma tan buena de explicar. Gracias felicidades

  • @lusanto9
    @lusanto9 2 ปีที่แล้ว

    Muy interesantes. Gracias por compartirlo!

  • @paulocornejo8203
    @paulocornejo8203 3 ปีที่แล้ว

    Muy bueno los efectos que mostro en el video. Muchas gracias.

  • @davidticstorm4114
    @davidticstorm4114 3 ปีที่แล้ว

    Wow!! Es muy bueno ese efecto sencillo y chevere como lo describe en el video ... Saludos

  • @cristiancamiloaguirrequiro8769
    @cristiancamiloaguirrequiro8769 3 ปีที่แล้ว

    Gracias bro por todo tu contenido acabo de comprar tu curso de udemy gracias

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว

      Muchas gracias Cristian estoy seguro de que aprenderás mucho!

  • @profedavid5846
    @profedavid5846 2 ปีที่แล้ว

    Genial los efectos y muy sencillos de aplicar, gracias genio!!

  • @pedrobouchan7754
    @pedrobouchan7754 3 ปีที่แล้ว +17

    Carlos Arturo, en Udemy tienes un curso de ecommerce pero con wordpress no tienes alguno con HTML CSS JAVASCRIPT???

    • @AlanDanielx
      @AlanDanielx 3 ปีที่แล้ว +1

      Deberia hacer mas cursos para udemy

    • @jardonrosasfrancisco1094
      @jardonrosasfrancisco1094 3 ปีที่แล้ว +1

      Ya tiene uno de diseño web, yo lo compré y el temario incluye html, css, javascript, Wordpress, adobe xd y muchos más, ese curso es muy completo.

    • @Christian-ph1tk
      @Christian-ph1tk 3 ปีที่แล้ว

      @@jardonrosasfrancisco1094 si la verdad yo igual lo compre y estan muy buenos sus cursos, tambien les recomiendo el de php y mysql

  • @adrianmontilla3095
    @adrianmontilla3095 3 ปีที่แล้ว +3

    Excelente vídeo Carlos 👍 como siempre. Oye Carlos podrías hacer un vídeo de cómo hacer un slideshow con sus iconos de flechas osea con controles y con los círculos en la parte inferior indicando cuántas imágenes hay. por favor con html css y Javascript puro sin librerías por favor Carlos 😊

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว +2

      Ya tengo un tutorial de como hacerlo:
      th-cam.com/video/1ukG4FTmdWQ/w-d-xo.html

    • @adrianmontilla3095
      @adrianmontilla3095 3 ปีที่แล้ว +1

      @@FalconMasters ok muchísimas gracias Carlos 😊😊

  • @TiraN696
    @TiraN696 3 ปีที่แล้ว

    Está muy bueno el efecto lo voy a implementar en mi proyecto de tesis XD

  • @juanmanuelcortes4031
    @juanmanuelcortes4031 4 หลายเดือนก่อน +2

    4:00 en adelante

  • @rafaelcastillo2409
    @rafaelcastillo2409 3 ปีที่แล้ว +2

    WOW! Genial, donde podría encontrar más tutoriales así recursos donde pueda uno practicar con ejemplos así me encantaría .
    Muchas gracias por el video.

  • @adriandel_sur
    @adriandel_sur 3 ปีที่แล้ว

    Excelente explicación. Me sirve muchísimo.

  • @enmimaquinaandaba
    @enmimaquinaandaba 3 ปีที่แล้ว

    Super Arturo al rescate

  • @pamelaloyola4824
    @pamelaloyola4824 3 ปีที่แล้ว +2

    Excelente! Muchas gracias. :D

  • @elcocoaltuna2601
    @elcocoaltuna2601 3 ปีที่แล้ว +2

    Hola amigo ! Podrías hacer un video con las principales causas de por qué una página es lenta en cargar o a reaccionar en ciertas acciones?
    Ahora que css es más completo , conviene usarlo más en vez de javascript ?
    Saludos

  • @julianvelez6563
    @julianvelez6563 3 ปีที่แล้ว

    Falconmasters sos un crack

  • @Deddlyt
    @Deddlyt 3 ปีที่แล้ว

    Wow muchas gracias por compartir tu conocimiento.

  • @starbuckscoffeeoficial
    @starbuckscoffeeoficial 3 ปีที่แล้ว +1

    Simplemente eres el mejor

  • @greciaprint
    @greciaprint 3 ปีที่แล้ว

    Excelente explicación, mil gracias!!!

  • @jcar8174
    @jcar8174 3 ปีที่แล้ว

    Muy buena explicación.

  • @SDrakness
    @SDrakness 3 ปีที่แล้ว

    Creo que lo aplicaré para mí proyecto integrador 😃

  • @xxhectorno0bxx344
    @xxhectorno0bxx344 3 ปีที่แล้ว

    que codigo tengo que poner para que todos los apartados sean en horizontal?. A mi me sale pero en vertical pero no me gusta. La parte de donde dice "inicio, servicios, etc."

  • @jpurpurita4057
    @jpurpurita4057 3 ปีที่แล้ว +2

    Excelente tutorial, me gustaria sabe como haces que esa img del header cubra todo el alto de la pantalla, con cualquier medida de pantalla

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว +10

      Eso es muy fácil, simplemente al contenedor le puse un height: 100vh;
      VH te toma el Viewport Height.

  • @renemendoza4461
    @renemendoza4461 3 ปีที่แล้ว

    increible tutorial, mil gracias!!!!!!!

  •  3 ปีที่แล้ว

    Te seguiré, me ayudas a seguir aprendiendo crack.

  • @mrklenton6897
    @mrklenton6897 3 ปีที่แล้ว

    Gracias Carlos.. abrazo grande

  • @EloyIslado
    @EloyIslado 3 ปีที่แล้ว

    Excelente.
    Quisiera que realice un curso sobre el desarrollo de aula virtual como Learnpress o Leandarsh, pero utilizando lenguaje web

  • @juanitadelosdolores8130
    @juanitadelosdolores8130 3 ปีที่แล้ว +2

    Las letras de tu codigo no se ven nitidas,y eso q estoy con lentes!

  • @cristiancamiloceballosmari4206
    @cristiancamiloceballosmari4206 3 ปีที่แล้ว

    Excelente video me encantó 😃 gracias

  • @studiouno9637
    @studiouno9637 3 ปีที่แล้ว

    Muy interesantes efectos para la web!

  • @analuciamarzocca3748
    @analuciamarzocca3748 3 ปีที่แล้ว

    Muy bueno! gracias!

  • @tusesiononline8977
    @tusesiononline8977 2 ปีที่แล้ว

    Como sería mismo efecto sticky pero modificando el nav para que quede minimizado (las tres rayitas) en dispositivos móviles?

  • @kiranokia6131
    @kiranokia6131 2 ปีที่แล้ว +1

    Podrías enseñar a hacer urls amigables? Eres muy bueno explicando

  • @sebastiancosta6915
    @sebastiancosta6915 3 ปีที่แล้ว

    Buenísimo efecto

  • @vertecedocittreavsorpening3924
    @vertecedocittreavsorpening3924 3 ปีที่แล้ว

    Te recomiendo usar linux créeme que no te arrepentirás tu productividad y todo el desarrollo que haces aumentará además de que no tendrás que hacer tantos pasos complicados para instalar lenguajes a diferencia de Windows te recomiendo linux mint, pop os, kubuntu, xubuntu, etc. Busca el que más te guste también puedes nada más probarlo

  • @hntrvzqz
    @hntrvzqz ปีที่แล้ว

    Muy útil muchas gracias

  • @bicioextremo
    @bicioextremo 3 ปีที่แล้ว

    Genial! Realmente muy simple :)

  • @mranghelion
    @mranghelion 3 ปีที่แล้ว

    en html no hay el div contenedor imagen img¡? porque hay entonces hay 2 contenedores ?en css?

  • @anthonysanchezramos3766
    @anthonysanchezramos3766 3 ปีที่แล้ว

    Me encantaaaaaaaaaaaaaaaaaaaa

  • @jotamorales_
    @jotamorales_ 3 ปีที่แล้ว

    sigo paso a paso y la barra no se pone en inblock cuando aplico display, cuando hago el .navBar a algo falla

  • @nicogarcia3852
    @nicogarcia3852 3 ปีที่แล้ว +3

    Cada dia css se esta convirtiendo en un lenguaje de programación

  • @paiinn999
    @paiinn999 2 ปีที่แล้ว

    Tambien puedes usar ‘scroll-padding-top’ para no tener que añadirle un margin al articulo 3, no?

  • @axisplay927
    @axisplay927 3 ปีที่แล้ว

    hola buen video, me funciona pero tuve errores ya que en mi pagina tengo un carousel de imagenes y ahora el carousel cuando presiono las teclas en pantalla de avanzar o retroceder no funcionan, saludos

  • @chocco-pit
    @chocco-pit 3 ปีที่แล้ว

    gracuas bro de verdad ayuda mucho este tipo de practicas de doy yn like si se podrian mas serian algo sin duda aria
    gracias

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว

      Muchas gracias por el apoyo a mis videos.

  • @oscar00798
    @oscar00798 3 ปีที่แล้ว

    Muy bueno hermano eres el mejor

  • @DIAOSERVICES
    @DIAOSERVICES 3 ปีที่แล้ว

    Excelente contenido

  • @delforhuum
    @delforhuum ปีที่แล้ว

    Gracias Genioo!!

  • @cpitemplates
    @cpitemplates 3 ปีที่แล้ว

    Está súper el tutorial.

  • @angiesence1695
    @angiesence1695 2 ปีที่แล้ว

    excelente video, consulta, esto funcionaría en blogger?!

  • @eufemiamurominacho8137
    @eufemiamurominacho8137 3 ปีที่แล้ว

    Buen tutorial una consulta el logo de una empresa ARQUITECTURA tiene de color blanco las letras pero en el medio de las mismas letras tiene un color medio negro como línea sabe como hacerlo por favor

  • @vlas73
    @vlas73 3 ปีที่แล้ว

    Hola gracias por el tutorial!!, hay forma de que cuando vaya a una seccion, esta se marque en el menu como la seccion activa? Gracias de nuevo

  • @jimenakatu1178
    @jimenakatu1178 3 ปีที่แล้ว

    buenisimo, re facil! gracias

  • @RobertoMiyazakiUriasNicoletti
    @RobertoMiyazakiUriasNicoletti 3 ปีที่แล้ว

    Muito bom!! Simples e altamente útil

  • @jesusvalladares2323
    @jesusvalladares2323 3 ปีที่แล้ว

    Ufff hermano muchas graciass!!!!

  • @mayadesign
    @mayadesign 3 ปีที่แล้ว

    Hola Falcon, felicidades por tu video ...no logro realizarlo con boostrap o esto es reponsive? me podrías orientar por fa, muchas gracias

  • @FerchumanX86
    @FerchumanX86 2 ปีที่แล้ว

    excelente video !!

  • @nicocaceresh6470
    @nicocaceresh6470 ปีที่แล้ว

    puse una imagen de fondo en mi blog,existe la posibilidad de que se vea mas nitida la imagen?

  • @cristhianmenjivar2366
    @cristhianmenjivar2366 3 ปีที่แล้ว +1

    Muy hermoso me gustó. ❤️

  • @atlonrg
    @atlonrg 3 ปีที่แล้ว

    Mejor dicho esto es halgo nuevo en css es por esto que nos lo traés

  • @linoremesal
    @linoremesal 3 ปีที่แล้ว

    Estimado Profe, me ha encantado las mejoras para la web, pero he podido comprobar que no es responsive, ¿Podriamos solucionarlo?

  • @anthonysanchezramos3766
    @anthonysanchezramos3766 3 ปีที่แล้ว +1

    Alguien más vio las pelotitas antiestrés para programadores? jijiji

  • @atlonrg
    @atlonrg 3 ปีที่แล้ว

    Hola FM cuanto tiempo tiene este código en la web que standariza las normas.

  • @jeisonarbeymurillocandia3691
    @jeisonarbeymurillocandia3691 3 ปีที่แล้ว

    gracias por el consejo crack

  • @maxwellsempai
    @maxwellsempai 3 ปีที่แล้ว

    como ponemos el alto si no ponemos el contenedor imagen ?

  • @maximiliano7086
    @maximiliano7086 2 ปีที่แล้ว

    geniaaal, graciaas😁

  • @eduardohurtado48
    @eduardohurtado48 3 ปีที่แล้ว

    Que trucaso, eres un crack! 👍🏽

  • @leonardosandoval2198
    @leonardosandoval2198 3 ปีที่แล้ว

    Me funciona en el Edges, pero en chrome no!!!, algo que me este fallando?

  • @JonatanBelfiore
    @JonatanBelfiore 3 ปีที่แล้ว

    Gran video, gracias falcom. Ah y que buen tema de VSC ! Cual es? Saludos!