Projet du cours
Mi Proyecto del curso: Introducción al Desarrollo Web Responsive con HTML y CSS
par alexisopereze @alexisopereze
- 103
- 3
- 4
Buenas tardes,
Coloco la dirección al proyecto en mi github: https://alecxz20.github.io/Cafe-Oslo/
@htmlboy agradecería que visitaras el sitio y no me dieras la misma respuesta predeterminada que le das a todos en la cual ofreces tus otros cursos. El proyecto esta adaptado para celulares, tablets y desktop, ciertamente puede mejorar. En el curso entendí a profundidad como seleccionar elementos en CSS, lo cual agradezco bastante. La parte que requería Javascript la completé viendo videos en Youtube porque no explicaste bien esa parte.
4 commentaires
htmlboy
Professeur PlusBon travail! Félicitations et merci beaucoup d'avoir suivi le cours!
Je vous laisse des liens vers d'autres cours, au cas où vous voudriez continuer à vous plonger dans la conception Web:
- Un sur les techniques de développement web avec HTML5 et CSS3 (celui-ci n'est pas réalisé par moi, mais j'ai aidé à l'organiser): https://www.domestika.org/es/courses/99-tecnicas-de-desarrollo-web-con-html5-y-css3/martuishere
- Un cours sur le graphisme SVG: https://www.domestika.org/es/courses/169-graficos-vectoriales-svg-ilustrar-y-animar-con-codigo/htmlboy
- Un cours sur les techniques de mise en page Web, avec grille CSS, flexbox et autres techniques: https://www.domestika.org/es/courses/389-layout-web-con-css-grid-flexbox-y-otras-tecnicas-modernas/htmlboy
- Un cours d'introduction à JavaScript: https://www.domestika.org/es/courses/390-introduccion-a-la-programacion-en-javascript/htmlboy
- Et le plus récent, un cours qui explore toutes les phases d'un site Web, de la planification et de la conception au développement et à la publication: https://www.domestika.org/es/courses/1042-diseno-desarrollo-y-publicacion-de-una-pagina-web/htmlboy
Cordialement, et merci beaucoup!
Afficher le texte original
Masquer le texte original
htmlboy
Professeur Plus@alexisopereze complète mes commentaires, désolé de ne pas avoir vu le commentaire.
La partie JS n'est pas très expliquée car elle nécessiterait son propre cours (comme celui que j'ai mentionné dans mon premier message), mais en principe elle est conçue pour que vous puissiez faire une substitution rapide des classes ou les adapter à votre projet. Il existe évidemment de nombreux modèles de navigation mobile déroulante, et celui-ci ne couvre qu'un modèle très basique, juste assez pour pouvoir avoir quelque chose de publiable.
Dans votre projet vous avez mis une navigation qui vient de la gauche, mais en raison de l'orientation, je pense que ce serait mieux si elle venait de la droite. Je le résoudrais comme ceci:
.menuCont {transform: translateX (100%); }
.menuCont.active {transform: translateX (0);}
Utiliser des pourcentages au lieu de px, je pense, est un peu plus facile.
Vous aurez également besoin de:
body {overflow-x: hidden;}
En plus de cela, comme vous avez mis des liens internes, si vous voulez qu'il y ait une petite transition dans le scroll, vous pouvez l'ajouter avec cette ligne:
html {comportement de défilement: lisse; }
Le reste je l'ai assez bien vu, l'adaptation est correcte et le code assez propre. Peut-être que je sauterais les sélecteurs comme div.services (au lieu de .services directement), à moins que vous ne souhaitiez un sélecteur plus spécifique.
Salutations et désolé pour la gêne occasionnée!
Afficher le texte original
Masquer le texte original
alexisopereze
Je vous remercie! Je vais continuer à m'améliorer, j'ai acheté plusieurs de vos cours ici chez domestika, c'est le premier que je fais, salutations.
Afficher le texte original
Masquer le texte original
htmlboy
Professeur Plus@alexisopereze Super, j'espère que vous les aimez! :-)
Afficher le texte original
Masquer le texte original
Connectez-vous ou inscrivez-vous gratuitement pour commenter