Aprende a crear tu propio Framework de CSS estilo Bootstrap | Responsive

Поделиться
HTML-код
  • Опубликовано: 27 окт 2024

Комментарии • 205

  • @FalconMasters
    @FalconMasters  3 года назад +37

    Si te gusto el video dale manita arriba! 👍
    No olvides suscribirte para mas tutoriales de desarrollo web.

    • @JuniorOnLive
      @JuniorOnLive 3 года назад

      Llegue hasta el Final, te quisiera perguntar.
      ¿Sabes publicar ese framework para que otros lo utilicen, asi como boostrap?.
      Y si sabes!
      ¿Puedes sacar un video de como hacerlo?.
      Gracias. Eres el mejor, Saludos desde Venezuela.

  • @sergiogalindez3738
    @sergiogalindez3738 3 года назад +59

    Gracias por enseñarme css a mis 59 años, explicas muy sencillo y gracias por darnos el codigo. Mis respetos, Sergio. desde Argentina.

  • @mademiller5996
    @mademiller5996 3 года назад +23

    Siempre me ha gustado tus vídeos, son perfectos! Acabé mi grado técnico con mucha base gracias a ti

    • @FalconMasters
      @FalconMasters  3 года назад +3

      Eso es genial!
      Muchas gracias por ver mis videos, me alegra mucho que te sean de ayuda.

  • @malowzin
    @malowzin 3 года назад +4

    Deberia de haber una segunda parte de este video, gran contenido.
    Estaria bien para complementar, un video de web components para ir creciendo este framework.

  • @wadorcrack5528
    @wadorcrack5528 3 года назад +5

    Buenas, excelente video lo vi asta el final, siempre e querido hacer mi propio Framework de CSS y con este tutorial ya se como empezar. Gracias por tu excelente trabajo

  • @seryestarvlog
    @seryestarvlog 2 года назад +2

    Muchas gracias, me tomo 6 horas construir el framework. Eres un gran maestro 🙌

  • @cjcv40
    @cjcv40 3 года назад

    Hola a todos, yo desarrollo sistemas en webs con html, css, javascript, sweetalert, php y mysql, mis clientes le gusta mis sistemas, con este framework propio me sirve para mis sistemas, tengo 30 años con programación, saludos, Carlo Julio desde Venezuela

  • @arlynsfuentes
    @arlynsfuentes 3 года назад

    Te felicito, tus video no cansan, tu tono de voz es adecuado y por mas largo que sea el video siempre quedan ganas de ver más. Excelente

  • @cristianrafaelbernalsuclup1993
    @cristianrafaelbernalsuclup1993 3 года назад +1

    Yo vi todo el video, muchas gracias por tus conocimientos

  • @david1970qdr
    @david1970qdr 3 года назад +1

    Terminado completo y funcionando!! Muchas gracias, crack.

  • @MrGasparilom
    @MrGasparilom 3 года назад +1

    Soy nuevo en esto y me ayudo a comprender mucho de CSS y de los frameworks para este. Muy bueno!!

  • @brandonpaniaguaarmendariz4243
    @brandonpaniaguaarmendariz4243 3 года назад +3

    Muy buen contenido!!! Una segunda parte con sliders y otros componentes, Genial explicado!!!

  • @rudyosorio6031
    @rudyosorio6031 3 года назад

    Super excelente. Yo tengo mi propio framework pero este está de lujo, es perfecto y en pocas lineas. Yo agregué contenedores ya con sus cajas o columnas por defecto a mis snippets y es genial trabajar asi. Hay personas que demandan paginas cien por ciento personalizadas y pues tener un frameowk base para que sea nada mas responsiva, es lo mejor, ya los demas estilos vienen y se aplican por la personalización de los que quiere un cliente. De antemano FM, muchos de tus videos me han servido en mis proyectos.

  • @deeavid
    @deeavid 3 года назад +1

    Genial, soy diseñador y me gusta experimentar con código para optimizar tiempo, recursos y controlar el diseño o style , esta es una excelente opción profesional... lo vi hasta el final, gracias!

    • @FalconMasters
      @FalconMasters  3 года назад

      Muchas gracias por ver mi video hasta el final, me alegra que te haya gustado. Saludos !

  • @matiasdamianlopez
    @matiasdamianlopez 3 года назад

    Es imponsible no ver tus videos hasta el final. Siempre le recomiendo tu canal a todos mis alumnos y alumnas. Gran aporte como siempre. Saludos desde Argentina

    • @FalconMasters
      @FalconMasters  3 года назад

      Eso es genial Matias! Muchas gracias por ver mis videos y recomendarlos con tus estudiantes. Te mando un gran saludo a ti y a ellos!

  • @miguelvasquez9849
    @miguelvasquez9849 3 года назад +1

    Que pedazo de video. Muchas gracias

  • @oscarleonapp
    @oscarleonapp Год назад

    Excelente, llevo dos años en programación web y me gustaban muchos de los componentes que creaba para mis clientes, por lo que hoy me decidí a crear mi propio framework y poder escalar mi negocio :)
    Muchas gracias Falcon

  • @Just151069
    @Just151069 3 года назад +1

    Completado hasta el final. Muchas gracias por el tutorial, como siempre muy bien explicado.

    • @FalconMasters
      @FalconMasters  3 года назад +1

      Muchas gracias por ver todo mi video! Espero que hayas aprendido mucho.
      Te mando un gran saludo!

  • @YstmioGaona0505
    @YstmioGaona0505 3 года назад +1

    Hasta el final. Gracias por el vídeo

    • @FalconMasters
      @FalconMasters  3 года назад

      Muchas gracias por ver todo mi video!
      Espero que hayas aprendido mucho.
      Te mando un gran saludo.

  • @alfredosanchez6355
    @alfredosanchez6355 3 года назад

    Si gracias, vie el video hasta el final. Me produjo mucha alegría entender el tema con claridad y motivarme a construir paginas web.

    • @FalconMasters
      @FalconMasters  3 года назад

      Eso es fantastico Alfredo!
      Muchas gracias por ver todo el video. Te mando un gran saludo.

  • @gustavomred1984
    @gustavomred1984 3 года назад +4

    Muy bueno este vídeo, solo faltaría agregar estilos o clases para imágenes y estaría super completo. Empezaré mi framework con este tutorial de referencia.

  • @lucho_dev
    @lucho_dev 3 года назад

    Ví tu curso de php en la casa de un amigo y la verdad es que me lo voy a comprar porque esa certificación y la manera que Tenes de explicar lo vale!

  • @fabianrod306
    @fabianrod306 3 года назад +1

    Excelente todo el video. Muchas gracias por compartir tus conocimientos

  • @HectorFerrada
    @HectorFerrada 3 года назад +4

    Hola!! Me parece perfecto lo que aquí muestras y me pregunto si habrá una segunda parte acerca de otros componentes.

  • @RoberthSandoval
    @RoberthSandoval 2 года назад

    Tutorial finalizado. Excelente contenido @FalconMasters...¡Muchas gracias! 😀

  • @grey3615
    @grey3615 3 года назад +5

    ¡¡¡ Que buen vídeo !!! Como siempre muy bien explicado todo y siempre trayendo temas interesantes y bastante innovadores al canal, eres y siempre serás mi youtuber favorito, tu trabajo es excepcional, enseñas mejor que cualquier otros youtubers, eres un grande !! sigue así c:

    • @FalconMasters
      @FalconMasters  3 года назад

      Muchas gracias por este comentario. Estas palabras me motivan mucho a seguir haciendo contenido.
      Gracias y un saludo.

  • @miguelmondragon1366
    @miguelmondragon1366 3 года назад +2

    Que maravilla ahorrar tiempo y ya no estar repitiendo codigo 😉 gracias falcon

  • @jorgealexander_it
    @jorgealexander_it 3 года назад +2

    Como siempre enseñándonos y además creando una estructura personalizada. Está genial, gracias por el vídeo Carlos. :)

  • @encarnegin
    @encarnegin 3 года назад +1

    Brutal este tutorial. Super claro y he aprendido un montón. No te conocía. Te sigo a partir de ahora.

  • @elbertjosesalasbrochero6318
    @elbertjosesalasbrochero6318 3 года назад +3

    Excelente es una manera de ir creando tus estilos propios para todos los proyectos, así te despreocupas estar aprendiendo frameworks diferentes

  • @balvirhome6876
    @balvirhome6876 3 года назад

    La verdad bastante completo. Justo quería saber cómo era el sistema de grillas en los frameworks para hacer uno más minimizado y me salvaste con esto, ahora tengo todo más claro.

    • @FalconMasters
      @FalconMasters  3 года назад

      Me alegra que te haya servido este video!

  • @arturobaez6505
    @arturobaez6505 3 года назад +1

    Muchas gracias, saludos desde GDL, México

  • @eduardochx_
    @eduardochx_ 3 года назад +1

    Esta buenísimo el tutorial!! Siempre tuve la inquietud de hacer un sistema de columnas pero sin usar bootstrap, pero nunca supe bien como... Saludos!

  • @aldolarrondo132
    @aldolarrondo132 3 года назад +1

    Muy bueno el contenido y la explicacion del desarrollo, muchas gracias

  • @luiszelarrayan1529
    @luiszelarrayan1529 3 года назад +1

    Felicitaciones, me aclaraste un monton de dudas que tenia hasta este momento. Saludos-

  • @davidm.8835
    @davidm.8835 3 года назад +1

    Me ha gustado este tuto! Bootstrap está muy bien, pero por un lado te consume recursos q tal vez no vayas a utilizar en aplicaciones pequeñas y por otro lado te impone estilos q al final hay q sobre escribir en con un archivo propio. Gracias cómo siempre muy buen explicado.

  • @paulocornejo8203
    @paulocornejo8203 3 года назад +1

    Muy buen video, muy explicativo, voy a practicar lo aprendido. Muchas gracias profesor.

  • @mauriciorojas5285
    @mauriciorojas5285 3 года назад +1

    Cuando veo estos videos ma va dando una emoción... 🌞

  • @juliomendez1461
    @juliomendez1461 3 года назад +1

    Magnífico video. Haces fácil que lleguemos al final. Muchas gracias Falcon Master.

  • @SanNicholas
    @SanNicholas 3 года назад

    Lo vi por partes, pero me encantó el vídeo, en verdad, me servirá mucho para futuros proyectos. Gracias

  • @BoyGamer22
    @BoyGamer22 3 года назад +1

    Gracias por la idea bro, eres grande Falcón!

  • @juangramajo_dev
    @juangramajo_dev 3 года назад +1

    Genial como siempre!!!👌🏻

  • @josemanuelherrero6495
    @josemanuelherrero6495 3 года назад +1

    ¡Excelente framework! 👍 Seguí así FalconMasters

  • @EnBuenChileno24
    @EnBuenChileno24 3 года назад

    Este video vale oro. Muchas gracias!! Like y en realidad soy tu suscriptor hace años. Mucho éxito desde Chile!!

  • @patricioaraya8562
    @patricioaraya8562 Месяц назад

    Excelente explicación del tema. Felicitaciones.

  • @williamrodriguez1087
    @williamrodriguez1087 3 года назад +2

    Gracias por compartir tus conocimientos
    Los valoro enormemente
    Saludos desde Colombia

  • @isaacaranda7718
    @isaacaranda7718 2 года назад +1

    Podrias hacer una continuacion de esto!! Esta genial!! Abordar las tabla u otros elementos!! Gracias master!!

  • @1969kadu
    @1969kadu 3 года назад +2

    Cara adoro seus tutoriais, são muito bem explicado e bem complexo, parabéns e muito obrigado.

  • @angiegarcia3925
    @angiegarcia3925 3 года назад +1

    Gracias eres o pro 😉me han ayudado mucho tus vídeos, saludos desde España!!

  • @francorega
    @francorega 3 года назад +1

    Excelente trabajo! Muchísimas gracias por brindar tus conocimientos.

  • @pabloleon5686
    @pabloleon5686 Год назад

    Bien bueno, lo había empezado hace un tiempo y hoy lo terminé, copiando algunas cositas de boostrap ajajaja, un gran tutorial, gracias.

  •  3 года назад

    Wow! Solo con un profesor de tu talla, Carlos. Puedes irte a dormir a la 2 de la madrugada siguiendo tus vídeos para luego realizarlos, jejeje. ¡Tus tutoriales y videos son lo máximo!
    Si no es mucho pedir, sería bueno que sigas agrandando este frameworks con diferentes detalles que le vayas aplicando. Es decir, realizar en distintas partes.
    Hasta el final y con ganas de más.
    Muchas gracias de corazón nos ayudas muchísimo.
    Bendiciones.

    • @FalconMasters
      @FalconMasters  3 года назад +1

      Muchas gracias Janiel!
      Es una idea muy interesante, voy a ponerla en mi lista de videos, pero no te prometo nada, ya tengo otros videos planeados y no me da el tiempo para hacer todos.

    •  3 года назад

      @@FalconMasters Descuida. Me parece bien ya. Pero si estas a tope. Sigue tu guión. Campeón.

  • @jorgebarrero
    @jorgebarrero 3 года назад +1

    Muchas gracias, muy buen video

  • @maximinolopez1998
    @maximinolopez1998 2 года назад

    que crack, muchas ideas comienzan a surgir por mi cabeza.

  • @julioalbertogarciaaguilar1980
    @julioalbertogarciaaguilar1980 2 года назад

    Falcon te felicito la forma en que explicas me permitio comprender css.

    • @FalconMasters
      @FalconMasters  2 года назад

      Muchas gracias Julio, me da mucho gusto que te sean de ayuda mis videos.

  • @nailsjossy7874
    @nailsjossy7874 3 года назад +1

    Excelente video lo que andaba buscando, muchas gracias Carlos

  • @octavioalvarez7852
    @octavioalvarez7852 3 года назад +1

    Excelente trabajo, muy buen video, ahora procedo a trabajarlo con Sass. Gracias por compartir tu sabiduría .

  • @lujot
    @lujot 3 года назад +1

    Interesante, gracias por la genial explicación.

  • @pastorcastillo970
    @pastorcastillo970 3 года назад

    Video de oro... Saludos felicidades desde Venezuela 🇻🇪

  • @RicardoKotik
    @RicardoKotik 3 года назад +2

    Buenos días @FalconMasters. He subido tu código a Github con un cambio, lo pase a SASS. Te dejo la inquietud para que hagas una versión y un video para tu canal. Creo que ayudaría a mucha gente. Saludos desde Buenos Aires, Argentina.

    • @MikyDev
      @MikyDev 3 года назад +1

      Puedes compartir?

  • @srpablo8917
    @srpablo8917 3 года назад

    muchas gracias Falcon me ayudaste mucho en mi proyecto

  • @espukiberdy
    @espukiberdy 8 месяцев назад +1

    muchas gracias master

  • @igor.miranda
    @igor.miranda 3 года назад +1

    Como siempre un video de excelencia. GRACIAS.!

  • @chronosg6696
    @chronosg6696 3 года назад

    Muchas gracias bro llegue hasta el final que bien explicado!!!! comenzare a mejorarlo aun mas gracias!

    • @FalconMasters
      @FalconMasters  3 года назад

      Gracias, espero que hayas aprendido mucho!

  • @gonzalobenedetti8561
    @gonzalobenedetti8561 Год назад

    Excelente la explicacion!! muchas gracias

  • @cristiansalinas7133
    @cristiansalinas7133 3 года назад +2

    Un buen vídeo amigo felicitaciones!!

  • @raulgarcia8746
    @raulgarcia8746 3 года назад

    Me encanto el video... estoy con ganas de crear y agregarle varias cosas a mi framework.. excelente video

  • @velezfarak
    @velezfarak 3 года назад

    Gracias me aclaro muchas dudas genial video

  • @pablo-nebreda
    @pablo-nebreda 3 года назад

    Fantástico video. mil gracias!

  • @moralito23
    @moralito23 3 года назад +1

    Excelente video, gracias.

  • @creacionesbrunila
    @creacionesbrunila 3 года назад

    explicas muy bien ,no sabia como funciona Bootstrap.gracias

  • @LeonelArtLab
    @LeonelArtLab 3 года назад

    Lo vi hasta el final. Excelente video. 👍

    • @FalconMasters
      @FalconMasters  3 года назад

      Muchas gracias! Espero que hayas aprendido mucho

  • @LenRM
    @LenRM 3 года назад +1

    El mejor como siempre 💘

  • @pedroroblesarias3097
    @pedroroblesarias3097 2 года назад

    Interesante video, me ahorrará el tiempo para proyectos futuros y la función del grid lo ocupo para un proyecto, gracias

  • @RicardoKotik
    @RicardoKotik 3 года назад +1

    Excelente explicación, como siempre

  • @davidleonorizquierdo
    @davidleonorizquierdo 3 года назад +1

    El vídeo me ha encantado, eres muy bueno explicando, me suscribo a tu canal 😁

  • @jomarjaramillo5931
    @jomarjaramillo5931 3 года назад +1

    excelente como siempre 👍

  • @tekunramirez
    @tekunramirez 3 года назад

    llegue hasta el final, hey muchas gracias por compartir tus conocimientos

    • @FalconMasters
      @FalconMasters  3 года назад

      Muchas gracias, espero que hayas aprendido mucho!

  • @francnavarro44
    @francnavarro44 3 года назад +4

    No se porque siempre que necesito aprender algo, me sale un vídeo tuyo.

  • @albertosaucedo3594
    @albertosaucedo3594 3 года назад

    Gracias por el aporte. El único problema que tuve fue con el import del tipo de letra, no me lo aceptaba hasta que lo puse el inicio

  • @jorgefuentes3526
    @jorgefuentes3526 3 года назад +1

    Qué gran video!

  • @DbCode07
    @DbCode07 10 месяцев назад +1

    Hola que tal! Como puedo subir mi framework a la web, para poder usarlo en cualquier proyecto?

  • @shepharddeveloper5823
    @shepharddeveloper5823 2 года назад +1

    Llegue hasta el final xD la verdad que este es un tutorial que estuve posponiendo, pero bueno lo que me encantaria seria tener mis propios iconos como bootstrap, pero tal vez de momento los use pero espero incorporarlos en el futuro :3

    • @FalconMasters
      @FalconMasters  2 года назад +1

      Espero que hayas aprendido mucho. Y si puedes usar tus iconos también.

    • @shepharddeveloper5823
      @shepharddeveloper5823 2 года назад

      @@FalconMasters Gracias bro

  • @antoniorandisi3009
    @antoniorandisi3009 3 года назад +1

    Excelente, como siempre

  • @cryptomix8809
    @cryptomix8809 3 года назад

    hola maestro! cuando haces el curso de "SVELTE" por favor! no veo la hora, gracias

  • @orojasmolina
    @orojasmolina 3 года назад +1

    Excelente

  • @lautaroriveiro
    @lautaroriveiro 2 года назад

    Muy bueno! Gracias!

  • @EugeniaChareun
    @EugeniaChareun 3 года назад +1

    Muchas gracias! Súper claras las explicaciones. Suscriptora nueva.
    Qué tema de vscode es ese? está muy lindo.

    • @FalconMasters
      @FalconMasters  3 года назад +1

      Muchas gracias a a ti por ver el video!
      El tema se llama Ayu con la variante mirage

    • @EugeniaChareun
      @EugeniaChareun 3 года назад

      @@FalconMasters Graciasssss

  • @CoDeToLsEr
    @CoDeToLsEr 3 года назад

    Excelente hasta el final

    • @FalconMasters
      @FalconMasters  3 года назад +1

      Muchas gracias, espero que hayas aprendido mucho.

  • @viewmaster988
    @viewmaster988 3 года назад +1

    Gracias por el video bien explicado.. Saludos desde Colombia.. Voy a mejorar tu código.. Y te lo voy a enviar a tu correo...

  • @romuloalves9349
    @romuloalves9349 3 года назад +1

    Ótimo vídeo parabéns 👏.

  • @ct4ng4n4
    @ct4ng4n4 2 года назад

    Genial! Muchas gracias!!!

    • @ct4ng4n4
      @ct4ng4n4 2 года назад

      Llegue al final bro, y eso que soy distraído. Pero ya lo hice, tengo el código, lo pasé a mano y perfecto, neta muchas gracias.

    • @FalconMasters
      @FalconMasters  2 года назад +1

      @@ct4ng4n4 Me alegra mucho, espero que aprendieras mucho.
      Saludos!

  • @RobertoGabrielLino
    @RobertoGabrielLino 3 года назад

    Excelente tutorial. Espero pueda tener una version sobre flexbox. Gracias

  • @NAYIEST
    @NAYIEST 2 года назад

    EXCELENTE VIDEO

  • @OscarGonzalez-se3vt
    @OscarGonzalez-se3vt 3 года назад

    👍 Está increíble, Trabajo con bootstrap y en un punto vi que podía generar mis propias clases reutilizables, este video era el impulso que necesitaba para iniciar estructuradamente.
    Tengo una pregunta, ¿recomendarías usar sass para automatizar el proceso?

    • @FalconMasters
      @FalconMasters  3 года назад +1

      Si! De hecho era algo que quería mencionar en el video y se me paso. Con SASS puedes organizar todo aun mejor, separando el código por archivos y usando otras herramientas. Asi que si, SASS va muy bien para crear un framework.
      De hecho Bootstrap lo usa, solamente que lo compilan en un solo archivo al final y es lo que suben para que todos lo usen.

    • @OscarGonzalez-se3vt
      @OscarGonzalez-se3vt 3 года назад

      @@FalconMasters Perfecto, muchas gracias. Ya con esta base tan bien hecha, a ponerme a crear componentes para el framework!!

    • @FalconMasters
      @FalconMasters  3 года назад

      @@OscarGonzalez-se3vt Suerte!

  • @danielcasaresrodriguez9824
    @danielcasaresrodriguez9824 3 года назад

    Muy bien video, se aprende mucho con tus vídeos.
    Una duda, como metes los comentarios?, lo tienes automatizado en visual studio Code?.
    Un saludo

    • @FalconMasters
      @FalconMasters  3 года назад +1

      Gracias!
      Los comentarios los tenia copiados y simplemente los iba pegando.

  • @embusteroso
    @embusteroso 3 года назад

    Eres un grande hermanito, y tus cursos de udemy son buenísimos.

    • @francnavarro44
      @francnavarro44 3 года назад

      Hola, qué enseña en Udemy que acá no?

    • @embusteroso
      @embusteroso 3 года назад

      @@francnavarro44 pues profundiza un poco más y lo hace aún más suave de digerir. Te recomiendo pruebes si tienes la oportunidad y algún interés específico.

    • @francnavarro44
      @francnavarro44 3 года назад

      @@embusteroso gracias por la información amigo.

  • @luiso4809
    @luiso4809 3 года назад

    muy bueno esté video 👍

  • @eliasortega8681
    @eliasortega8681 4 месяца назад

    porq cuando coloco normalize, como dicen en el video me aparece parte del código subrayado en amarrillo indicando q hay un problema, y el documento pasa a un color amarrillo en las letras

  • @aldanaperezjosesamuel6159
    @aldanaperezjosesamuel6159 3 года назад

    OJO que si ya sabes utilizar SASS puedes ahorrarte el tener que escribir las clases para cada número de columna y para cada mediaquery, lo que quieras prácticamente lo puedes automatizar utilizando lógica de programación.