14 eye-openers van mijn stage

Mijn tijd als front-end development stagiair bij Minsky zit erop…
Wat zijn die maanden gevlogen, shit zeg. Zo veel gedaan, zo veel geleerd… Een overzichtje van alle opgeleverde projecten volgt nog wel als ze allemaal gelanceerd zijn. Nu al een klein overzichtje van de grootste eye-openers van mijn stage:

Testing

  • Soms voelt het aan als een slachtbank, maar vergeet nooit om te testen op Internet Explorer. Dit kan gemakkelijk dankzij de gratis virtual machines die Windows aanbiedt. Zet je site op je localhost, surf in de virtual machine naar je ip-adress en start debuggin’! Stuur mij gerust een bericht als je hier hulp bij nodig hebt!
  • Zet je wireframes en mockups in een HTML-pagina. Soms ontwerp je dingen veel te groot omdat je geen idee van schaal hebt.

Consistentie

  • Teksten, formulieren, knoppen, … zorg dat de padding in evenwicht isKanttekening: ‘in evenwicht’ betekent niet noodzakelijk ‘gelijk’.
  • Lijndiktes, breedtes van vlakken, … zorg dat deze overal op de pagina gelijk zijn, tenzij er een goede reden voor is.
  • Maak een favicon, the devil is in the details!

SASS/CSS

  • Werk met fallbacks als je met een .svg werkt.
background-image: url(../afbeelding.png);
background-image: url(../afbeelding.svg), none;
  • Kleur van een SVG aanpassen? fill="#KLEUR" -attribuut aan je path geven in de editor. Vergeet Illustrator openen voor een kleuraanpassing.

 

Performance

  • Denk aan je gebruikers met een niet zo blitse internetverbinding. Gebruik tinypng om je afbeeldingen te optimaliseren.
  • Laad alleen de font-sizes in die je gaat gebruiken, een Google Font weegt meer dan je denkt.

Design

  • Probeer de achtergrond van tekstvlakken af te wisselen, anders voelt dit snel ééntonig aan.
  • Een kleurlaagje over je foto (zoals ze bij Spotify wel eens doen): kleurvlak onder de foto plaatsen en blend mode: Multiply in Photoshop.
  • Zoek altijd naar lijnen in design. Alles lijkt vanzelfsprekend, maar je zou verbaasd zijn hoeveel lijnen je kan trekken in een design.
  • Open Sans Condensed is vooral goed voor teksten, werkt zelden als titelfont.

Drupal

Het is echt zo slecht niet als ik eerst dacht. Meer zelfs: ik voel me als een vis in het water. Deze stage heeft me helemaal omgevorm tot een Drupal believer. Verre van een alwetende professional, maar dat komt nog wel. Ik mag namelijk mijn skills verder aanscherpen als front-end developer binnen enkele maanden:

Maar eerst dat god damned stagerapport schrijven…

Leave a Reply

Your email address will not be published. Required fields are marked *