Práca akéhokoľvek kódera spočíva v písaní kódu, v analyzovaní každého kroku a v neustálom hľadaní rýchlejšej a efektívnejšej cesty, ako nakódiť funkčný a efektívny produkt.

Aby sme si to uľahčili a skrátili čas potrebný k vývoju napríklad novej webstránky, používame rôzne nástroje, generátory kódu, frameworky alebo preberáme hotové riešenia od iných kolegov. V tomto článku som vybral niekoľko užitočných nástrojov alebo služieb, ktoré je fajn mať po ruke, ak pracujete na novej webstránke.

CSS3 generátor

Odkaz: http://css3generator.com/

CSS3 generátor je užitočný nástroj, ktorý vám vygeneruje niekoľko šikovných typov CSS3 nastavení a kumulatívne vám ušetrí dosť veľa času a prepisovania vlastných preklepov. Výhodou je aj to, že počas toho, ako vkladáte vstupné údaje, napríklad tieň tlačidla podľa grafického dizajnu, tento nástroj vám aj generuje náhľad.

Stack Overflow

Odkaz: https://stackoverflow.com/

Stack Overflow je kráľom všetkých programátorských „ťahákov“.
Niečo neviete? Niečo nefunguje? Ak áno, tak sa stavím, že na tomto programátorskom fóre nájdete svoju odpoveď.
Je to alfa omega každého (nielen) začínajúceho kódera a nejedného seniora. Ak by náhodou aj motyka vystrelila a nenašli by ste riešenie vášho problému či odpoveď na vašu otázku, tak sa veľmi rýchlo nájde nejeden skúsenejší kolega z programátorskej komunity, ktorý vám rád pomôže. Stack Overflow vám ušetrí čas aj pri kódení rôznych menších funkcionalít pre vaše weby a appky. Je pravdepodobné, že sa už niekto na podobnú funkcionalitu pýtal a niekto tam napísal kompletný kód či riešenie.

Bootstrap

Odkaz: http://getbootstrap.com/

Bootstrap je jeden z najpopulárnejších HTML, CSS a JS frameworkov pre vývoj responzívnych webstránok. Obsahuje responzívny systém gridu, veľké množstvo CSS nastavení, od typografie, cez tabuľky, až po obrázky.
Netreba však zabudnúť ani na použiteľnú zásobu JavaScript prvkov, ako sú:

  •  Modal okná
  •  Dropdown pre navigácie
  •  Scrollspy, ktorý monitoruje postup návštevníka pri scrolovaní
  •  Záložky
  •  Popover okná, ktoré sa hodia napríklad pri formulároch
  •  Rolovacie prvky, ako je napríklad accordion
  •  Jednoduchý slider

Pomerne nedávno nás autori tohto frameworku potešili vydaním už 4. verzie. Podobných frameworkov je však viacero. Záleží len na vás, či sa vám lepšie pracuje s Bootstrapom, Foundationom či nejakým ďalším HTML, CSS, JS frameworkom.

JSFiddle

Odkaz: https://jsfiddle.net/

JSFiddle je online prostredie, kde môžete rýchlo naprogramovať nejakú funkcionalitu založenú na HTML, CSS a JS priamo v prehliadači, a uložiť si ju. Hotový kód môžete potom komukoľvek poslať. Na tomto prostredí je výborné, že v reálnom čase vidíte výkon kódu a to vám vie pomôcť pri jeho ladení. Rovnako užitočná je možnosť výberu knižnice JS, s ktorou chcete pracovať.

GitHub

Odkaz: https://github.com/

GitHub je webová služba, ktorá ponúka zdarma priestor pre „open-source“ projekty, prípadne platený priestor pre privátne projekty. Akonáhle pracujete na väčšom projekte, kde je zapojených viacero developerov, budete potrebovať nejaký repozitár. Skvelým riešením je práve GitHub, kde môžete zdieľať „finálnu“ verziu svojho kódu, do ktorej commitujete zmeny v súbore, ktorý ste upravovali na locale. Vďaka tomu môže na vývoji robiť viacero developerov súčasne.