# 149: Giới thiệu nhanh về nút Pattern Lab với Brian Muenzenmeyer - Thủ thuật CSS

Anonim

Trong đoạn phim này, tôi bắt cặp với Brian Muenzenmeyer, người cùng làm việc trên Pattern Lab. Cụ thể là phiên bản Node của Pattern Lab, cùng với Geoff Pursell.

Tôi nên chỉ ra rằng: video truyền hình này hầu như không làm trầy xước bề mặt của những gì mà Pattern Lab cung cấp. Nó không phải là một tổng quan toàn diện. Brian cho biết một hội thảo kéo dài 8 giờ gần đây thậm chí không thể bao quát hết được. Các chủ đề được đề cập trong video màn hình này là:

  1. Pattern Lab là gì?
  2. Tại sao tôi sẽ sử dụng nó?
  3. Cài đặt nó và xem nó hoạt động như thế nào

Chúng tôi bắt đầu từ hoàn toàn không có gì và cài đặt Pattern Lab và bắt đầu chơi với nó. Brian giúp tôi trên đường đi khi tôi lái xe.

Pattern Lab Node có các phiên bản Grunt và Gulp. Chúng tôi sử dụng phiên bản Gulp cho screencast này, nhưng tôi tin rằng chúng được phát triển song song. Phiên bản Gulp đang chạy Gulp 4, mà máy của tôi chưa được nâng cấp lên, vì vậy chúng tôi đã đề cập đến cách thực hiện điều đó mà không cần nâng cấp và có khả năng làm hỏng các dự án khác.

Thông tin thêm cần biết về phòng thí nghiệm mẫu

  • Pattern Lab cũng có một phiên bản PHP hoàn thiện hơn do Dave Olsen xây dựng, có hỗ trợ Twig và Drupal mạnh mẽ hơn.
  • Gần đây, một cái nhìn tổng quan về Pattern Lab từ cấp độ khái niệm đã được xuất bản trên Tạp chí Smashing. Brian nói: “Pattern Lab rất phù hợp cho các nhóm và công ty ở mọi quy mô và có thể kết hợp với hầu hết mọi quy trình làm việc. Ít nhất hai công ty có tài sản 50 đang sử dụng nó để giúp cung cấp năng lượng cho các sản phẩm web của họ ”.
  • Ngoài Mustache, Pattern Lab Node có thể xây dựng các mẫu cho Handlebars, Underscore và Twig, với nhiều mức hỗ trợ khác nhau.