12/08/2018, 16:47

Lập trình CSS với Shoelace.css

Các Frontend Developer cần các tài nguyên tốt nhất để hỗ trợ họ lập trình. Thông thường, họ thường sử dụng Bootstrap framework để hỗ trợ họ lập trình Frontend, vì nó có sẵn các thứ cơ bản cần thiết cho một nhà phát triển giao diện người dùng. Tuy nhiên, có rất nhiều sự lựa chọn khác mà bạn ...

Shoelace frontend development

Các Frontend Developer cần các tài nguyên tốt nhất để hỗ trợ họ lập trình. Thông thường, họ thường sử dụng Bootstrap framework để hỗ trợ họ lập trình Frontend, vì nó có sẵn các thứ cơ bản cần thiết cho một nhà phát triển giao diện người dùng.

Tuy nhiên, có rất nhiều sự lựa chọn khác mà bạn nên quan tâm và Shoelace.css là một ví dụ điển hình mà bạn thêm tham khảo khi bạn có ý muốn sử dụng một framework mới hơn so với Bootstrap.

Bộ CSS miễn phí này không phải là một full framework (bản đầy đủ). Thay vào đó, nó giống như là sản phẩm dành cho những nhà phát triển không muốn xây dựng Frontend chuẩn ngay từ đầu mà muốn tự mình thiết kế nó.

Bạn luôn có thể sử dụng CSS reset nhưng chỉ định dạng cho những trình duyệt có tính ngang nhau. Reset không phải là cover-all để xử lý các tác vụ phức tạp hơn và đó chính là điểm mấu chốt thú vị của Shoelace.

Một số code trong Shoelace

Nó đi kèm như là một gói CLI chạy nên Node mà bạn có cài đặt với bất kỳ dự án nào của bạn. Nó cũng có một phiên bản CDN nếu bạn không muốn sử dụng npm.

Nếu biết tất cả các thiết lập, hãy xem qua tài liệu hướng dẫn trong phần Docs của Shoelace. Mặc dù được giới thiệu như là một thư viện CSS, nhưng nó cũng có các phần Javascript kèm theo để hỗ trợ bạn tối đa trong việc lập trình. Mặc dù là các code Javscript chạy trên jQuery, nên bạn cần phải thêm các thư viện cần thiết để sử dụng.

Nếu bạn xem kỹ hơn trong phần tài liệu, bạn sẽ tìm được những hướng dẫn để thay đổi các biến trong CSS. Điều này cho phép chúng ta tự do tùy chỉnh và thiết kế giao diện với Shoelace.

Tài liệu học Shoelace

Mỗi thành phần như là một Bootstrap-y trong thiết kế, do đó Shoelace làm việc về layout nhiều hơn.

Tuy nhiên, nó khó học hơn Bootstrap, vì nó không phổ biến và không được hỗ trợ nhiều. Trong bài viết này, lúc này Shoelace chỉ đang ở phiên bản v1.0 beta, vì vậy còn rất nhiều thời gian để chúng ta phát triển thêm cho Shoelace.

Xem nhanh qua các tài liệu, bạn sẽ thấy rằng Shoelace cũng xứng đáng cho một dự án. Nó tùy thuộc vào bạn xem Shoelace có đáng tin cậy và tốt hay không.

Github: https://github.com/claviska/shoelace-css Tài liệu: https://shoelace.style/docs/installing.html Nguồn: https://www.hongkiat.com/blog/shoelacecss-frontend-starter-kit/

Viết bởi: Pao Pevil

Bài liên quan

Lập trình Spring với ứng dụng MyContact

MyContact là một ứng dụng mà mình thường viết mỗi khi học một ngôn ngữ hay công nghệ mới. MyContact chỉ là một ứng dụng CRUD đơn giản, cho phép người dùng quản lý danh bạ cá nhân. Theo mình viết ứng dụng thực tế là một trong những cách học hiệu qủa nhất. Thông qua tutorial này, mình ...

Vũ Văn Thanh viết 23:43 ngày 30/08/2018

Quy tắc viết mã cơ bản trong lập trình web với PHP

Để có thể học php tốt thì điều quan trọng đầu tiên là bạn phải nắm vững được quy tắc viết mã cơ bản trong lập trình web với php. Vì trong lập trình chỉ cần bạn viết sai một ký tự nhỏ dù là dấu phẩy (,) thì chương trình của bạn không bao giờ có thể hoạt động được. Bài viết hôm nay mình ...

Hoàng Hải Đăng viết 10:20 ngày 20/08/2018

Lập trình CSS với Shoelace.css

Các Frontend Developer cần các tài nguyên tốt nhất để hỗ trợ họ lập trình. Thông thường, họ thường sử dụng Bootstrap framework để hỗ trợ họ lập trình Frontend, vì nó có sẵn các thứ cơ bản cần thiết cho một nhà phát triển giao diện người dùng. Tuy nhiên, có rất nhiều sự lựa chọn khác mà bạn ...

Hoàng Hải Đăng viết 16:47 ngày 12/08/2018

Cách viết một Singleton sao cho đúng trong lập trình IOS với Swift

Trong lập trinh IOS chẳng mấy xa lạ với design pattent Singleton. Nhưng đã bao giờ bạn thực sự để ý cách viết và sử dụng nó sao cho thực sự hợp lý. Trong bài này chúng ta cùng nhau tìm hiểu cách viết và sử dụng singleton trong lập trình IOS cụ thể là ngôn ngữ swift sao cho đúng và hợp lý. Về cơ bản ...

Tạ Quốc Bảo viết 15:47 ngày 12/08/2018

Lập trình C cho hệ thống nhúng (P2- Lập trình nhúng với micro controller V850E)

1. Giới thiệu về micro controller V850E V850 là một dòng vi điều khiển của hãng NEC được sử dụng rộng rãi trong các hệ thống nhúng với nhiều mục đích khác nhau. Vơi ưu điểm lượng tiêu thụ điện năng thấp , mức nhiễu nhỏ trong khi vẫn mang lại một hiệu suất cao và được tích hợp nhiều chức năng. Một ...

Hoàng Hải Đăng viết 14:53 ngày 12/08/2018
0