Project van de cursus
Mi Proyecto del curso: Introducción al Desarrollo Web Responsive con HTML y CSS
van 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 opmerkingen
htmlboy
Docent PlusGoed gedaan! Gefeliciteerd en heel erg bedankt voor het volgen van de cursus!
Ik laat links naar andere cursussen voor het geval je je verder wilt verdiepen in webdesign:
- Een over webontwikkelingstechnieken met HTML5 en CSS3 (dit is niet door mij geregisseerd, maar ik heb geholpen het te organiseren): https://www.domestika.org/es/courses/99-tecnicas-de-desarrollo-web-con-html5-y-css3/martuishere
- Een cursus over SVG-afbeeldingen: https://www.domestika.org/es/courses/169-graficos-vectoriales-svg-ilustrar-y-animar-con-codigo/htmlboy
- Een cursus over weblay-outtechnieken, met CSS-raster, flexbox en andere technieken: https://www.domestika.org/es/courses/389-layout-web-con-css-grid-flexbox-y-otras-tecnicas-modernas/htmlboy
- Een cursus over inleiding tot JavaScript: https://www.domestika.org/es/courses/390-introduccion-a-la-programacion-en-javascript/htmlboy
- En de meest recente, een cursus die alle fasen van een website verkent, van planning en ontwerp tot ontwikkeling en publicatie: https://www.domestika.org/es/courses/1042-diseno-desarrollo-y-publicacion-de-una-pagina-web/htmlboy
Groetjes, en heel erg bedankt!
Origineel weergeven
Origineel verbergen
htmlboy
Docent Plus@alexisopereze voltooi mijn feedback, sorry dat ik de opmerking niet heb gezien.
Het JS-gedeelte wordt niet erg uitgelegd omdat het zijn eigen cursus zou vereisen (zoals degene die ik in mijn eerste bericht noemde), maar in principe is het zo ontworpen dat je snel klassen kunt vervangen of ze aan je project kunt aanpassen. Het is duidelijk dat er veel modellen voor mobiele navigatie met drop-down zijn, en deze heeft alleen betrekking op een heel basismodel, net genoeg om iets publiceerbaar te kunnen hebben.
In je project heb je een navigatie geplaatst die van links komt, maar vanwege de oriëntatie denk ik dat het beter zou zijn als het van rechts kwam. Ik zou het als volgt oplossen:
.menuCont {transform: translateX (100%); }
.menuCont.active {transform: translateX (0);}
Het gebruik van percentages in plaats van px is volgens mij een beetje eenvoudiger.
Je hebt ook nodig:
body {overflow-x: verborgen;}
Bovendien, aangezien je interne links hebt geplaatst, als je wilt dat er een kleine overgang in de scroll zit, zou je deze met deze regel kunnen toevoegen:
html {scroll-gedrag: glad; }
De rest heb ik vrij goed gezien, de aanpassing is correct en de code vrij schoon. Misschien zou ik selectors zoals div.services (in plaats van .services direct) overslaan, tenzij je een meer specifieke selector wilt.
Groetjes en sorry voor het ongemak!
Origineel weergeven
Origineel verbergen
alexisopereze
Bedankt! Ik zal blijven verbeteren, ik heb verschillende van je cursussen hier bij domestika gekocht, dit is de eerste die ik doe, groeten.
Origineel weergeven
Origineel verbergen
htmlboy
Docent Plus@alexisopereze Geweldig, ik hoop dat je ze leuk vindt! :-)
Origineel weergeven
Origineel verbergen
Log in of doe gratis mee om te reageren