amigo buenas tardes! Sabes que he hosteado el sitio en github pages pero al ingresar al sitio no se muestran las imagenes, tienes idea de porque puede estar sucediendo esto? He cambiado a jpg e incluso svg y tampoco se muestran.
A muchos les pareciera aburrido aprender los fundamentos y quieren volar a hacer edte tipo de sitios web desde el principio, la verdad me alegra mucho haber comprado tu curso de diseño web desde 0 ya que todo lo qie mencionas aquí lo entendí perfectamente y pude incluso aprender como implementar css grid, ya que nunca lo había hecho. En verdad gracias, eres un verdadero maestro
No tienes ni idea cuanto nos ayudas con estos tutoriales! Eres un crack, por favor has más vídeos así mismo pero con páginas web que integren también javascript y un poco mas complejas
No te imaginas la cantidad de veces que insulte por la velocidad en la que nombras las clases y lo divs.. pero quiero decirte GRACIAS porque me sirve muchisimo para mejorar el tipeo del teclado y el codigo. Muy buenos cursos. Saludos!
Excelente video. La verdad que cada vez me apasiona más este mundo del diseño web, increíble lo que se puede hacer. Gracias por compartir tus conocimientos. Espero que pronto puedas subir el curso completo de CSS3. Saludos desde Venezuela.
Hola, muy bueno!! Estaría bueno que expliques más videos de efectos o cosas que quedan bien en las webs. Por ejemplo explicaste clip-path, el efecto skew, estaría bueno que expliques más efectos en menues, en cabeceras, o menues desde los costados. En resumen, mas animaciones/efectos que son geniales y quedan muy bien!
hola, solo queria dejar mi comentario, me encanto GRID la verdad es que no seguí el curso anterior , me anime a hacerlo directo y está bastante amigable entenderlo. Por otro lado me gustaria tambien comentar que al final en el footer por alguna razón que desconozco no me funciono juntar las clases footer-item para acomodar los iconos de las redes sociales, lo resolvi ocupando [class^="fab fa"] para darle el tamaño y el color . Para darle espacio ocupe [class^="footer-item"] solo de esa manera pude resolverlo. Alex te agradezco por tu tiempo y compartir estos temas con toda tu audiencia , disfruto mucho de tus videos.
muy bue video, quiza como recomendación: 1) en proximos videos mejor trabaja con unidades de medida relativas y no con px y 2) seria interesante un proyecto a´plicando la filosofia movil first. Gracias por tu aporte a la comudad de desarrollo web. Saludos
Fantástica forma de explicar detalladamente. Gracias por enseñar. Y hacerlo ¡tan bién! ¿realmente utilizas @media... en vez de explotar minmax() de grid?
Hola Álex te felicito por los cursos que has subido de verdad que adquiero bastante conocimiento con tan buena énfasis en la que explicas. Me gustaría por favor que hiciera en un vídeo de UA-cam el como hacer un contador de visitas funcional. Espero tu respuesta. GRACIAS !!!
muy buen video, bastante claros y especificos todos los conceptos! seria posible que compartieras el codigo utilizado para el diseño de la pagina? muchas gracias!!!
Alex muchas gracias por tus enseñanzas son de mucha ayuda podrías hacer un tutorial explicando como crear una página web pero paso a paso para entender cómo armar perfectamente una página en html y el por que de cada div eso es lo único que se me complica css comprendo mejor.:( sería de mucha ayuda
Manejo XD, pero esta web está basada en un diseño que encontré en Pinterest, un diseño sencillo pero que nos ayuda a comprender mejor CSS Grid y Flexbox
Yo tengo una duda, como hago si no tengo inter ahí una forma de hacer, que si no tengo internet busque las imagen de mi carpeta de imágenes de mi proyecto.
Alex excelente curso! Tengo un problema con el responsive design.. En mi caso he realizado todo identico al video pero al bajar de 800px la grid del header como que se mete debajo de la grid del section y la imagen empieza a cortarse, como metiendose debajo del grid del section.. Podrìas decirme porfa como puedo resolverlo? Excelente curso y muchas gracias!
Bueno lo pude resolver achicando un poco el max-width de img.. en mi caso a 800px le puse un max-width de 260px.. no se si sera la mejor solución pero si a alguien le pasa que sepa que así se puede solucionar jajaja
Hola Alexander, muchas gracias por tus videos, te hago una consulta, si trabajamos con una imagen .jpg podemos trabajarla de la misma manera que una .svg?
hola alex muy bien tutorial, mira te explico yo actualmente estoy en el proceso de mi titulación y para eso me piden realizar una pagina web ya casi la termino gracias a tus tutoriales pero estoy atorado porque necesito que a mi pagina le puedan llegar correos pero en todos los tutoriales que he visto no les entiendo muy bien vi uno de php pero me preguntaba si hay otra manera de enviar correos te agradeceria si pudieras hacer un tutorial de ello me apoyarías mucho a titularme gracias buen día
Por una parte es mejor ya que no hay que estar escribiendo mucho código y tan solo darle un estilo a una clase que esta en varios contenedores es mejor y el desorden ya seria de la persona si se confunde o no
Hola a todos! Tengo un problema, al momento de ir reduciendo el tamaño de la pantalla, todas las grillas se reducen en igual medida excepto la grid del footer que se va haciendo mas pequeña que el resto.. esto hace que en 250px el texto contactame quede cortado. Alguien tiene alguna solución que pueda ayudarme a resolver mi problema? Gracias!
Bro ayúdame con algo, porque a mi no me sale la opción de "inspeccionar elemento"?, solo me sale la opción de "inspeccionar" y ahí no me aparecer nada de las cosas que te salen a ti bro, porfavor ayúdame con eso
Holaa! Alex me gusta una interactividad que tiene tu página web que al hacer click en un link por ejemplo a opiniones te lleva ahí en la misma página y no abre otra página como se ve habitualmente, como se hace eso?
Hola, amigo. Lo que utiliza Alex en su página web son anclas. Se consigue que te lleve a un determinado lugar mediante la aplicación de un id a la parte a la que quieres ir. Te dejo un ejemplo: Ir a Opiniones Cuando alguien dé click en el enlace que está más arriba va a venir a esta parte de la página. A su vez, Alex también tiene un scroll lento. Esto se consigue de dos formas: utilizando librerias externas de javascript (como Jquery) o utilizando un selector css. El selector no funciona en todos los navegadores. Para lo de Jquery te recomiendo que investigues por tu cuenta, porque es un tema bastante complejo. Para realizar simplemente con estilos css, se debe añadir lo siguiente: html{ scrool-behavior: smooth; } Espero haberte ayudado. Sigue investigando sobre enlaces y su comportamiento.
Necesito ayuda porfavor no se que paso con mi vscode pero cuando creo un archivo .css y pongo codigo de css me aparece esto { "resource": "/c:/Users/ian9o/Desktop/.css", "owner": "_generated_diagnostic_collection_name_#1", "code": "css-lcurlyexpected", "severity": 8, "message": "{ expected", "source": "css", "startLineNumber": 1, "startColumn": 4, "endLineNumber": 1, "endColumn": 4 } y me aprece codigo que no es de css alguien me ayudaria a solucionarlo
Muy buenas Alex , Primero que nada.. buenos tutos se te los agradece mucho !!!. Tengo un problemas, espero que puedas ayudarme: Al visualizar mis paguinas en mi pc (osea dando solo doble click al HTML), las imagenes y los efectos CSS no aprecen, solo me abre o me visualiza solo el texto del HTML. Pero si lo abro desde el editor con un plugins de server (atom-live-server) me funciona perfecto. Espero me puedan ayudar :/ pd: el codigo y las rutas de los archivos estan bien ya los revise muchas veces.
@@AlexCGDesign Si estoy viendo por ese lado pero no tengo excito. si lo quiero abrir desde la web usando "GitHub Pages" tambien aparece ese problema...
👨💻 Curso diseño animaciones CSS, Flexbox y más:
www.udemy.com/course/curso-diseno-web-avanzado-html5-css3-js/
amigo buenas tardes! Sabes que he hosteado el sitio en github pages pero al ingresar al sitio no se muestran las imagenes, tienes idea de porque puede estar sucediendo esto? He cambiado a jpg e incluso svg y tampoco se muestran.
A muchos les pareciera aburrido aprender los fundamentos y quieren volar a hacer edte tipo de sitios web desde el principio, la verdad me alegra mucho haber comprado tu curso de diseño web desde 0 ya que todo lo qie mencionas aquí lo entendí perfectamente y pude incluso aprender como implementar css grid, ya que nunca lo había hecho. En verdad gracias, eres un verdadero maestro
Excelente Angel, un saludo
definitivamente queremos muchas más web.
Es increible y muy interesante.
Me encanta.
Saludos desde Centroamérica
Eres una bestia brutal del olimpo, master.
Gracias!!!!! la mejor explicacion que vi de css grid desarrollando una pagina web.
Gracias gracias gracias por tu tiempo.
Muchas gracias, me sirvió mucho tu practica, ademas del recurso de ilustraciones no lo conocía y esta buenísimo.
Gracias Yolanda y si gustas estamos abriendo un curso desde cero
La verdad, también, en cuanto ví esa página, dije: "tengo que guardar esa página!!!"
No tienes ni idea cuanto nos ayudas con estos tutoriales! Eres un crack, por favor has más vídeos así mismo pero con páginas web que integren también javascript y un poco mas complejas
No te imaginas la cantidad de veces que insulte por la velocidad en la que nombras las clases y lo divs.. pero quiero decirte GRACIAS porque me sirve muchisimo para mejorar el tipeo del teclado y el codigo.
Muy buenos cursos. Saludos!
Excelente video. La verdad que cada vez me apasiona más este mundo del diseño web, increíble lo que se puede hacer.
Gracias por compartir tus conocimientos.
Espero que pronto puedas subir el curso completo de CSS3.
Saludos desde Venezuela.
Hola, muy bueno!!
Estaría bueno que expliques más videos de efectos o cosas que quedan bien en las webs. Por ejemplo explicaste clip-path, el efecto skew, estaría bueno que expliques más efectos en menues, en cabeceras, o menues desde los costados. En resumen, mas animaciones/efectos que son geniales y quedan muy bien!
Si amigo, gracias por el consejo
hola, solo queria dejar mi comentario, me encanto GRID la verdad es que no seguí el curso anterior , me anime a hacerlo directo y está bastante amigable entenderlo. Por otro lado me gustaria tambien comentar que al final en el footer por alguna razón que desconozco no me funciono juntar las clases footer-item para acomodar los iconos de las redes sociales, lo resolvi ocupando [class^="fab fa"] para darle el tamaño y el color . Para darle espacio ocupe [class^="footer-item"] solo de esa manera pude resolverlo. Alex te agradezco por tu tiempo y compartir estos temas con toda tu audiencia , disfruto mucho de tus videos.
muy bue video, quiza como recomendación: 1) en proximos videos mejor trabaja con unidades de medida relativas y no con px y 2) seria interesante un proyecto a´plicando la filosofia movil first. Gracias por tu aporte a la comudad de desarrollo web. Saludos
Gracias por el feedback compañero, un saludo!
Aún no he visto el video pero le e dado a me gusta porque sé que será bueno.
Este contenido es oro
otras cosa ALex estaria genialisimo que nos pudieras compartir una ecommerce, espero lo puedas tener en mente o una pagina con registro de usuarios.
Fantástica forma de explicar detalladamente. Gracias por enseñar. Y hacerlo ¡tan bién! ¿realmente utilizas @media... en vez de explotar minmax() de grid?
Hola Álex te felicito por los cursos que has subido de verdad que adquiero bastante conocimiento con tan buena énfasis en la que explicas. Me gustaría por favor que hiciera en un vídeo de UA-cam el como hacer un contador de visitas funcional. Espero tu respuesta. GRACIAS !!!
Excelente. Buen trabajo.
Aprendi mucho gracias profesor y si hace una mas compleja mucho mejor
Me encantó!!! Super increíble
excelente me sirvió mucho, comprendí varías cosas
muy buen video, bastante claros y especificos todos los conceptos!
seria posible que compartieras el codigo utilizado para el diseño de la pagina?
muchas gracias!!!
Alex muchas gracias por tus enseñanzas son de mucha ayuda podrías hacer un tutorial explicando como crear una página web pero paso a paso para entender cómo armar perfectamente una página en html y el por que de cada div eso es lo único que se me complica css comprendo mejor.:( sería de mucha ayuda
Es un hermoso layout, muchas gracias
Muy buen vídeo, para diseñar usas algún programa? me gustaría saber cual es la lógica que utilizas a la hora de diseñar
Manejo XD, pero esta web está basada en un diseño que encontré en Pinterest, un diseño sencillo pero que nos ayuda a comprender mejor CSS Grid y Flexbox
Excelente video!!! Tiene el repostorio? Necesiot ver en que falle para comparar el ejercicio con mi fallido seguimiento :)
Muy bueenooo!!!!!! muchas gracias!!!
Muchas gracias. Saludos
Quisiera saber como te soluciono lo qie live server cuando no hace los cambios de css..a mi me sigue sin realizar los cambios
Gracias Alex. Pero el proyecto no lo encontré en github podras . COMO PUEDO OBTENERLO
Eres el mejor bro
Yo tengo una duda, como hago si no tengo inter ahí una forma de hacer, que si no tengo internet busque las imagen de mi carpeta de imágenes de mi proyecto.
bro me gusto la pagina pero hay una falla que no comenzaste como otros videos de crear pagina web desde cero!
Una consulta, no es mejor usar grid areas ?
Lo mismo me pregunto.
Es posible, pero es mas complicado, de esta forma para mi personalmente se adapta mucho mas rápido y es mas flexible.
Quisiera tomar el curso de diseño web
Estuvo bien el video pero creo que haciendo columnas a los propios elementos podrías haberte ahorrado tantas cosas del mediaquery
Alex excelente curso! Tengo un problema con el responsive design.. En mi caso he realizado todo identico al video pero al bajar de 800px la grid del header como que se mete debajo de la grid del section y la imagen empieza a cortarse, como metiendose debajo del grid del section.. Podrìas decirme porfa como puedo resolverlo? Excelente curso y muchas gracias!
Bueno lo pude resolver achicando un poco el max-width de img.. en mi caso a 800px le puse un max-width de 260px.. no se si sera la mejor solución pero si a alguien le pasa que sepa que así se puede solucionar jajaja
¿Soy el único al que le incomoda el uso arbitrario del español y el inglés al nombrar las clases CSS?. Aparte de ello, se agradece el tutorial.
Si amigo perdón, de ahora en adelante será todo en inglés, gracias por el comentario:)
Hola Alexander, muchas gracias por tus videos, te hago una consulta, si trabajamos con una imagen .jpg podemos trabajarla de la misma manera que una .svg?
buen video
hola alex muy bien tutorial, mira te explico yo actualmente estoy en el proceso de mi titulación y para eso me piden realizar una pagina web ya casi la termino gracias a tus tutoriales pero estoy atorado porque necesito que a mi pagina le puedan llegar correos pero en todos los tutoriales que he visto no les entiendo muy bien vi uno de php pero me preguntaba si hay otra manera de enviar correos te agradeceria si pudieras hacer un tutorial de ello me apoyarías mucho a titularme gracias buen día
prueba formspree, puede ser que te sea de utilidad
Yo pondré el selector asi -> footer > .grid > div[class^="footer-item"] a {} a ver si cuela :))
xd
Una pregunta, ¿Porqué usaste la misma clase .grid en varias partes de la página? A todas le estás añadiendo 12 columnas... eso no sería desordenado?
Por una parte es mejor ya que no hay que estar escribiendo mucho código
y tan solo darle un estilo a una clase que esta en varios contenedores es
mejor y el desorden ya seria de la persona si se confunde o no
hola el codigo con las imagenes a donde esta?no encuentro para hacer el proyecto saludos!
Yeahhhhhhhhh
Hola, una consulta, Chrome tambien tiene ese feature de poder ver el grid? Gracias.
Sip, solo dale en inspeccionar y ahi buscar y veras
37:44
Hola a todos! Tengo un problema, al momento de ir reduciendo el tamaño de la pantalla, todas las grillas se reducen en igual medida excepto la grid del footer que se va haciendo mas pequeña que el resto.. esto hace que en 250px el texto contactame quede cortado. Alguien tiene alguna solución que pueda ayudarme a resolver mi problema? Gracias!
Bro ayúdame con algo, porque a mi no me sale la opción de "inspeccionar elemento"?, solo me sale la opción de "inspeccionar" y ahí no me aparecer nada de las cosas que te salen a ti bro, porfavor ayúdame con eso
Es por que es otro navegador web -_- mozilla tiene eso, inspecionar es lo mismo
Saludos, como hacer una pagina dinamica con todo lo que enseña??
buenas... man como insertar una imagen/foto como de fondo para este estilo de sitios web
Holaa! Alex me gusta una interactividad que tiene tu página web que al hacer click en un link por ejemplo a opiniones te lleva ahí en la misma página y no abre otra página como se ve habitualmente, como se hace eso?
Cómo?
@@AlexCGDesign creo que se refiere de ajax
Hola, amigo. Lo que utiliza Alex en su página web son anclas. Se consigue que te lleve a un determinado lugar mediante la aplicación de un id a la parte a la que quieres ir. Te dejo un ejemplo:
Ir a Opiniones
Cuando alguien dé click en el enlace que está más arriba va a venir a esta parte de la página.
A su vez, Alex también tiene un scroll lento. Esto se consigue de dos formas: utilizando librerias externas de javascript (como Jquery) o utilizando un selector css. El selector no funciona en todos los navegadores.
Para lo de Jquery te recomiendo que investigues por tu cuenta, porque es un tema bastante complejo. Para realizar simplemente con estilos css, se debe añadir lo siguiente:
html{
scrool-behavior: smooth;
}
Espero haberte ayudado. Sigue investigando sobre enlaces y su comportamiento.
Necesito ayuda porfavor no se que paso con mi vscode pero cuando creo un archivo .css y pongo codigo de css me aparece esto {
"resource": "/c:/Users/ian9o/Desktop/.css",
"owner": "_generated_diagnostic_collection_name_#1",
"code": "css-lcurlyexpected",
"severity": 8,
"message": "{ expected",
"source": "css",
"startLineNumber": 1,
"startColumn": 4,
"endLineNumber": 1,
"endColumn": 4
} y me aprece codigo que no es de css alguien me ayudaria a solucionarlo
Instalalo y desinstalalo
Muy buenas Alex , Primero que nada.. buenos tutos se te los agradece mucho !!!.
Tengo un problemas, espero que puedas ayudarme:
Al visualizar mis paguinas en mi pc (osea dando solo doble click al HTML), las imagenes y los efectos CSS no aprecen, solo me abre o me visualiza solo el texto del HTML. Pero si lo abro desde el editor con un plugins de server (atom-live-server) me funciona perfecto. Espero me puedan ayudar :/
pd: el codigo y las rutas de los archivos estan bien ya los revise muchas veces.
Quizá pueda ser la caché amigo, la verdad que nunca me había pasado ese error
Saludos Mauro
@@AlexCGDesign Si estoy viendo por ese lado pero no tengo excito. si lo quiero abrir desde la web usando "GitHub Pages" tambien aparece ese problema...
una pregunta la diseños los puede utilizar cualquier persona lo digo por los derechos de autor
Exactamente
@@AlexCGDesign eso quiere decir que podemos utilizar tus diseños y subirlos a la web ????
Si, sin ningún problema
6:29 entonces eres de estados unidos :o
no me sale el grid
codigo?
como agregar bases de datos a un sitio wed
usare esta plantilla para mi proyecto alexcgdesign.com/blog/crea-una-pagina-web-profesional-con-html-css-y-javascript/
Muy poco claro y en especial con unDraw, donde no se entiende cual es el vinculo a copiar y como usarlo
(Y)