Aprende a crear tu propio Framework de CSS estilo Bootstrap | Responsive
Вставка
- Опубліковано 21 жов 2024
- En este video vas aprender como crear tu propio framework de diseño web con CSS y que podrás reutilizar en tus sitios web para hacerlos responsive.
🚀 Blog de Diseño Web:
www.falconmaste...
⭐ Curso de Diseño Web desde Cero:
www.desarrollo...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrollo...
⭐ Curso de React y Firebase desde Cero:
www.desarrollo...
⭐ Curso de Bootstrap:
www.desarrollo...
⭐ Curso de Woocommerce:
www.desarrollo...
---
📄 Código del Proyecto: github.com/fal...
Cheatsheet de Bootstrap: getbootstrap.c...
Normalize CSS: necolas.github...
CSS Minifier: cssminifier.com/
Google Fonts: fonts.google.c...
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters
Si te gusto el video dale manita arriba! 👍
No olvides suscribirte para mas tutoriales de desarrollo web.
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.
Gracias por enseñarme css a mis 59 años, explicas muy sencillo y gracias por darnos el codigo. Mis respetos, Sergio. desde Argentina.
52. También agradecido
Muchas gracias, me tomo 6 horas construir el framework. Eres un gran maestro 🙌
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.
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
Siempre me ha gustado tus vídeos, son perfectos! Acabé mi grado técnico con mucha base gracias a ti
Eso es genial!
Muchas gracias por ver mis videos, me alegra mucho que te sean de ayuda.
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
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!
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
Muchas gracias!
Soy nuevo en esto y me ayudo a comprender mucho de CSS y de los frameworks para este. Muy bueno!!
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.
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
Me alegra que te sirviera mi video!
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.
Muy buen contenido!!! Una segunda parte con sliders y otros componentes, Genial explicado!!!
Completado hasta el final. Muchas gracias por el tutorial, como siempre muy bien explicado.
Muchas gracias por ver todo mi video! Espero que hayas aprendido mucho.
Te mando un gran saludo!
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!
Muchas gracias por ver mi video hasta el final, me alegra que te haya gustado. Saludos !
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
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!
Terminado completo y funcionando!! Muchas gracias, crack.
Yo vi todo el video, muchas gracias por tus conocimientos
Si gracias, vie el video hasta el final. Me produjo mucha alegría entender el tema con claridad y motivarme a construir paginas web.
Eso es fantastico Alfredo!
Muchas gracias por ver todo el video. Te mando un gran saludo.
Hola!! Me parece perfecto lo que aquí muestras y me pregunto si habrá una segunda parte acerca de otros componentes.
Brutal este tutorial. Super claro y he aprendido un montón. No te conocía. Te sigo a partir de ahora.
Muchas gracias!
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!
Que maravilla ahorrar tiempo y ya no estar repitiendo codigo 😉 gracias falcon
Tutorial finalizado. Excelente contenido @FalconMasters...¡Muchas gracias! 😀
¡¡¡ 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:
Muchas gracias por este comentario. Estas palabras me motivan mucho a seguir haciendo contenido.
Gracias y un saludo.
Hasta el final. Gracias por el vídeo
Muchas gracias por ver todo mi video!
Espero que hayas aprendido mucho.
Te mando un gran saludo.
Que pedazo de video. Muchas gracias
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.
Como siempre enseñándonos y además creando una estructura personalizada. Está genial, gracias por el vídeo Carlos. :)
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.
Me alegra que te haya servido este video!
Excelente todo el video. Muchas gracias por compartir tus conocimientos
Felicitaciones, me aclaraste un monton de dudas que tenia hasta este momento. Saludos-
Muy buen video, muy explicativo, voy a practicar lo aprendido. Muchas gracias profesor.
Muchas gracias, saludos desde GDL, México
Gracias!
Lo vi por partes, pero me encantó el vídeo, en verdad, me servirá mucho para futuros proyectos. Gracias
Me alegra que te haya gustado!
Magnífico video. Haces fácil que lleguemos al final. Muchas gracias Falcon Master.
Excelente es una manera de ir creando tus estilos propios para todos los proyectos, así te despreocupas estar aprendiendo frameworks diferentes
Cuando veo estos videos ma va dando una emoción... 🌞
Este video vale oro. Muchas gracias!! Like y en realidad soy tu suscriptor hace años. Mucho éxito desde Chile!!
Muchas gracias!
Se me había olvidado. Llegue al final. Saludos!!
Podrias hacer una continuacion de esto!! Esta genial!! Abordar las tabla u otros elementos!! Gracias master!!
Muy bueno el contenido y la explicacion del desarrollo, muchas gracias
Gracias por compartir tus conocimientos
Los valoro enormemente
Saludos desde Colombia
Muchas gracias!
Bien bueno, lo había empezado hace un tiempo y hoy lo terminé, copiando algunas cositas de boostrap ajajaja, un gran tutorial, gracias.
Gracias por la idea bro, eres grande Falcón!
Cara adoro seus tutoriais, são muito bem explicado e bem complexo, parabéns e muito obrigado.
Falcon te felicito la forma en que explicas me permitio comprender css.
Muchas gracias Julio, me da mucho gusto que te sean de ayuda mis videos.
¡Excelente framework! 👍 Seguí así FalconMasters
Gracias eres o pro 😉me han ayudado mucho tus vídeos, saludos desde España!!
Excelente trabajo! Muchísimas gracias por brindar tus conocimientos.
Muchas gracias!
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.
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.
@@FalconMasters Descuida. Me parece bien ya. Pero si estas a tope. Sigue tu guión. Campeón.
Excelente explicación del tema. Felicitaciones.
Muchas gracias, muy buen video
que crack, muchas ideas comienzan a surgir por mi cabeza.
Excelente trabajo, muy buen video, ahora procedo a trabajarlo con Sass. Gracias por compartir tu sabiduría .
Muchas gracias por ver mi video!
Excelente video lo que andaba buscando, muchas gracias Carlos
Video de oro... Saludos felicidades desde Venezuela 🇻🇪
Gracias!
Interesante, gracias por la genial explicación.
Genial como siempre!!!👌🏻
Como siempre un video de excelencia. GRACIAS.!
Gracias!
muchas gracias Falcon me ayudaste mucho en mi proyecto
Un buen vídeo amigo felicitaciones!!
Gracias !
Muchas gracias bro llegue hasta el final que bien explicado!!!! comenzare a mejorarlo aun mas gracias!
Gracias, espero que hayas aprendido mucho!
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.
Puedes compartir?
Me encanto el video... estoy con ganas de crear y agregarle varias cosas a mi framework.. excelente video
Lo vi hasta el final. Excelente video. 👍
Muchas gracias! Espero que hayas aprendido mucho
Interesante video, me ahorrará el tiempo para proyectos futuros y la función del grid lo ocupo para un proyecto, gracias
Excelente la explicacion!! muchas gracias
Gracias me aclaro muchas dudas genial video
explicas muy bien ,no sabia como funciona Bootstrap.gracias
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
Excelente explicación, como siempre
Gracias!
El vídeo me ha encantado, eres muy bueno explicando, me suscribo a tu canal 😁
Gracias!
Fantástico video. mil gracias!
No se porque siempre que necesito aprender algo, me sale un vídeo tuyo.
muchas gracias master
Excelente video, gracias.
llegue hasta el final, hey muchas gracias por compartir tus conocimientos
Muchas gracias, espero que hayas aprendido mucho!
Gracias por el video bien explicado.. Saludos desde Colombia.. Voy a mejorar tu código.. Y te lo voy a enviar a tu correo...
excelente como siempre 👍
El mejor como siempre 💘
Muchas gracias! Súper claras las explicaciones. Suscriptora nueva.
Qué tema de vscode es ese? está muy lindo.
Muchas gracias a a ti por ver el video!
El tema se llama Ayu con la variante mirage
@@FalconMasters Graciasssss
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
Espero que hayas aprendido mucho. Y si puedes usar tus iconos también.
@@FalconMasters Gracias bro
Hola que tal! Como puedo subir mi framework a la web, para poder usarlo en cualquier proyecto?
hola maestro! cuando haces el curso de "SVELTE" por favor! no veo la hora, gracias
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
Gracias!
Los comentarios los tenia copiados y simplemente los iba pegando.
Excelente tutorial. Espero pueda tener una version sobre flexbox. Gracias
Muy bueno! Gracias!
Qué gran video!
Excelente, como siempre
Gracias!
¿Se puede complementar el curso de framework con el curso de theme para wordpress?
Ótimo vídeo parabéns 👏.
Excelente hasta el final
Muchas gracias, espero que hayas aprendido mucho.
Eres un grande hermanito, y tus cursos de udemy son buenísimos.
Hola, qué enseña en Udemy que acá no?
@@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.
@@embusteroso gracias por la información amigo.
Para las variables hubieras utilizado Sass, Less o Stylus en mi humilde opinión 😉
👍 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?
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.
@@FalconMasters Perfecto, muchas gracias. Ya con esta base tan bien hecha, a ponerme a crear componentes para el framework!!
@@OscarGonzalez-se3vt Suerte!
Hola! se puede usar en otro archivo aparte de normalize?
muy buen video, como se llama el plugin de la paleta de colores que te sale en el css?
Excelente
Genial! Muchas gracias!!!
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.
@@ct4ng4n4 Me alegra mucho, espero que aprendieras mucho.
Saludos!