Trucos CSS (25) - Pseudo elementos before y after

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 81

  • @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.

  • @BrunaDelMar-gv1gh
    @BrunaDelMar-gv1gh 8 днів тому

    EDteam posta es una de las mejores escuelas. Se aprende muy bien. Gracias!!

  • @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.

  • @danielcunza
    @danielcunza 4 роки тому +19

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

  • @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

  • @jorgeivanvegabetancourt6003
    @jorgeivanvegabetancourt6003 5 років тому

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

  • @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!!!

  • @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 :)

  • @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!!!

  • @keylamendez3305
    @keylamendez3305 Рік тому

    muy buena explicación... gracias😍

  • @isaacmendozarubio4953
    @isaacmendozarubio4953 2 роки тому

    explicas excelenteee, te ganaste un subscriptor

  • @danielmercado1113
    @danielmercado1113 4 роки тому

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

  • @josealfonsodavilarubert8923
    @josealfonsodavilarubert8923 7 років тому

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

  • @andresvega7174
    @andresvega7174 5 років тому

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

  • @d-landjs
    @d-landjs 4 роки тому

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

  • @jask05
    @jask05 6 років тому

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

  • @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.

  • @Pinedaangeln
    @Pinedaangeln 3 роки тому +1

    wow, excelente truco

  • @mariacamilamontealegre4306
    @mariacamilamontealegre4306 4 роки тому

    Me encantó. Gracias, súper bien explicado

  • @nicohernandez5996
    @nicohernandez5996 Рік тому

    Buenisimo video profe

  • @klaylton
    @klaylton 8 років тому +1

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

  • @fabiocroldan
    @fabiocroldan 9 років тому

    Gracias Alvaro agradable repaso...

  • @nathanleonardomoralesmallq7747
    @nathanleonardomoralesmallq7747 7 років тому

    excelentes trucos gracias por tu a aporte a esta comunidad

  • @luiseduardosotoj1183
    @luiseduardosotoj1183 3 роки тому

    Gracias, al fin entendí.

  • @lalocanario243
    @lalocanario243 3 роки тому

    excelentisimo ¡ 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?

  • @JulioCanteroperfil
    @JulioCanteroperfil 9 років тому

    como siempre genial Alvaro...

  • @sebastianramirez9081
    @sebastianramirez9081 7 років тому

    Gracias amigo! Muy buena la explicación

  • @snakeeyesOFFICIAL76
    @snakeeyesOFFICIAL76 Рік тому

    Muy buen video

  • @snakeeyes237
    @snakeeyes237 5 років тому

    Muchas gracias, que buen tutorial, un saludo!

  • @lamaquinadealexandre4811
    @lamaquinadealexandre4811 3 роки тому

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

  • @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.....

  • @brandon400
    @brandon400 4 роки тому

    Excelente

  • @edgarretana4449
    @edgarretana4449 8 років тому

    Exelentemente Explicado! Sigue asi

  • @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.

  • @NoiseOverdrive
    @NoiseOverdrive 5 років тому

    usted de pana es un crack

  • @heliojaviersotoarevalo1979
    @heliojaviersotoarevalo1979 4 роки тому

    Buenisimo

  • @JeroHeurtley
    @JeroHeurtley 4 роки тому

    muy bueno man, gracias

  • @saludbella
    @saludbella 2 роки тому

    y se pueden cambiar estos valores con javascript o jquery?

  • @alejandrocortes310
    @alejandrocortes310 2 роки тому

    que crack

  • @RemyLeBeau.
    @RemyLeBeau. 8 років тому +1

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

  • @rlyehdate
    @rlyehdate 3 роки тому

    QUE PROOOOOOOOOOOOO

  • @jhonedwar4783
    @jhonedwar4783 7 років тому

    Gracias!

  • @KaorumishimaruXyz
    @KaorumishimaruXyz 9 років тому

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

  • @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?

  • @zabdiyoab
    @zabdiyoab 6 років тому

    pshhh, excelente explicacion, muy clara

  • @Magistrado1914
    @Magistrado1914 6 років тому

    Me gustó.

  • @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.

  • @andersonalmeydat7715
    @andersonalmeydat7715 5 років тому

    Capo!

  • @wilsonherazo
    @wilsonherazo 8 років тому

    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.

  • @saluiarequipeno5447
    @saluiarequipeno5447 6 років тому

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

    • @andresestigarribia8926
      @andresestigarribia8926 6 років тому

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

  • @MrCharlypesc
    @MrCharlypesc 5 років тому

    Puto amo.

  • @nicolaschavez8841
    @nicolaschavez8841 4 роки тому

    subscrito! quiero aprender sass q_q

  • @neresdamasceno1713
    @neresdamasceno1713 6 років тому

    Show, i liked..

  • @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

  • @carloshuallpa3768
    @carloshuallpa3768 5 років тому

    Los otros 24 trucos?

  • @jeffersonbonilla9958
    @jeffersonbonilla9958 2 роки тому

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

  • @cpolo12345
    @cpolo12345 7 років тому

    Eres tu perrito!

  • @esnaidertapias371
    @esnaidertapias371 8 років тому

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

  • @17001045jv
    @17001045jv 8 років тому

    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

  • @souravgolui8672
    @souravgolui8672 8 років тому

    gud

  • @nicolaschavez8841
    @nicolaschavez8841 4 роки тому +1

    y yo usando divs vacios e_e

  • @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/

  • @alexdavidhurtadoyeneris7116
    @alexdavidhurtadoyeneris7116 3 роки тому

    Excelente