Que rayos son los Pseudoelementos en CSS

  Рет қаралды 62,698

FalconMasters

FalconMasters

Күн бұрын

Пікірлер: 143
@FalconMasters
@FalconMasters 4 жыл бұрын
Si te gusto el video dale manita arriba! 👍
@cordovaaxel
@cordovaaxel 4 жыл бұрын
Oye bro, hace no mucho termine Javascript (por cierto muy bueno) (de ti) y justo ahora no tengo mucha idea de que hacer después, estaba pensando en intentar crear un bot de discord, ¿crees que es buena idea? (Si tienes una sugerencia házmela saber por favor) pdta. Cuídate bro
@fullpeliculafhdhdsd9242
@fullpeliculafhdhdsd9242 4 жыл бұрын
@@cordovaaxel es muy buena idea broth para poner a práctica lo que sabes, siempre y cuando este repasando esta todo perfecto. Porque claro si hace poco que lo terminate tiene que ponerlo a práctica para poder manipularlo. Bien y no te tranque. En ejercicio.
@mckutinha7603
@mckutinha7603 4 жыл бұрын
Haz un Discord donde nos ayudemos unos a otros y nos respondamos dudas, eres un master 🙌
@rootclever2883
@rootclever2883 4 жыл бұрын
no me gusto, ya le di manita abajo vro.
@DringoTV
@DringoTV 4 жыл бұрын
encontre tu canal por que lo recomendaste en un curso de udemy de php muy bueno la verdad
@viperaca
@viperaca 4 жыл бұрын
Estoy aprendiendo CSS viendo videos en YT y me había dado de topes con ciertos cálculos que necesitaba hacer para lograr una distribución perfecta de mis elementos pero viendo este video y por casualidad aprendí que es posible realizar funciones como la que realizaste en la linea 63 del min. 13:23
@RhedKief
@RhedKief 3 жыл бұрын
me pasó igual
@emanuelmejia4525
@emanuelmejia4525 4 жыл бұрын
Buen video, estaría bueno un video sobre cómo usar las imagenes svg :D
@luis96xd
@luis96xd 4 жыл бұрын
Si sería, muy bueno!
@angeljoelmarcoscastilla4391
@angeljoelmarcoscastilla4391 4 жыл бұрын
En este canal se aprende mucho, gracias por compartir tu conocimiento.
@tj__2316
@tj__2316 4 жыл бұрын
Amigo no puedo entender como algo tan complejo como la programacion la expliques tan bien me encantan tus videos siento que deberias tener mas reconocimiento porque tu canal es muy bueno tanto educativo como divertido
@jessicabermeo5843
@jessicabermeo5843 4 жыл бұрын
Es verdad, lo explica genial!!
@fabianrossini4315
@fabianrossini4315 2 жыл бұрын
Gracias, crack, sos un Halcón de la programación, y sencillo como una paloma! Saludos desde Argentina
@cleidysbrooks
@cleidysbrooks 4 жыл бұрын
Felicitaciones Carlos Arturo. Excelente Gracias por compartir tus conocimientos.
@brandonalexis8263
@brandonalexis8263 4 жыл бұрын
Estuvo muy bien explicado, aprendí primero a llamarle a hover y otros pseudoelementos que no sabía cómo se llamaban, y porfin pude entender que es after y before y su uso Excelente, Gracias👍💪
@rfclandesto3741
@rfclandesto3741 3 жыл бұрын
Explicación más genial bro, saludos desde Colombia.
@danielmutn
@danielmutn 4 жыл бұрын
Exelente. Sigue así con videos cortos pero con muy buen contenido.
@MsSoldadoRaso
@MsSoldadoRaso 3 жыл бұрын
corto con 16min? jaja
@danielramos1504
@danielramos1504 3 жыл бұрын
Buen video, Que fácil verlo así explicado!!
@axelmendez9075
@axelmendez9075 4 жыл бұрын
Llevaba tiempo buscando como colocar ese elemento del triángulo. Gracias por resolverlo, sin duda, contigo se aprende demasiado.
@fundacionroldan9922
@fundacionroldan9922 Жыл бұрын
Maravilloso video, como siempre Carlos
@FalconMasters
@FalconMasters Жыл бұрын
Muchas gracias!
@anell0784
@anell0784 4 жыл бұрын
Excelente!! gracias por la explicación
@angelgabrielgarciarangel133
@angelgabrielgarciarangel133 3 жыл бұрын
Muchas gracias. Me queda más claro el uso de estos pseudo-elementos que maneja el lenguaje. También me pareció un ejemplo muy práctico.
@malvaloca
@malvaloca 3 жыл бұрын
Muy buen video loco, me despejaste unas cuantas dudas yo que recién estoy empezando con esto del desarrollo web. Gracias, seguí así!
@elgatodiego
@elgatodiego 4 жыл бұрын
Excente ... muy bueno. Me gustaria tambien el video de pseudo clases. GRACIAS
@scrow23
@scrow23 4 жыл бұрын
Hola Carlos, primero que nada me gustaría felicitarte por la labor que realizas al enseñar diferentes temas acerca de desarrollo web en KZbin y udemy, cómo segundo punto quisiera dejarte una observación, tengo algunos de tus cursos en udemy los cuales estaría padre que actualizaras con nuevos proyectos, por ejemplo el de php es bueno pero a mí parecer siento que falta una sección que hable sobre MVC, he visto que algunos de tus alumnos tienen dudas sobre cómo implementar este patrón en sus proyectos incluyendome. Saludos y nuevamente gracias por enseñar diseño y desarrollo web.
@santiago2950
@santiago2950 4 жыл бұрын
El mejor puto canal de youtube.
@grewosoft
@grewosoft 4 жыл бұрын
Desconocía la manera de posicionarlo con esa función de css. Espero el siguiente video y más de este tipo de tips.
@jimmymontenegro8517
@jimmymontenegro8517 2 жыл бұрын
Me quedo clarísimo, gracias.
@programacion_para_todos
@programacion_para_todos 3 жыл бұрын
como siempre genial video!
@garyremache938
@garyremache938 2 жыл бұрын
Gracias por el video, al fin pude comprender mejor como usar after y before :#
@luisenriqueortizcastillo2941
@luisenriqueortizcastillo2941 4 жыл бұрын
Muy buen video. Solo tengo una duda, en el caso de las pseudoclases de los inputs, en especial :active; como puedo saber el motivo por el cual no me aplica los estilos cuando concateno dicha pseudoclase con un selector adyacente. Ejemplo: input:valid + .label { //estilos.....} esto no me lo aplica. Pero si quito el selector adyacente si que me aplica los estilos especificados pero solo al input
@fullpeliculafhdhdsd9242
@fullpeliculafhdhdsd9242 4 жыл бұрын
Muy buena explicación, como siempre seguir así se aprende mucho contigo. Te da a entender de una vez. Sólo hay que poner atención.
@luzmaria9244
@luzmaria9244 3 жыл бұрын
muchas gracias, muy claro, muy util
@_myenglishbro
@_myenglishbro 2 жыл бұрын
Excelente clase!
@totallymad100
@totallymad100 4 жыл бұрын
Excelente video bro, llevaba rato usando los pseudoelementos before y after y para ser sincero no los entendia del todo, pero con tu explicacion me quedo bastante claro
@Luis-MFG
@Luis-MFG 3 жыл бұрын
Quiero aprender HTML y CSS desde 0 hasta nivel avanzado. Tienes algún curso completo de eso? Eres un crack explicando. Muy buenos videos.
@yecksin
@yecksin 4 жыл бұрын
Ufff ahora si entendí !!!, muchas gracias !!!
@kuveeeb
@kuveeeb 4 жыл бұрын
Nunca dejo de aprender con tus videos
@FalconMasters
@FalconMasters 4 жыл бұрын
Es un gusto escuchar eso
@kuveeeb
@kuveeeb 4 жыл бұрын
@@FalconMasters ✨
@martinleo4818
@martinleo4818 4 жыл бұрын
Excelente, y muy bien explicado
@wildermosqueratulcan8027
@wildermosqueratulcan8027 4 жыл бұрын
Falconmasters quiero ver tu curso en undemy y ahí explica todo estos temas muchas gracias
@pvallejos
@pvallejos 4 жыл бұрын
Buen día: Carlos Arturo. Gracias por los tutoriales, quisiera saber si tenes pensado subir alguno acerca de emails responsive que se vean correctamente en Outlook. Saludos.
@sebatecning5207
@sebatecning5207 4 жыл бұрын
Excelente vídeo, muy profesional, y claro, sería muy útil y de gran ayuda que hagas un vídeo con las pseudoclases
@AlejandroLopez-tb4un
@AlejandroLopez-tb4un 4 жыл бұрын
Hola Carlos. Excelente video como siempre. Hace poco descubrí la propiedad 'snap' para hacer scroll ajustado a la pantalla, pero no me queda muy claro. Sería genial que explicaras ese tema.
@rubenarielperezgonzalez
@rubenarielperezgonzalez 4 жыл бұрын
Me encantó este tema 👏
@Camux8
@Camux8 4 жыл бұрын
Saludos, excelente explicación. También podría crear el triangulo haciendo un cuadrado del mismo color del fondo y rotándolo con la función: transform: rotate(45deg); y luego centrándolo. (es teoría, ahora voy a probar)
@danielmaldonado5954
@danielmaldonado5954 4 жыл бұрын
Muy buen video, gracias. Es responsive ?
@zafena1199
@zafena1199 4 жыл бұрын
muy interesante la de selection, andaba buscando cómo se podía cambiar el color de fondo del texto seleccionado y me lo aclaraste, muchas gracias Carlos Arturo, saludos desde España
@anthonysilvasalazar
@anthonysilvasalazar 3 жыл бұрын
El perfil es del folleto Exige!!!!
@zafena1199
@zafena1199 3 жыл бұрын
@@anthonysilvasalazar correcto (es que me parezco a el )
@anthonysilvasalazar
@anthonysilvasalazar 3 жыл бұрын
😂😂😂. Muchos Saludos. 👍👍
@cristianm.t6957
@cristianm.t6957 4 жыл бұрын
Hola. Increible video. Estoy aprendiendo css y se me hace muy interesante. Me gustaria que hablaras de como hacer animaciones que afecten a 2 o mas elementos. Por ejemplo que cuando afecte 1 elemento con hover este desencadene una animacion en mi primer elemento y el segundo sin necesidad de clases para poder hacer que ambos hagan cosas distintas pero iniciadas por el 1 mismo elmento. Perdon si no me supe explicar
@user87546
@user87546 Жыл бұрын
Muy buena explicación! No sería mejor usar un div y darle esa forma en lugar de ::after? No termino de entender la razón de existencia de estos pseudo-elementos
@sierracebrian
@sierracebrian 4 жыл бұрын
gracias por compartir tu know how
@DuzZeus
@DuzZeus 4 жыл бұрын
Super facil de comprender, el que si necesito repasar es el de pseudo clases,¿Vas a hacer un video hacerca de ello?
@AtrapadosEnElCodigo
@AtrapadosEnElCodigo 4 жыл бұрын
Excelente contenido FalconMasters..!!! 😀👍
@soiiagus11
@soiiagus11 4 жыл бұрын
Gracias falcon, GRACIAS
@moisanchez
@moisanchez 3 жыл бұрын
Crack! súper bien explicado
@damianm2436
@damianm2436 2 жыл бұрын
Muy bueno, gracias👍
@codegenial_dev
@codegenial_dev 4 жыл бұрын
Si, muchas gracias Bro...muy útil, ahora ya entendí perfectamente las funciones de position: relative vs absolut, pese a que el tema fue del psudoelemento.
@MauroGonzalez1307
@MauroGonzalez1307 3 жыл бұрын
Me paso lo mismo jeje
@grey3615
@grey3615 4 жыл бұрын
Muy interesante y como siempre bien explicado c:
@Destinymusic506
@Destinymusic506 4 жыл бұрын
Excelente video.
@dulcede
@dulcede Жыл бұрын
CANALAZO! UN GENIO!
@hakubishamon5614
@hakubishamon5614 4 жыл бұрын
Hola Carlos como estas ? espero que bn, una duda por que no usas firefox develop, o es solo por este video
@fergolive
@fergolive 2 жыл бұрын
Muy bueno. gracias
@eder_
@eder_ 4 жыл бұрын
Muy util! Muchas gracias!
@sergiofilothvaliente9366
@sergiofilothvaliente9366 4 жыл бұрын
Por favor haz un video del plugin Swiper
@julian_pp
@julian_pp 4 жыл бұрын
Muy buena la explicación, muchas gracias 😉
@wilmercuevas6491
@wilmercuevas6491 4 жыл бұрын
que hariamos sin ti crack? gracias!
@JonGCode
@JonGCode 4 жыл бұрын
Sos una maravilla
@since7327
@since7327 4 жыл бұрын
Muchas gracias
@victorm.ottatig.4706
@victorm.ottatig.4706 4 жыл бұрын
Gracias por el tutorial, por favor publica el de Pseudoclases
@FalconMasters
@FalconMasters 4 жыл бұрын
Lo voy a tener en cuenta para prepararlo para la siguiente semana.
@YeahPerdonen77
@YeahPerdonen77 Жыл бұрын
wtf yo pensé que sabia usar css y acabo de descubrir que se pueden crear variables jajajajaja, buen video descubrí muchas cosas.
@lilexxx9227
@lilexxx9227 4 жыл бұрын
te mereces un puesto de profesor en la mejor universidad de tu país
@cristiansuarez4407
@cristiansuarez4407 4 жыл бұрын
Hola falcon muchas gracias tus videos me han servido mucho, aunque quisiera saber algo por ejemplo todos los datos que se llenan en un formulario que se guarden en alguna hoja de excel o se envíen por correo Esa es la gran duda que tengo
@pierrojas7688
@pierrojas7688 4 жыл бұрын
Hola Carlos mucho gusto! , disculpa como puedo hacer 100 saltos de linea ? hay una formula creo con el asterisco * , pero no la encuentro por nungun lado :( , de antemano muchas gracias !
@ezequielcm1273
@ezequielcm1273 4 жыл бұрын
bien explicado crack
@fedema7
@fedema7 4 жыл бұрын
Video de los Pseudoelementos o moriré !!
@bluefutbol1515
@bluefutbol1515 4 жыл бұрын
puedes hacer uno explicando las transformaciones :D seria genial
@JottaArtZOficial
@JottaArtZOficial 4 жыл бұрын
Muy bien explicado, me resolviste algunas dudas sobre eso :)
@kevinleonelespinozapoma4976
@kevinleonelespinozapoma4976 3 жыл бұрын
Me ayudó muchísimo gracias eres un crack, cómo haríamos para poner sombras con el diálogo incluyendo a la flecha un box-shadow
@sierracebrian
@sierracebrian 4 жыл бұрын
Tendras algo de como configurar intellisense en VS Code para jquery? no encuentro un addon completo, tampoco para vbs
@shepharddeveloper5823
@shepharddeveloper5823 2 жыл бұрын
Es hermoso :3 creo que nunca vi lo de calc(50% - 20px);
@resario89
@resario89 2 жыл бұрын
Gracias !
@Jorge-tb9fq
@Jorge-tb9fq 4 жыл бұрын
Me gusta mucho los colores del visual studio que tema estas usando?
@FalconMasters
@FalconMasters 4 жыл бұрын
Ayu Mirage
@armandotsx
@armandotsx 4 жыл бұрын
Qué equipo usas para codear? Ando en búsqueda de uno nuevo pero me siento un poco perdido. Si ya hiciste un video mostrando lo que pregunto, lo siento, apenas voy descubriendo tu canal. Gracias de antemano!
@ignacioromerotorres4041
@ignacioromerotorres4041 4 жыл бұрын
Visual Studio Code, es el más recomendado para codear ya que admite una gran variedad de lenguajes e informa cualquier incidencia.
@francismartinez2325
@francismartinez2325 4 жыл бұрын
Me encanta tu voz, gracias por compartir tus conocimientos, acabo de empezar una carrera de programacion y estoy muy asustada..
@FalconMasters
@FalconMasters 4 жыл бұрын
Gracias! No tengas miedo, al inicio va haber muchas cosas que no entiendas, pero empieza paso por paso y siempre investigando. Estoy seguro de que te ira muy bien.
@missanddiie
@missanddiie 4 жыл бұрын
No tengas miedo, tengo 5 años de experiencia en esto y mas o menos el 60% de mis conocimientos ha sido gracias a Carlos. Siguelo !!, es un gran mentor.
@jessicabermeo5843
@jessicabermeo5843 4 жыл бұрын
No eres la unica, jsjsjsj tambien me encanta su voz.
@ManuelVazquez
@ManuelVazquez 4 жыл бұрын
Pseudo elementos... en tu curso de CSS? Es el de Front-end? Porque yo no vi esos de :before y :afuera, solo las pseudo clases como las que mencionas (hover). Podrías decirme cual curso es?
@luis96xd
@luis96xd 4 жыл бұрын
Que buen video, muy bien explicado 😄😄
@aplumaytinta
@aplumaytinta 4 жыл бұрын
Muy buen video
@tonystete3988
@tonystete3988 3 жыл бұрын
Gracias bro :)
@matias25pinto
@matias25pinto 4 жыл бұрын
Excelente, gracias a este tutorial se me ocurrio que puedo usar seudoElementos para crear subrayados animados
@nwn5115
@nwn5115 2 жыл бұрын
Hola, tengo una duda, es que en mi hoja no me reconoce "height:" y "width:", me marca error por los dos puntos (:), y no sé cómo solucionarlo :c
@marcosvidal666
@marcosvidal666 4 жыл бұрын
Te escribi en facebook una duda, agradezco la respuesta
@zainspierrot7075
@zainspierrot7075 3 жыл бұрын
Excelente vídeo bro, justo tenia esa duda sobre after y before, pero tengo una duda existencial xd, me gusta el desarrollo web tanto front como back pero ahora viendo un poco mas a fondo lo del front me pregunto si es necesario ser diseñador gráfico, me da la impresión de que es un si o si pero no estoy seguro, agradeceria una respuesta
@luisp0160
@luisp0160 2 жыл бұрын
En la mayoría de trabajos te dan los diseños hechos y hasta los colores que tendrá la página en cada elemento, tú cómo desarrollador front solo harás la función de pasar ese diseño que te pasan a código y plasmarlo en la pantalla.
@distopiko
@distopiko 2 жыл бұрын
Para eso están los desarrolladores UX & UI
@mirco_martin
@mirco_martin 4 жыл бұрын
Brother! deberias hacer un video sobre la libreria wow.js y animate! es genial no requiere de jquery, y es muy util para el diseño moderno tu lo explicarias de forma excelente.
@MarioTorreblanca1
@MarioTorreblanca1 4 жыл бұрын
Muy buena explicación :D
@FalconMasters
@FalconMasters 4 жыл бұрын
Gracias!
@matiashau5985
@matiashau5985 4 жыл бұрын
Muy bien, capo. Harías un curso de jQuery ?
@felipecruz3336
@felipecruz3336 4 жыл бұрын
Hola Carlos (Falcon) quiero hacer 3 cursos de udemy tuyos pero quisiera saber si me puedes dar un descuento o algo asi, Te lo ruego por esta cuarentena esta dificil la situacion sin trabajo, espero una respuesta
@axelneave2292
@axelneave2292 4 жыл бұрын
gracias bro :,D
@newentu
@newentu 2 жыл бұрын
excelente
@cristiansuarez4407
@cristiansuarez4407 4 жыл бұрын
Y también sería algo chevere que trabajarás más seguido en visual ya que creo que es bueno
@dany78963
@dany78963 4 жыл бұрын
4:58 que diferencia hay entre img y svg?
@FalconMasters
@FalconMasters 4 жыл бұрын
El SVG es código por lo que carga mucho mas rápido y le quita peso a la pagina web.
@yisle2802
@yisle2802 4 жыл бұрын
Hola falcon, qué editar de texto usas?
@henrycontal
@henrycontal 4 жыл бұрын
VSCODE
@missanddiie
@missanddiie 4 жыл бұрын
Genial Muchas Gracias
@missanddiie
@missanddiie 4 жыл бұрын
Si Carlos, haz el vídeo de los Pseudo::elementos, por favor. Gracias.
@Seguz
@Seguz 4 жыл бұрын
Me encabto pero necesito un curso de programacion von HTML CSS Y JavaScript ¿tu tienes uno?
@joseherrada7180
@joseherrada7180 4 жыл бұрын
Si, el tiene cursos de html5, css3 y javascript
@Seguz
@Seguz 4 жыл бұрын
@@joseherrada7180 tu me puedes pasar el link
@programacionprogramacion7051
@programacionprogramacion7051 2 жыл бұрын
A mi no me anda😭selecciono el elemento de html y cuando pongo :: No me salta nada
@vaniaelizabethcardenasandrade
@vaniaelizabethcardenasandrade 4 жыл бұрын
Me gustaria aprender seudo clases
@mckutinha7603
@mckutinha7603 4 жыл бұрын
Falconmaster estaría muy bueno un Discord donde respondan dudas y no ayudemos unos a otrod
@gabriellugo9933
@gabriellugo9933 4 жыл бұрын
no se porque no puedo abrriel el elemento html en mi editor
@lucianosazo2646
@lucianosazo2646 3 жыл бұрын
Falcon: pues como se hace? pues muy sencillo... yo: si si cerebrito, mas despacio cerebrito, mas despacio... XD
Que rayos son las unidades EM, REM y como se utilizan | Tutorial CSS
18:57
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 61 МЛН
Cheerleader Transformation That Left Everyone Speechless! #shorts
00:27
Fabiosa Best Lifehacks
Рет қаралды 16 МЛН
Don’t Choose The Wrong Box 😱
00:41
Topper Guild
Рет қаралды 61 МЛН
CSS Subgrid - El truco de CSS GRID que seguramente no conocías!
24:16
Position Relative y Absolute en CSS [Trucos Prácticos]
13:56
AlexCG Design
Рет қаралды 5 М.
Que rayos son las variables en CSS y como se utilizan.
11:22
FalconMasters
Рет қаралды 66 М.
Trucos CSS (25) - Pseudo elementos before y after
16:39
EDteam
Рет қаралды 58 М.
Que rayos es la Metodología BEM explicado con un ejemplo | CSS
35:16
FalconMasters
Рет қаралды 108 М.
CSS Grid vs Flexbox - Cuando usar uno u otro.
22:09
FalconMasters
Рет қаралды 370 М.
Curso de CSS AVANZADO 🔥 transiciones
22:26
yacklyon
Рет қаралды 14 М.
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 61 МЛН