Que excelente contenido, es admirable cuando una persona con tanto conocimiento decide compartirlo. No sigo muchos canales en YT pero te ganaste un seguidor bro, saludos desde Honduras
Saludos me ha encantado tu web, una sugerencia en VSC hay un plugins se llama live server y no tienes que actualizar el se refresca solo al momento de guardar los archivos
Hola buen contenido tengo un inconveniente el h3 que está debajo de los iconos de la marca no se me centran me toman el color blanco pero no sé me centra el contenido me podrían ayudar gracias
Hola Alex, excelente vídeo. Una sugerencia con relación a esta parte del tutorial th-cam.com/video/q6Is8k9x7Eg/w-d-xo.html veo que creas un div con clase .sesgoarriba e incluyes ciertas propiedades que te puedes ahorrar usando lo siguiente sin crear divs: -webkit-clip-path: polygon(100% 0, 100% 66%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 66%, 0 100%, 0 0); Espero te sirva, saludos.
Gracias por el aporte !!!! pero tengo una consulta....que hechizo le pusiste al header que quiero modificar el background Skewed.png por otra imagen y no la toma :( :( :(
Pregunta en la parte de poner imagenes el src funciona si ponemos las imagenes en otras carpetas obvio utilizando los "/"? por que lo intente y no funciono así que opte por utilizar mejor el link de la imagen (eso de usar el link tiene algún problema?).
@@cmodead5284 porque debes enlazar así nombreDeLaCarpeta/Imagen.jpg si la carpeta está en la misma carpeta dónde está el archivo dónde mandas a llamar la imagen si está en otra carpeta tendrías que poner ../
Muchas gracias por el tutorial. Excelente diseño y te explicas muy bien. Una pregunta: Si quisiera que el código CSS estuviesen en una carpeta y no en la raíz donde esta el HTML ¿Cómo haría? Porqué quise ordenarlas así no logré hacer que me las mostrase.
Hola tengo un problema al momento de ordenar las imagenes todo esta en una carpeta img y otra carpeta con css en estilos.css cambio la ruta header { width: 100%; height: 650px; background-image:url(../img/Skewed.png); background-attachment: fixed; background-position: center; background-size: cover; position: relative; overflow: hidden; color: #fff; text-align: center; } Y no carga la imagen skewed.png y fondo.png ayuda porfavor
Hola Samuel, no creo que el lenguaje CSS haya cambiado, quizá tienes mal estructurado tu HTML, Verfica que realmente el header sea padre de un div con la clase "textos", saludos.
men pongo el background-image: url(skwed.png); como tu lo haces y no me sale nada :( no me sale el fondo estoy creando mi pagina con sublime text3 , tiene algo que ver???
AlexCG Design :( ayudame, la imagen Skewed del header no aparece en la página. A tí, en el video tampoco te salía pero luego te apareció recargando. Sin embargo, yo hice lo mismo y no pasa nada. Se queda en blanco. Alguien puede ayudarme :'v
Me encantaría donarte 5 dólares de XMR (Monero) y de paso animarte a que incluyas en uno de tus vídeos una sección para recibir pagos o donaciones. Me encantan tus vídeos. estaré pendiente de tu dirección de monero ;)
Hay muchas maneras de hacerlo, usa la que creas conveniente. No hay ni mejor ni peor. No menosprecies y desacredites el trabajo de la persona que comparte su conocimiento.
![⛔ Diseño web #1: De Illustrator a Wordpress [No COMPRES PLANTILLAS]](http://i.ytimg.com/vi/oDq1lWuHLnE/mqdefault.jpg)
👨💻🎁 Aprende Diseño Web Desde Cero 👉 alexcgdesign.com/descuento-diseno-web-moderno/
Son una belleza tus paginas webs. La frescura, la tonalidad. Sinceramente dan ganas de hacer paginas webs. Tu trabajo es exquisito
sos demasiado genio para este mundo hermano!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
la verdad eres un capo, soy nuevo en el mundo de desarrollo web y esta demasiado bueno. gracias por comportartir tu conocimiento
Que excelente contenido, es admirable cuando una persona con tanto conocimiento decide compartirlo. No sigo muchos canales en YT pero te ganaste un seguidor bro, saludos desde Honduras
¡Gracias! Excelente instructivo para el uso de esta función CSS (y otras 😄).
hermoso diseño voy a usarlo después de terminar el curso de fundamentos en "The Odin Project"
GRACIAS GRACIAS...BUENISIMO .
Buen video, voy a mirar los otros y en cuanto pueda le voy a invitar a un cafecito.
me encantan tus videos, me estan ayudando en la uni y en cuanto pueda comprare tu curso en udemy eres la onda :D
Excelente muchas gracias!!!
Bien explicado.
Saludos me ha encantado tu web, una sugerencia en VSC hay un plugins se llama live server y no tienes que actualizar el se refresca solo al momento de guardar los archivos
Qué bueno que te haya gustado :)
Sí de hecho lo tengo instalado, aunque a veces se me olvide, gracias por el consejo.
Saludos
Excelente, quiero comenzar y son muy buenos tutos.
Gracias David, me alegra que te haya gustado! Te invito a seguir viendo mis tutoriales:)
Eres un crack tío, gran web y muy responsive
Gracias Alex! Me está siendo super útil. Saludos desde España!
Muito bom, faça mais vídeos assim por favor, amei!!!🇧🇷🇧🇷🇧🇷
Gracias por este video sos un Crack
hermano me suscribo a tu canal muy buen contenido suerte
Crack , esta genial
te quedó muy bien, sigue subiendo tutoriales, gracias
me gusta mucho el contenido, me ha servido mucho y me llegan ideas gracias a tus vídeos, te ganaste mi suscripción y like :D
Saludos una consulta sobre el beatiful file, es alguna extensión?
Hola buen contenido tengo un inconveniente el h3 que está debajo de los iconos de la marca no se me centran me toman el color blanco pero no sé me centra el contenido me podrían ayudar gracias
Hola Alex, excelente vídeo. Una sugerencia con relación a esta parte del tutorial th-cam.com/video/q6Is8k9x7Eg/w-d-xo.html veo que creas un div con clase .sesgoarriba e incluyes ciertas propiedades que te puedes ahorrar usando lo siguiente sin crear divs:
-webkit-clip-path: polygon(100% 0, 100% 66%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% 66%, 0 100%, 0 0);
Espero te sirva, saludos.
Sí, comprendo que la propiedad clip-path podría ayudar, estoy pensando en hacer un tutorial con clip-path igual, gracias Juan.
bennettfeely.com/clippy/
Juan Manuel Batty Linero Justamente iba a hacer el tutorial con esa página😂😱♥️
Graciaas por el aporte, siempre beneficia a la comunidad.
Hola, disculpen cuando pongo en la galería la position: relative; no me aplica, porque? y Gracias por este vídeo me sirvió muchísimo.
Hola, tengo una duda ¿ por que pones las imágenes de la galería dentro de un div ?
muchas gracias broo
Muy muy genial
Muy Bueno y útil
Hola, como haces para que te salgan esas lineas q te ordenan los codigos, es decir cuando pone te sale la linea vertical hasta como lo haces?
Excelente amigo
alv esto es oro :D
A qué te refieres con el seo o ceo
Excelente video! Una pregunta. Como se le da sombra sobre la línea diagonal?
Hola, te hago una pregunta. cuando pongo en css el url de mi imagen no me aparece, que puede estar pasando?
I did not watch yet but it looks really amazing !!
Because this website is really awesome!
Gracias por el aporte !!!! pero tengo una consulta....que hechizo le pusiste al header que quiero modificar el background Skewed.png por otra imagen y no la toma :( :( :(
tenia el archivo css likeado a una carpeta css por que me parecía mas prolijo lo saque y lo deje suelto y se corrijio
Pregunta en la parte de poner imagenes el src funciona si ponemos las imagenes en otras carpetas obvio utilizando los "/"? por que lo intente y no funciono así que opte por utilizar mejor el link de la imagen (eso de usar el link tiene algún problema?).
Podrías explicarte más amigo?
@@AlexCGDesign puse mis imagenes en otra carpeta y utilizando la ruta no funciono
@@cmodead5284 porque debes enlazar así nombreDeLaCarpeta/Imagen.jpg si la carpeta está en la misma carpeta dónde está el archivo dónde mandas a llamar la imagen si está en otra carpeta tendrías que poner ../
Buen contenido! Los atajos que usas como el de insertar imágenes los puedo activar en sublime text también?
con emmet instalado creo que no hay problema
Hola bro! Y puedes hacer un vídeo donde expliques como puedes enviar el formularios de contacto por php o algun lenguaje de programación
Grande!
es responsive?
excelente
Muchas gracias por el tutorial. Excelente diseño y te explicas muy bien. Una pregunta: Si quisiera que el código CSS estuviesen en una carpeta y no en la raíz donde esta el HTML ¿Cómo haría? Porqué quise ordenarlas así no logré hacer que me las mostrase.
Tienes que poner la carpeta por ejemplo: imágenes/imagen.jpg
Hola tengo un problema al momento de ordenar las imagenes todo esta en una carpeta img y otra carpeta con css en estilos.css cambio la ruta
header {
width: 100%;
height: 650px;
background-image:url(../img/Skewed.png);
background-attachment: fixed;
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
color: #fff;
text-align: center;
}
Y no carga la imagen skewed.png y fondo.png ayuda porfavor
trata de que las imagenes sean jpg
AMIGO A MI LA PRIMERA SECTION SUCRIBETE NO SE ME POSICIONA EN MEDIO NI LA IMAGEN SKEWED ME APARECE QUE PODRA SER
SALUDOS
Podrías subir la página, por favor, se cayó el link
hola amigo, tengo un pequeño problema y es con font-family: open sans, resulta que no me agrega ese tipo de fuente porfa ayudame con eso :c
Tienes que instalarla por Google fontd
*fonts
@@AlexCGDesign gracias brother problema resuelto :D
A mi me gustaría que hagas una página muy avanzada con html, css y javascript.
Se puede con sublime text?
Si amigo:)))
Amigo no se si el lenguaje Css cambió pero a mi no me hace los cambios con header.textos no me cambia absolutamente nada :/
Hola Samuel, no creo que el lenguaje CSS haya cambiado, quizá tienes mal estructurado tu HTML, Verfica que realmente el header sea padre de un div con la clase "textos", saludos.
AlexCG Design holaaaaaa. Me faltaba un espacio jajajaja muchas gracias por tus vídeos!!!
Buena web :)
men pongo el background-image: url(skwed.png); como tu lo haces y no me sale nada :( no me sale el fondo estoy creando mi pagina con sublime text3 , tiene algo que ver???
Lo más posible es que no estés enrutando bien tu imagen
intenta hacer esto background-image: url("skwed.png");
Te faltan las comillas simples, saludos ('skwed.png')
yo puse todo en la raíz y así me funcionó
Excelente...!!! lamentablemente el link de descarga ya no esta disponible, si pudieras subirlo te lo agradecería un saludo desde Bolivia
Claro, espera
Amigo, si está el link de descarga en la descripción del vídeo
AlexCG Design :( ayudame, la imagen Skewed del header no aparece en la página. A tí, en el video tampoco te salía pero luego te apareció recargando. Sin embargo, yo hice lo mismo y no pasa nada. Se queda en blanco. Alguien puede ayudarme :'v
Se pudo arreglar?:(...Yo tengo el mismo error, ayuda señor desarrolador genial del video...porfis
Yo tengo el mismo problema, aún no sé cómo solucionarlo ):
background-image: url(../img/Skewed.jpeg); /*poner ruta relativa de la imagen*/
@@nestorfernandoromeropoblan9488 Gracias Amigo
La sección de galería me quedó muy reducidad en lo alto
no mre sale como a ti te sale :(
ayuda:(
24:22
Bro si tengo celular =V y nesesito ver como se vera mi pagina web en internet como lo hago?... ayuda we
hay una app llamada solo learn,te da una seccion para que hagas codigo desde 0 y puedes visualizarlo ahi mismo,otra forma es con codepen.io
Me encantaría donarte 5 dólares de XMR (Monero) y de paso animarte a que incluyas en uno de tus vídeos una sección para recibir pagos o donaciones. Me encantan tus vídeos. estaré pendiente de tu dirección de monero ;)
me gusta como metes publicidad en tu pagina nada molesto y no como esos link para descargar
a mi gusto se desperdicia mucho espacio de pagina y no es responsive
que no es mejor usa background-clip?
Hay muchas maneras de hacerlo, usa la que creas conveniente. No hay ni mejor ni peor. No menosprecies y desacredites el trabajo de la persona que comparte su conocimiento.
Alguien pudo colocarle un menú?
Falta eo javascript y queda
usan visual estudio
said one Así es, vsc.
No eres lalo garza?
No amigo:(
Soy Jordan Alexander, Saludos!
El titulo dice 2021 pero el video es de Julio 2018 🤔
Hola Hoover, lo puse así porque aún funciona en el 2021:) no hay nada atrasado:)
❤️¿Te gustó la web que vemos en este diseño?
▶️Descargala y comenta: bit.ly/2GWYzhx
Y esa madre como la subo wordpress? :c
no se te entiende, se te para la vozzz
porque dice 2020 si es de 2018? jaja :o
time traveler detected
Se pueden editar los títulos de los videos jajaj