Potensiell personlig nettsted!

[Tsukeo]

Ønsker noen tanker på et design jeg har jobbet med litt i det siste: https://jsfiddle.net/gloriousCatnip/on64ju7t/1/

 

Jeg er ikke helt ferdig enda. Jeg har ikke helt funnet ut hvordan man skal kunne lukke menyen, og litt usikker på om jeg skal ha en slags animasjon når den kommer inn. Lurer også litt på om jeg skal ha sånne sosial medie-ikoner helt nederst, eller oppe ved navnet mitt. Har dere noen tanker?

 

HTML og CSS ser litt rotete ut, er kompilert fra Pug og Sass fordi jeg originalt brukte CodePen, men CodePen ville plutselig ikke hente ut JS for meg, så får ikke vist den der.

 

På forhånd, takk.

[Taggi]

For å fjerne meny kan du gjøre det motsatte du har gjort for å vise den, med click på body. Eneste en må tenke på er at click på menyen også vil være et click i body så for å stoppe eventen til å "bobble" fra meny -> body så kan gjøre `event.stopPropagation()` på vis meny klikk.

 

Er også mer fleksibelt å bruke addEventListener istedenfor onclick handlerne for å lytte på events. Så ville byttet over til å bruke det. `menuButton.addEventListener('click', function(event){console.log(event)})`

Endret 25. november 2017 av Taggi

[K N]

Hva med å ha en :hover istedenfor click? 

[Tsukeo]

Hva med å ha en :hover istedenfor click? 

Det hadde sikkert fungert bra, men det fungerer ikke særlig godt på mobil.

 

 

For å fjerne meny kan du gjøre det motsatte du har gjort for å vise den, med click på body. Eneste en må tenke på er at click på menyen også vil være et click i body så for å stoppe eventen til å "bobble" fra meny -> body så kan gjøre `event.stopPropagation()` på vis meny klikk.

 

Er også mer fleksibelt å bruke addEventListener istedenfor onclick handlerne for å lytte på events. Så ville byttet over til å bruke det. `menuButton.addEventListener('click', function(event){console.log(event)})`

Kult! Jeg tenkte å gjøre det slik, men fant liksom ikke ut av det. Føler likevel jeg trenger en litt mer "åpenbar" måte å lukke menyen på.

[Emancipate]

For å være djevelens advokat, så er det irriterende når ting skjules i en meny, når det egentlig er plass til dem på skjermen (jeg er PC-bruker.). Det er snakk om 3 alternativer, det må da være mulig å få plass til.

[Tsukeo]

Jeg har endret siden noe og fått den hostet på GitHub.

 

https://wostensen.github.io/new-new-new-personal-pagr/

 

Hvordan ser den ut nå? Tenker å begynne å lære meg JS og PHP sånn at siden kan bli litt mer funksjonell!