Home is where the heart is..

Välkommen till bloggen om design, webbutveckling och annat nyttigt!
Med erfarenhet i skorna delar vi gärna med oss av det vi kan.

Webbyrå med erfarenhet i skorna
8
Apr

Effektivisera ditt arbetsflöde med kodsnuttar!

Postades i kategori Kodning av Fernando Rodriguez

Better snippets

Det händer sällan att en utvecklare börjar skriva koder till nya projekt helt från början. Man försöker oftast samla samman de kodsnuttar (Snippets) som används om och om igen och återanvända dem för att effektivisera arbetsflödet. Det lönar sig att kunna det mesta utantill men ibland är vissa funktioner alldeles för långa. I början av min karriär började jag samla dessa i en vanlig .txt fil (text dokument), idag finns det en del bra program och applikationer som kan hjälpa programmerare att lagra deras kod.

Varför ?

Minska sökningstid

Du finner säkert dig själv på Google ute efter de kodsnuttar som du behöver. Det är en process som vi alla måste gå igenom första gången, men när du har hittat och sparat koden så sparar du även tid genom att undvika söka efter den nästa gång när du behöver den.

Spara tid när du skriver

Att kunna sina egna kodsnuttar utantill är självklart väldigt bra och effektivt, men man kan även spara tid där också genom att minska skrivtiden. CTRL+C och CTRL+V är dina vänner.

Felfri kod

Koden som du sparar har du säkerligen återanvänt i många av dina projekt och om fel skulle uppstå är inte de svåra att hitta. Där med är större delen av alla snippets felfria.

Går inte miste om koden

Lagrar du koden på en säker plats så har du den för alltid. Det är bra att känna sig säker med sin lokala (offline) samling av snippets.

Dela kod med andra

Sparade kodsnuttar kan du lägga ut på Internet eller dela dem lokalt mellan dina vänner och arbetskollegor för att effektivisera grupparbetet och därmed öka produktionen inom företaget.

Lokal lagring av snippets

Nedan är listande en liten del av dem program som kan hjälpa dig att lagra dina kodsnuttar lokalt på datorn.

  • Code Snippet Editor – [Windows] Snabb, och enkel, stöd för över 30 språk
  • Snipp Dogg – [Windows] Inga onödiga funktioner, enkel att navigera
  • Snippely – [OS X] Enkel och stilren, färgkoder för 4 språk och anteckningar
  • Panic Coda – [OS X] Snygg programmerings verktyg med stöd för Snippets
  • etc..

Publika bibliotek med snippets

Det finns även stora arkiv av kodsnuttar på internet som har allt möjligt. Nackdelen med dessa är att de kan vara för omfattande ibland och där med blir det tidskrävande att hitta just det du behöver. Css-Tricks har lyckats presentera sina snippets i ett struktur som är lätt att bläddra i, sorterade efter kategori och döpta efter kodens funktion. Andra sidor som lagrar kodsnuttar:

  • Snipplr – Populär i användning, omfattande och enkel att navigera på
  • DZone – Simpel i utseendet men väldigt omfattande med stort bibliotek
  • CommunityContentstudio – Enkel bibliotek av koder (på svenska)
  • etc..

I slutändan kan listan bli väldigt lång men personligen brukar jag sällan använda publika bibliotek för koder då jag finner att oftast är det enklare att söka på Google efter det man behöver. Sen när man har hittat koden och testat den kan man säkert lagra den lokalt vilket tar oss tillbaka till röda tråden:

Lokal + Publik lagring av snippets

Vi på Creative Workshop valde att kombinera ovanstående metoder och kom fram med egen lösning som låter oss spara, uppdatera och dela kodsnuttar internt mellan varandra. Idag består vår samling av WordPress kodsnuttar som vi har användning mest av.

(wp-help) Se användbara kodsnuttar till wordpress »

Fernando Rodriguez Fernando Rodriguez
En duktig webbutvecklare från södra Italien som brinner för backend programmering och CSS. Specialist på Drupal och Wordpress, jobbar på Creative Workshop webbyrå sen Mars 2010.