Share Thiết kế các thành phần quan trọng trên website với thư viện layerJS

filiallion · 04/11/2019

Với thư viện layerJS, các bạn sẽ dễ dàng tạo các menu, slider, lightbox, hiệu ứng parallax, zoom hình ảnh... mà không có bất kỳ khó khăn nào. Thư viện layerJS có thể được xem như một framework front-end thu gọn với một số thành phần quan trọng thường được sử dụng trên website chứ không phải bao quát toàn bộ như một số thư viện khác như Bootstrap hay UIkit.

Một điểm đáng quan tâm của thư viện layerJS đó chính là các thành phần được thiết kế theo phong cách material, hiện đại và đẹp mắt với hàng loạt hiệu ứng hoạt hình, chuyển động đẹp giúp cho website sử dụng layerJS thêm chuyên nghiệp. Không chỉ dừng lại ở đó, thư viện layerJS còn hỗ trợ các thao tác chạm và trượt trên các thiết bị di động như máy tính bảng hay điện thoại.

Để sử dụng thư viện layerJS, các bạn truy cập địa chỉ https://github.com/layerjs/layerjs để tải về và tích hợp vào website với nội dung mã lệnh HTML như sau:

HTML:

<link href="path/to/layerjs.min.css" rel="stylesheet">
<script src="path/to/layerjs.min.js"></script>

Và để cài đặt một thành phần nào đó với thư viện layerJS, các bạn có thể tham khảo nội dung mã lệnh mẫu sau:

HTML:

<div data-lj-type="stage">
    <div data-lj-type="layer" data-lj-default-frame="main">
        <div data-lj-type="frame">Content</div>
    </div>
</div>

Các bạn có thể tìm hiểu thêm về thư viện layerJS tại địa chỉ https://layerjs.org.

Share Thiết kế các thành phần quan trọng trên website với thư viện layerJS

filiallion

Administrator