# 149: En rask introduksjon til mønsterlabnode med Brian Muenzenmeyer - CSS-triks

Anonim

I denne screencasten kobler jeg sammen med Brian Muenzenmeyer som blant annet jobber på Pattern Lab. Nærmere bestemt Node-versjonen av Pattern Lab, sammen med Geoff Pursell.

Jeg burde påpeke: denne skjermbildet skrapte knapt overflaten av det Pattern Lab tilbyr. Det er ikke en omfattende oversikt. Brian sa at en nylig 8-timers workshop ikke engang kunne dekke det hele. Temaene som dekkes i denne screencast er:

  1. Hva er Pattern Lab?
  2. Hvorfor skulle jeg bruke den?
  3. Få det installert og se hvordan det fungerer

Vi starter fra ingenting og får installert Pattern Lab og begynner å leke med det. Brian hjelper meg underveis mens jeg kjører.

Pattern Lab Node kommer i Grunt- og Gulp-versjoner. Vi bruker Gulp-versjonen til denne skjermsendingen, men jeg tror de er utviklet parallelt. Gulp-versjonen kjører Gulp 4, som maskinen min ikke ble oppgradert til ennå, så vi dekket hvordan du gjør det uten å måtte oppgradere og potensielt skru opp andre prosjekter.

Mer ting å vite om mønsterlaboratorium

  • Pattern Lab har også en mer moden PHP-versjon som er bygget av Dave Olsen, som har mer robust Twig og Drupal-støtte.
  • En god oversikt over Pattern Lab fra et konseptuelt nivå ble nylig publisert på Smashing Magazine. Brian sier: “Pattern Lab egner seg godt for team og selskaper i alle størrelser, og kan plugges inn i de fleste arbeidsflyter. Minst to fortune 50-selskaper bruker den til å drive nettproduktene sine. ”
  • I tillegg til Mustache kan Pattern Lab Node bygge maler for styr, understreke og kvist, med forskjellige nivåer av støtte.