Đối với nhiều Web developer thì khái niệm về Bootstrap nghe rất là quen thuộc rồi nhé, còn đối với các bạn mới bắt đầu tìm hiểu về Bootrap CSS "Thiết kế website" thì nên chuẩn bị một số thứ sau đây.
1. Twitter bootstrap 3?
- Bạn cần có kiến thức căn bản về HTML & CSS, nếu bạn nào mới bắt đầu làm quen với lập trình css thì vào W3shool để tìm hiểu thêm kiến thức.
- Công cụ để viết CSS các bạn nên sử dụng Sublime text 3 và cài thêm plugin Boostrap 3 Snippets cho Sublime Text, hoặc đơn giản các bản sử dụng Dreamweaver quen thuộc cho dễ.
2. Twitter bootstrap 3 có những ưu điểm gì nổi bật
Twitter Bootstrap được trang bị với HTML, CSS và JavaScript cho nhiều thành phần web và giao diện người dùng. Bootstrap là một khuôn khổ front-end mạnh mẽ để phát triển web nhanh hơn và dễ dàng hơn. Nó bao gồm HTML và CSS dựa trên các mẫu thiết kế cho các thành phần giao diện người dùng thông thường như Typograph, Buttons, Navigations, Dropdowns, Alerts, modals, Tabs, Accordion,Carousel và nhiều người thành phần khác cũng như khả năng mở rộng với javascript.
Thiết kế chuẩn giao diện website tương thích với màn hình của smartphone và tự động co giãn theo độ phân giải của từng smartphone & tablet.
Bootstrap stylesheet cung cấp 960 grid và bố trí hiệu quả, cũng như phong cách chuyên nghiệp thủ công cho kiểu chữ, chuyển hướng, bảng, biểu mẫu, các nút, và nhiều hơn nữa, Ngoài ra còn cung cấp một bộ thư viện cũng được xây dựng của jQuery plugin chotrình đơn thả xuống, các tab, hộp phương thức, chú giải công cụ, các thông điệp cảnh báo, và nhiều hơn thế nửa.
Hỗ trợ cho trình duyệt IE8, sử dụng font và các biểu tượng chữ bằng css thay cho các hình ảnh thông thường.
Một số lợi thế vì sao các bạn nên sử dụng bootstrap 3.
- Phát triển giao diện website nhanh chóng: Bạn có thể mất vài ngày để hoàn thành giao diện một website với cách dùng css thông thường, còn nếu như các bạn sử dụng bootstrap thì thời gian sẽ được rút ngắn hơn. Sự tương thích của trình duyệt với thiết bị đã được kiểm tra nhiều lần nên bạn hoàn toàn có thể tin tưởng kết quả mình làm ra và nhiều khi không cần kiểm tra lại nên giúp cho dự án của bạn tiết kiệm được thời gian và tiền bạc và chất xám .
- Dễ học & dễ sử dụng: Bootstrap cung cấp cho chúng ta một bộ user guide quá đầy đủ, chỉ cần bạn khá tiếng anh hoặc cũng có thể dùng google dịch thì việc chinh phục bootstrap chỉ nằm trong tầm tay của các bạn thôi.
- Javascrip: Bootstrap được trang bị với các thư viện JavaScript và vượt ra ngoài cơ bản về cấu trúc và phong cách. JavaScriptthường trở thành một phần không thể thiếu trong một website . Với Bootstrap, các bạn có thể dễ dàng thao tác alert...vvv
- Tự phát triển: Bootstrap được trang bị nhiều yếu tố đang được xem xét tương lai có một thiết kế riêng của mình. Ví dụ cả HTML5 và CSS3 là những điều mà sẽ được nâng cấp trong tương lai. Nó hứa hẹn sẽ đánh bật mọi đối thủ khó chịu như là Foundation, bluepink...vv
3. Lời kết:
Bài này chỉ dừng lại mức giới thiệu Bootrap 3 nhưng qua đây các bạn cũng hiểu được tầm quan trọng của bootrap như thế nào, theo tôi nó rất quan trọng việc thiết kế lập trình website, nó giúp chúng ta phát triển dự án nhanh hơn, và tương thích với các thiết bị hiện có tại thời điểm bây giờ.
0 comments:
Post a Comment