# 149: Una rapida introduzione al nodo Pattern Lab con Brian Muenzenmeyer - Trucchi CSS

Anonim

In questo screencast mi associo a Brian Muenzenmeyer che, tra le altre cose, lavora a Pattern Lab. Nello specifico, la versione Node di Pattern Lab, insieme a Geoff Pursell.

Devo sottolineare: questo screencast ha appena scalfito la superficie di ciò che Pattern Lab offre. Non è una panoramica completa. Brian ha detto che un recente seminario di 8 ore non poteva nemmeno coprire tutto. Gli argomenti trattati in questo screencast sono:

  1. Cos'è Pattern Lab?
  2. Perché dovrei usarlo?
  3. Ottenendolo installato e vedendo come funziona

Partiamo dal nulla, installiamo Pattern Lab e iniziamo a giocarci. Brian mi aiuta lungo la strada mentre guido.

Pattern Lab Node è disponibile nelle versioni Grunt e Gulp. Usiamo la versione Gulp per questo screencast, ma credo che siano sviluppati in parallelo. La versione Gulp esegue Gulp 4, a cui la mia macchina non è ancora stata aggiornata, quindi abbiamo spiegato come farlo senza dover aggiornare e potenzialmente rovinare altri progetti.

Altre cose da sapere su Pattern Lab

  • Pattern Lab ha anche una versione PHP più matura creata da Dave Olsen, che ha un supporto più robusto per Twig e Drupal.
  • Una buona panoramica di Pattern Lab a livello concettuale è stata recentemente pubblicata su Smashing Magazine. Brian afferma: "Pattern Lab è adatto per team e aziende di qualsiasi dimensione e può essere inserito in quasi tutti i flussi di lavoro. Almeno due aziende Fortune 50 lo stanno utilizzando per potenziare i propri prodotti web ".
  • Oltre a Moustache, Pattern Lab Node può creare modelli per Manubri, Sottolineatura e Twig, con vari livelli di supporto.