5 thay đổi lớn của bootstrap trong năm 2015

Thứ năm - 20/08/2015 18:50
Bootstrap là một framework xây dựng giao diện website phổ biến nhất trên thế giới. Là nguời đam mê web, tôi đọc đuợc bài viết về kế hoạch phát hành Bootstrap 4 trên blog của bootstrap. Dưới đây là năm tính năng được mong đợi.
5 thay đổi lớn của bootstrap trong năm 2015

1. Thay đổi hệ thống lưới (grid)

Bootstrap 3 đã có một hệ thống lưới với nền tảng vững chắc, nó tương tác với các thiết bị một cách dễ dàng, cho nên, trong Bootstrap 4 sẽ không thay đổi nhiều về hệ thống này.

Mức độ thay đổi: Nhỏ

2. Thanh navbar được thiết kế lại hoàn toàn

Có lẽ việc khó khăn nhất khi dùng bootstrap 3 là các thanh điều hướng, nó có quá nhiều lớp được viết để xây dựng nó. Việc thêm hình ảnh vào menu gần như là điều không thể, với các phiên bản trước Bootstrap v3.3.
Chúng tôi không có thông tin chi tiết về navbar trong Bootstrap 4 sẽ được xử lý như thế nào trên thiết bị di dộng, nhưng hi vọng nó sẽ khái quát, dễ dàng hơn so với hiện tại.

Mức độ thay đổi: Lớn

Bạn phải thay đổi lại tất cả cấu trúc HTML hiện tại của bạn, cho phần này, hơi mất thời gian song nó làm giảm tối đa các lớp css để xây dựng navbar so với Bootstrap 3.

3. Tài liệu sử dụng mới

Các tài liệu của bootstrap luôn được trình bày dưới dạng phân cấp con. Để bắt đầu, đôi khi nguời dùng không tìm ra thứ họ muốn ở thanh phân cấp này.

Mức độ thay đổi: Trung bình

Thật ra thì công việc chính là bố trí lại bố cục, không nhất thiết phải thay đổi các nội dung như các bạn vẫn thường sử dụng.

bootstrap 4

4. Các thành phần chuyển động

Thư viện họat cảnh của bootstrap chưa bao giờ được đánh giá là phong phú. Bạn có thể sử dụng các thành phần hiện tại đang có, nếu bạn thích. Tham khảo phong cách thiết kế Material của google, nó sử dụng các thư viện dành cho web phổ biến nhất, để người dùng có thể làm theo.

Mức độ thay đổi: Trung bình

5. Một cách tiếp cận mới với giao diện chung

Đây là một chức năng rất hay. Với Bootstrap 3, bạn có thể:

- Ghi đè một file RAW CSS
- Tùy chỉnh tập tin bootstrap trên trang tùy chỉnh của Bootstrap
- Nhân đôi các file Bootstrap’s LESS tồn tại và ghi đè lên bản gốc.


Mức độ thay đổi: Nhỏ

6. Tất cả các thay đổi trong Bootstrap 4

- Cập nhật hệ thống lưới (grid) trên các thiết bị cầm tay.
- Thêm thành phần mới, thay thế cho panels, thumbnails, wells.
- Navbar đơn giản hơn.
- Chuyển tất cả các giá trị px sang rems, đây là đơn vị dễ dàng tùy chỉnh kích thước thành phần.
- Bỏ hỗ trợ IE8
- Cập nhật thành phần biểu mẫu, bao gồm việc tùy chỉnh biểu mẫu.
- Thêm thành phần hiệu ứng chuyển động mới
- Hỗ trợ UMD cho javascript
- Tối ưu javascript cho tooltips, popovers và dropdowns.
- Cách trình bày tài liệu mới (Viết trên Markdown)
- Cách tùy chỉnh cấu hình giao diện mới.
- Nhiều thay đổi nhỏ khác.

Nguồn tin: iamkevinrhodes.com

Tổng số điểm của bài viết là: 20 trong 5 đánh giá

Xếp hạng: 4 - 5 phiếu bầu
Click để đánh giá bài viết

  Ý kiến bạn đọc

Trung tâm ứng dụng NukeViet
Ghi rõ nguồn khi sao chép thông tin từ website này.

Powered by NukeViet - a product of VINADES.,JSC