CodePen Tips en praktische tips

Wanneer u in FCC werkt, zijn er tijden dat u uw eigen projecten met CodePen maakt. Campers delen deze projecten graag op het Free Code Camp Forum om feedback van andere Campers te ontvangen.

Vandaag ga ik je laten zien hoe je het meeste uit CodePen kunt halen en hoe je je feedback binnen het FCC Forum kunt maximaliseren.

Pak je slaapzak en marshmallows. Oh, en vergeet niet je Yetikoeler terug te krijgen van die beer die hem heeft gestolen terwijl je sliep! We gaan een wandeling maken om een ​​paar dingen te leren.

Uw code organiseren in CodePen

Wanneer ik voor het eerst met CodePen werk, herinner ik me dat al mijn code in het HTML-gedeelte van mijn Pen stond. Net als de onderstaande afbeelding had ik mijn HTML-, CSS- en -inhoud allemaal op één plek.

Er is absoluut niets mis met het bouwen van uw website als deze. Maar in CodePen zijn er manieren om uw code op te schonen zodat deze beter georganiseerd en leesbaar is voor anderen die u helpen of gewoon uw geweldige project bekijken.

U kunt deze pen op een ander tabblad openen door hier te klikken. Hiermee kun je de code spelen en volgen.

Laten we wat dingen verwijderen

We hebben deze stukjes code niet nodig omdat CodePen ze automatisch in ons project injecteert.

Volg deze stappen om uw hoofdinhoud correct te plaatsen waar het naartoe moet in CodePen.

Laten we onze meta-inhoud en Google-lettertypelinks verplaatsen naar het gedeelte Stuff For van CodePen.

Hier is een momentopname van de code tussen de head-tags. Verplaats de code die ik vetgedrukt heb alleen.


 
  Bootstrap Theme Company-pagina