Giới thiệu và sử dụng Framework Skeleton CSS

Việc lựa chọn framework phù hợp hoàn hoản với project của bạn có thể nói là hơi bị khó – bởi ngoài kia có vô số để lựa chọn. Có thể, bạn muốn đi cùng các lựa chọn phổ biến như Bootstrap hay Foundation, nhưng nếu bạn đang tiến hành một trang đơn giản, bạn sẽ không sử dụng hết những khối, nút, hay gì gì đó, đã được bao gồm trong gói mặc định.

Và đó là lý do vì sao tồn tại một số frame work nhỏ gọn và đơn giản hơn. Trong số đó thì mình tin dùng Skeleton.

Tại sao dùng Skeleton?

Bạn nên sử dụng Skeleton khi bạn “triển” một dự án nhỏ hoặc bạn chỉ là không muốn bất kì cái đó nặng nề. Skeleton đơn giản chỉ là một loạt style nhỏ gọn cho các phần tử HTML, nó cũng bao gồm cả grid.

Hệ thống grid Skeleton đáp ứng tốt với phong cách mobile-first hiện nay, nó đảm bảo việc các layout sẽ ở chính giữa trung tâm, không quan trọng về việc màn hình nhỏ cỡ nào.

Tất cả các thành phần bao gồm trong bản trước đó như – buttons, forms và các phần tử input – đều đã được đặt với đơn vị rem.

Cài đặt đơn giản

Các bạn có thể đơn giản sử dụng framework Skeleton này bằng cách thêm vào trong thẻ head. 

Với link tại cdn: https://cdnjs.com/libraries/skeleton

Hoặc download luôn tại trang chủ Skeleton.

Video test Skeleton

 

Trong video này mình đã trình bày lướt qua về sử dụng Skeleton. Mà chưa đâm sâu vào nó cho lắm. Có lẽ mình sẽ làm một vài landing page demo với nó tại bài sau.

Để có thể xem chi tiết hãy vào trang chủ Skeleton.

Leave a Reply

avatar
  Subscribe  
Notify of
%d bloggers like this: