Trucos CSS (25) - Pseudo elementos before y after

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

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

  • @nihil_um
    @nihil_um 9 ปีที่แล้ว +25

    No me cansaré de agradecerte, por mi parte, lo mucho que haces (sin esperar nada a cambio) por los neófitos como yo...
    Muchas gracias, Álvaro.

  • @danielcunza
    @danielcunza 4 ปีที่แล้ว +18

    Estamos 2020 y tus videos antiguos aun me siguen enseñando :D

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

    Llevo años revisando video de youtube de html, css, javasript, php, mysql, react y es la primera vez que veo un video tan facilito que explica las cosas demasiado facil, realmente tienes talento y voy a guardar tu video y tu nick para ver si algo más que pueda aprender de ti, me gusto mucho tu explicación, gracias.

  • @danielcortezmanrique865
    @danielcortezmanrique865 4 ปีที่แล้ว

    He visto un par de tus videos y vaya que son útiles!! Son conceptos que ya "manejo" pero tu explicación me hace comprenderlos al 100. Gracias por tus aportes!!

  • @seica5561
    @seica5561 4 ปีที่แล้ว

    Excelente vídeo.. aun después de 5 años. este vídeo es muy actual.. Gracias desde Venezuela (09/10/2020)

  • @diegoargueta780
    @diegoargueta780 4 ปีที่แล้ว

    Tiendes una excelente habilidad para explicar. Tu primer video lo vi hace unos 3/4 años y todavía te sido aprendiendo cositas. Gracias crack

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

    Me salvaste , uuuffff muchas gracias! , todavía vigente la lección!

  • @diegoarmandohernandezforer3637
    @diegoarmandohernandezforer3637 6 ปีที่แล้ว

    Sos un genio , que seria del mundo sin personas como voz . exitos un abrazo

  • @hectorhuerta4529
    @hectorhuerta4529 9 ปีที่แล้ว

    Buen tuto, yo añadiría como extra (aunque ya es obvio) que se pueden aprovechar los pseudoelementos para no ensuciar el marcado HTML cuando codeamos, y así nuestro marcado no contiene divs innecesarios o texto de símbolos raros que en nada benefician al SEO on Page :)

  • @blashuamani2556
    @blashuamani2556 9 ปีที่แล้ว +4

    excelentes trucos Alavaro Felipe
    son muchas las tecnicas de diseño que aprendo de ti atraves de tus videos que son bien explicadas y que se entienden muy claramente
    y tengo que desirte que enseñas 3 veces mejor que mis profesores de programacion, la verda seria bueno que enseñaran con esas ganas y con esos detalles que tienes. te agradesco por compartir tu conocimiento... y tu esfuerso sigue asi
    que todo esfueros tiene fruto. saludos desde AREQUIPA

  • @leonardomoreno361
    @leonardomoreno361 4 ปีที่แล้ว

    Bien Alvaro me da mucho gusto ver como has avanzado tio, mis respetos me parece excelente!!!

  • @jorgeivanvegabetancourt6003
    @jorgeivanvegabetancourt6003 5 ปีที่แล้ว

    llevaba rato sin entender el pseudoelemento pero por fin me ha quedado claro con tu explicacion!!

  • @jeremycorajegonzales3073
    @jeremycorajegonzales3073 4 ปีที่แล้ว

    Muchas gracias profesor, me a servido mucho su enseñanza, ya muy pronto tomare su curso en Edteam.
    Gracias prof. Alvaro

  • @tiamirta2495
    @tiamirta2495 5 ปีที่แล้ว +4

    Estaria bueno que dejes en descripcion las tecnologias que utilizas, así nos nuevos entendemos mejor de donde sale todo. Saludos gracias por el vídeo.

  • @marielasuarez3035
    @marielasuarez3035 7 ปีที่แล้ว

    Gracias genio!!! La verdad que ya eh hecho varias webs pero tus trucos ya me dan otro nivel!!!

  • @danielmercado1113
    @danielmercado1113 4 ปีที่แล้ว

    Buenísima, me acabas de descomplicar la vida, muchas Gracias. Ojala tu canal crezca muchisimo

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

    muy buena explicación... gracias😍

  • @josealfonsodavilarubert8923
    @josealfonsodavilarubert8923 7 ปีที่แล้ว

    Es todo un gran maestro se explica muy bien gracias por sus vídeos que son de gran ayuda saludos Profe.

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

    explicas excelenteee, te ganaste un subscriptor

  • @darkozz23
    @darkozz23 9 ปีที่แล้ว

    Alvaro excelentes todos tus tutoriales, estoy teniendo problemas para ver el vídeo del taller del sábado pasado no se si alguien mas le pase lo mismo, el problema que tengo es que no me carga el vídeo puedo ver cualquier otro excepto ese.
    Espero y lo pudieras checar para ver si es solo problema mio o es el vídeo.
    Gracias por tus tutoriales.

  • @d-landjs
    @d-landjs 4 ปีที่แล้ว

    Ufff que gran tutorial amigo!!! Siempre enseñas de primera!!!

  • @andresvega7174
    @andresvega7174 5 ปีที่แล้ว

    Gracias por la explicación, antes no entendía el uso de las pseudoclases after y before.

  • @klaylton
    @klaylton 8 ปีที่แล้ว +1

    Aula fantástica!
    Muito obrigado por compartilhar seu conhecimento conosco.

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

    wow, excelente truco

  • @jask05
    @jask05 5 ปีที่แล้ว

    No te conocía, explicas muy bien.! Muchas gracias.

  • @SergioBravoMucacran
    @SergioBravoMucacran 5 ปีที่แล้ว

    Muchas gracias men, te mando un gracias enorme, estuve buscando esta explicación hace tiempo. Agradezco tu tiempo.

    • @SergioBravoMucacran
      @SergioBravoMucacran 5 ปีที่แล้ว

      Una pregunta, sé que lo mensionastes en el minuto 14 pero aún así quiero salir de la duda ¿si hubieras usado :before aún así se hubiera posicionado por delante por se hijo? o ¿ sólo por usar :after se posicionó por delante?

  • @mariacamilamontealegre4306
    @mariacamilamontealegre4306 4 ปีที่แล้ว

    Me encantó. Gracias, súper bien explicado

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

    excelentisimo ¡ gracias

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

    Gracias, al fin entendí.

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

    Buenisimo video profe

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

    Me gustan mucho tus vídeos. :3
    ¿Qué editor de código usas, y que plugins tiene?

  • @nathanleonardomoralesmallq7747
    @nathanleonardomoralesmallq7747 7 ปีที่แล้ว

    excelentes trucos gracias por tu a aporte a esta comunidad

  • @fabiocroldan
    @fabiocroldan 9 ปีที่แล้ว

    Gracias Alvaro agradable repaso...

  • @JuanRodriguez-jx8wo
    @JuanRodriguez-jx8wo 5 ปีที่แล้ว

    Buenas.
    Quisiera agregar clases a un elemento pero no dinamicamente sino con CSS, no se si se pueda.
    Tengo un ....
    quisiera que sea asi:
    ....
    y agregarle las otras clase estaticamente con CSS,
    se podria??
    Se que se puede hacer dinamicamente con javascript, pero quisiera saber si lo puedo hacer solo con CSS??
    Gracias por el video y por la respuesta.

  • @JulioCanteroperfil
    @JulioCanteroperfil 9 ปีที่แล้ว

    como siempre genial Alvaro...

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

    y se pueden cambiar estos valores con javascript o jquery?

  • @RemyLeBeau.
    @RemyLeBeau. 8 ปีที่แล้ว +1

    Como se llama el editor que estas utilizando en este video?

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

    Muy buen video

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

    hola Alvaro, me podria ayudar? necesito levantar los registros modbus tcp ip en html, css , me podrias dar una mano en este tema?

  • @ernestomendezrodrigues5156
    @ernestomendezrodrigues5156 7 ปีที่แล้ว

    Hola me gustan tus videos, me gustaria saber como hacer videos de forma responsive, y como dar movimiento a un flujo de agua con js.....

  • @sebastianramirez9081
    @sebastianramirez9081 7 ปีที่แล้ว

    Gracias amigo! Muy buena la explicación

  • @paulvg92
    @paulvg92 8 ปีที่แล้ว

    Alvaro una preguntica, si deseo colocar como seudoelementos iconos importados desde por ejemplo icoomon como lo haria
    h1::before { content: " " } la clase del icono o como lo realizaria?

    • @EDteam
      @EDteam  8 ปีที่แล้ว +1

      Tengo un video de icon fonts en el canal. Dale una mirada.

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

    Excelente

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

    Buenas noches utilize un codigo para dar brillo y reflejo para una palabra utiliza el before y el after escuche que sin la propiedad content y las comillas no funciona el ccs esta asi content: var(--l); pero no me funciona el brillo.

  • @shikmaru2541
    @shikmaru2541 5 ปีที่แล้ว

    usted de pana es un crack

  • @snakeeyes237
    @snakeeyes237 5 ปีที่แล้ว

    Muchas gracias, que buen tutorial, un saludo!

  • @edgarretana4449
    @edgarretana4449 8 ปีที่แล้ว

    Exelentemente Explicado! Sigue asi

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

    porque cuando pongo top, left me sale error? background: radial-gradient(top left,lighten (teal, 20%),darken (teal, 20%));

  • @JeroHeurtley
    @JeroHeurtley 4 ปีที่แล้ว

    muy bueno man, gracias

  • @heliojaviersotoarevalo1979
    @heliojaviersotoarevalo1979 4 ปีที่แล้ว

    Buenisimo

  • @KaorumishimaruXyz
    @KaorumishimaruXyz 9 ปีที่แล้ว

    ¿Vas a hablar sobre content: attr() "";?

  • @jhonedwar4783
    @jhonedwar4783 7 ปีที่แล้ว

    Gracias!

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

    que crack

  • @saluiarequipeno5447
    @saluiarequipeno5447 6 ปีที่แล้ว

    se puede dibujar una linea recta de cualquier tamaño?

    • @andresestigarribia8926
      @andresestigarribia8926 5 ปีที่แล้ว

      Pues cuando yo hago líneas lo hago en HTML con y luego lo modifico en css

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

    QUE PROOOOOOOOOOOOO

  • @d1tooch33n
    @d1tooch33n 7 ปีที่แล้ว

    hola, tengo una duda para poder hacer el ejemplo ocupo tener sass.

    • @EDteam
      @EDteam  7 ปีที่แล้ว

      Lo podrias hacer a puro CSS pero va a hacer doloroso de hacerlo :D Si gustas puedes aprender sass con nosotros en ed.team/sass

  • @zabdiyoab
    @zabdiyoab 6 ปีที่แล้ว

    pshhh, excelente explicacion, muy clara

  • @Magistrado1914
    @Magistrado1914 5 ปีที่แล้ว

    Me gustó.

  • @andersonalmeydat7715
    @andersonalmeydat7715 4 ปีที่แล้ว

    Capo!

  • @carloshuallpa3768
    @carloshuallpa3768 5 ปีที่แล้ว

    Los otros 24 trucos?

  • @wilsonherazo
    @wilsonherazo 8 ปีที่แล้ว

    Excelente !!!!

  • @esnaidertapias371
    @esnaidertapias371 8 ปีที่แล้ว

    Alguien sabe como se llama ese plugin que muestra la lista de colores asi como el minuto 11:39 ?

    • @Leonardo-lv2dm
      @Leonardo-lv2dm 7 ปีที่แล้ว

      Creo que se llama ColorPicker

  • @nicolaschavez8841
    @nicolaschavez8841 4 ปีที่แล้ว

    subscrito! quiero aprender sass q_q

  • @MrCharlypesc
    @MrCharlypesc 5 ปีที่แล้ว

    Puto amo.

  • @17001045jv
    @17001045jv 7 ปีที่แล้ว

    ME sale un error cuando pongo top left:
    background-image: radial-gradient(top left, white 5% , green 70%);

    • @facundoromano5318
      @facundoromano5318 4 ปีที่แล้ว

      y ese "-image" de donde salio? uh amigo que paja que nadie te haya respondido en 3 años xD

  • @neresdamasceno1713
    @neresdamasceno1713 6 ปีที่แล้ว

    Show, i liked..

  • @cpolo12345
    @cpolo12345 7 ปีที่แล้ว

    Eres tu perrito!

  • @nicolaschavez8841
    @nicolaschavez8841 4 ปีที่แล้ว +1

    y yo usando divs vacios e_e

  • @souravgolui8672
    @souravgolui8672 8 ปีที่แล้ว

    gud

  • @lucasdominguez8447
    @lucasdominguez8447 9 ปีที่แล้ว

    hola felipe yo quisiera si tu pudiera hacer un video sobre esta nueva unversidad online aqui te dejo el like : www.nextuniversity.com/

  • @brandon400
    @brandon400 4 ปีที่แล้ว

    Excelente