# 128: Effeckt.css, Thiết lập cục bộ với Grunt và Đóng góp trên GitHub - Thủ thuật CSS

Anonim

Effeckt.css là một dự án mã nguồn mở đang được tiến hành nhằm mục đích cung cấp hiệu ứng chuyển tiếp CSS và hoạt ảnh chất lượng cho các nhà thiết kế web. Ý tưởng là cung cấp càng ít giao diện người dùng và JavaScript càng tốt để bạn có thể trích xuất một hiệu ứng để sử dụng trên trang web của riêng mình và tùy chỉnh nó một cách dễ dàng.

Trong video màn hình này, tôi giới thiệu với bạn về dự án, chỉ ra cách bạn có thể làm cho nó chạy cục bộ và cách đóng góp cho nó trên GitHub. Có rất nhiều công nghệ liên quan. Dự án sử dụng Node và npm cho các yếu tố phụ thuộc của nó. Một trong số đó là Grunt xử lý quá trình xây dựng. Về cơ bản, Grunt xem thư mục dự án và chạy tất cả những thứ phù hợp khi các tệp thay đổi. Ví dụ: xây dựng lại các tệp HTML khi các mẫu thay đổi và chạy Sass, Autoprefixer và LiveReload khi các tệp SCSS thay đổi.

Sau đó, chúng tôi thực hiện một thay đổi thực sự đối với dự án (trên ngã ba của nó) và gửi một yêu cầu kéo lên dự án chính.