I den här screencasten kopplar jag ihop med Brian Muenzenmeyer som bland annat arbetar på Pattern Lab. Närmare bestämt Node-versionen av Pattern Lab, tillsammans med Geoff Pursell.
Jag bör påpeka: denna skärmdump repade knappt ytan på vad Pattern Lab erbjuder. Det är inte en heltäckande översikt. Brian sa att en 8-timmars workshop nyligen inte kunde täcka allt. Ämnena som behandlas i den här screencast är:
- Vad är mönsterlabb?
- Varför skulle jag använda den?
- Få det installerat och se hur det fungerar
Vi börjar från absolut ingenting och får Pattern Lab installerat och börjar spela med det. Brian hjälper mig på vägen när jag kör.
Pattern Lab Node finns i Grunt- och Gulp-versioner. Vi använder Gulp-versionen för denna screencast, men jag tror att de utvecklas parallellt. Gulp-versionen kör Gulp 4, som min maskin ännu inte uppgraderades till, så vi täckte hur man gör det utan att behöva uppgradera och eventuellt skruva upp andra projekt.
Mer saker att veta om mönsterlaboratorium
- Pattern Lab har också en mer mogen PHP-version som är byggd av Dave Olsen, som har mer robust Twig och Drupal support.
- En bra översikt över Pattern Lab från en konceptuell nivå publicerades nyligen på Smashing Magazine. Brian säger: ”Pattern Lab passar bra för team och företag i alla storlekar och kan anslutas till de flesta arbetsflöden. Minst två 50-förmögenhetsföretag använder det för att driva sina webbprodukter. ”
- Förutom Mustasch kan Pattern Lab Node bygga mallar för handtag, understrykning och kvist, med olika stödnivåer.