not a support questionHej alle WordPress elskere
Jeg har en KÆMPE bøn!
Jeg er ved at lave et semesterprojekt, og har valgt at lave et Parallax-agtigt udseende til et portfolio.
Jeg vil gerne have Jeres professionelle mening om mit design, brugervenlighed osv.
ALT feedback er godt!
http://kucko.dk/sem1/v2/skema/
Håber at I vil hjælpe mig lidt med Jeres mening!
Det er en del af min fieldresearch, og jeg ved at alle her er kvalificerede brugere af nettet ;)
Hvad synes I?
Hejsa.
Det ser godt ud!
Her er dog lige et par ting som fangede mit øje:
1. Der er ikke noget Parallex over det design.
Godtnok skriver du "Parallex-agtigt" men det er der altså ikke.
(https://en.wikipedia.org/wiki/Parallax)
2. Du skriver de fleste af dine tekster i div-tags, men de burde være i p-tags.
Eks. <div class="velkomst">...</div>
3. "Keep It Simple Stupid" har du inline styling — overvej at flytte det ud i CSS filen og evt. pak det ind således:
<p><em>.kiss</em> { content: '<em>K</em>eep <em>I</em>t <em>S</em>imple, <em>S</em>tupid!' ;}</p>
4. Dine kompetencer har du lavet som en tabel, hvilket er nemt og virker efter hensigten.
En mere semantisk korekt måde ville være at skrive det i en dl-liste:
<dl>
<dt class="photoshop">Photoshop</dt>
<dd>
<span class="skills skills-75">75%</span>
</dd>
...
</dl>5. Portfoliobillederne er meget store og er resized i browseren — du vil kunne spare en del båndbredde ved at lave dem den rette størrelse.
6. Der er ingen tekst der beskriver dine sociale ikoner/links (Twitter, Github osv).
Skriv en tekst og skjul den med CSS (text-indent: -999px; overflow: hidden;)
7. Der er ikke nogle repositories på din Github profil?
8. Social ikonerne kunne laves som image-sprites, så slipper du for at de blinker når man holder musen over linket. Læg evt. dem alle sammen i den samme sprite, så skal du kun kalde ét billede frem for 8
9. Thumbs up for brug af CSS animation.
Hej Steffn!
Mange mange tak for svaret!
Det er super fedt at du tager dig tid til at besvare det så nøjagtigt :D
Efter at kode hele siden, bliver man blind på småfejl - så det er godt med så præcis en besvarelse!
Igen, mange tak!
Rep for det! :D
Hejsa Kucko
En lille tilføjelse.
Husk at loade dine scripts i bunden, det vil optimere din sideindlæsning i browser reflowet og gør at du ikke ser en "blank hvid side".
!! i nogle situationer kan det være nødvendigt at loade scripts i toppen fordi man har behov for at ændre nogle dom elementer, i disse situationer kan du brug html5 script attributterne "defer" eller "async"
Du kan læse mere om hvad de gør her
defer: http://www.w3schools.com/tags/att_script_defer.asp
async: http://www.w3schools.com/tags/att_script_async.asp
Du skal være logget ind for at skrive.
