Bootstrap có an toàn để sử dụng không

Sẽ không có gì ngạc nhiên với bất kỳ ai đã nghe tôi nói rằng tôi không phải là bạn của Bootstrap. Một trong những mục tiêu của tôi với các khóa đào tạo mà Four Kitchens thực hiện cho Thiết kế web đáp ứng tại các sự kiện Drupal khác nhau và cho các công ty, là cung cấp cho các nhà phát triển các công cụ họ cần để không sử dụng Bootstrap hoặc các công cụ tương tự khác. Tôi hy vọng sẽ làm sáng tỏ lý do tại sao tôi cảm thấy rằng Bootstrap là công cụ không phù hợp với hầu hết các trang web và bạn có thể sử dụng công cụ nào thay cho nó

1. chống mẫu

Trước hết, Bootstrap hỗ trợ quá nhiều mẫu chống. Anti-pattern là một ý tưởng thiết kế có vẻ tốt, được sao chép thường xuyên, nhưng nhìn chung là những ý tưởng tồi cho một trang web. Trước hết, Bootstrap không cung cấp cho bạn một thiết kế đáp ứng thực sự. Nó hỗ trợ ý tưởng rằng nên có 4 điểm dừng dựa trên ý tưởng rằng chúng tôi đang xây dựng trang web cho điện thoại, máy tính bảng và máy tính để bàn. Điều này trái với ý tưởng thiết kế và xây dựng một trang web dựa trên nội dung và đảm bảo rằng trang web có thể sử dụng được, bất kể thiết bị nào xem nó. Một ví dụ điển hình về cách các thiết bị không phù hợp với các danh mục riêng biệt như vậy là Samsung Galaxy Mega, đây là điện thoại thông minh lớn hoặc máy tính bảng nhỏ. Thiết kế phải hoạt động với một thiết bị như vậy, mặc dù nó không phải là máy tính bảng hay điện thoại thông minh cụ thể

Đây cũng là một vấn đề chung với các hệ thống lưới dựa trên lớp, mà chúng tôi đang tự giới hạn mình. Lưới nên hoạt động với chính nội dung, không áp đặt cấu trúc lớp. Chúng ta không nên giới hạn bản thân trong bố cục 12 cột với bốn điểm dừng. Thay vào đó, hãy thiết kế trang web của chúng tôi xung quanh nội dung, tạo bố cục đầu tiên trên thiết bị di động tuyệt vời. Nói ngắn gọn. Chúng tôi xứng đáng tốt hơn

2. Bạn nên sử dụng thiết kế CỦA BẠN

Tất cả các trang web Bootstrap trông giống nhau và tất cả đều có cùng một mã giao diện người dùng được áp dụng. Ngay cả các chủ đề sẽ áp dụng rất nhiều kiểu dáng mà bạn có thể không cần. Nhưng đối với trang web của bạn, bạn nên có ít CSS nhất có thể để tạo thiết kế CỦA BẠN. Tại sao bạn phải ghi đè một cái gì đó, khi bạn chỉ có thể sử dụng mã của riêng mình ngay từ đầu?

3. đánh dấu tốt hơn

Tôi ghét có các lớp dư thừa và các lớp không ngữ nghĩa làm xáo trộn đánh dấu của tôi. Tôi muốn trang web của mình sạch sẽ, dễ đọc và ít can thiệp nhất có thể khi tôi tạo đánh dấu. Bên cạnh mong muốn đánh dấu rõ ràng của tôi, cũng có những lý do thực tế khiến tôi không muốn hệ thống dựa trên lớp này. Nhiều CMS, bao gồm cả Drupal, có quan điểm và phương pháp riêng để in ra các lớp và đánh dấu và việc phải đặt các lớp Bootstrap trong suốt quá trình đánh dấu là rất khó. Vâng, nó có thể được thực hiện, và vâng, có nhiều cách để làm điều đó. Tuy nhiên, sẽ mất nhiều thời gian và năng lượng hơn là chỉ tạo CSS tùy chỉnh của riêng bạn ngay từ đầu

4. Sass làm cho nó có thể

Đây là điểm trong các lập luận của tôi mà tôi thường nhận được phản ứng là “Có, nhưng tôi cần tạo các nguyên mẫu nhanh và tôi không có thời gian để tạo CSS tùy chỉnh từ ngày đầu tiên. ” Điều này đã đúng, trước khi cộng đồng Sass bắt đầu tạo các tiện ích mở rộng có thể cắm vào Compass để cho phép tạo các nguyên mẫu nhanh chóng và dễ dàng với 100% mã tùy chỉnh. Bạn không chỉ có thể làm điều này với mã tùy chỉnh mà còn đang viết mã sẵn sàng sản xuất từ ​​ngày đầu tiên với nguyên mẫu của mình. Nhóm Sass đã thực hiện rất nhiều công việc để cho phép lưới tùy chỉnh, truy vấn phương tiện và tạo kiểu cực kỳ dễ dàng. Bạn có thể làm được, và những công cụ này sẽ làm được điều đó

Bootstrap tốt cho việc gì

Tôi thực sự khuyên bạn không nên sử dụng Bootstrap và sẽ không bao giờ ủng hộ việc sử dụng nó trên một trang web trực tiếp. Nói như vậy, nó không hoàn toàn tệ, và đã được tạo ra bởi một nhóm các kỹ sư và nhà thiết kế tuyệt vời để đưa ra một số ý tưởng tuyệt vời cho thế giới. Trước hết, đây là một cách hay để tìm hiểu và xem cách sử dụng một số kiểu dáng và JavaScript thú vị. Nếu bạn chưa quen với công việc giao diện người dùng hoặc muốn xem thiết kế web đáp ứng hoạt động như thế nào ở cấp độ cơ bản, hãy xem mã. Đó là một cách tuyệt vời để tìm hiểu về cơ bản một số ví dụ giao diện người dùng này hoạt động như thế nào. Ngoài ra, nếu bạn đang xây dựng một trang quản trị phụ trợ, chỉ được sử dụng nội bộ, thì Bootstrap là một công cụ tuyệt vời để cung cấp cho bạn các phần giao diện người dùng thú vị mà không cần phải thiết kế đầy đủ. Vì mã này sẽ không cần phải hoạt động hoàn hảo và sẽ không thành vấn đề nếu thiết kế của nó ăn cắp từ các thành phần giao diện người dùng khác, hãy sử dụng Bootstrap

Gói (lại

Không sử dụng Bootstrap. Không, thực sự không. Bạn có thể làm tốt hơn, bạn có thể thiết kế tốt hơn và bạn có thể xây dựng mã của mình tốt hơn. Sử dụng bộ tiền xử lý CSS như Sass sẽ cho phép bạn vẫn có nguyên mẫu nhanh mà bạn cần và các công cụ cộng đồng trong Sass sẽ là bánh mì và bơ của bạn về vấn đề này

Đối với nhiều nhà phát triển web, Bootstrap là cách tốt nhất khi bạn phải tạo Trang web hoặc Ứng dụng. Nhưng trong 5 năm tôi làm trang web, tôi đã tìm thấy những thứ khiến tôi thay đổi hoàn toàn quyết định sử dụng Bootstrap và tôi đã thay đổi gần như hoàn toàn cách tạo trang web.

Xin chào. Tên tôi là Codedgar và hôm nay tôi muốn nói về lý do tại sao tôi không sử dụng Bootstrap nữa. Vì đây là câu hỏi mà sinh viên, đồng nghiệp và mọi người nói chung đã hỏi tôi rất nhiều trong thời gian gần đây. Tại sao tôi không sử dụng Bootstrap?

Hãy bắt đầu với lịch sử của tôi (Tôi sẽ nói ngắn gọn, hứa với C. ) Khi tôi bắt đầu làm công việc phát triển web giao diện người dùng, điều đầu tiên tôi bắt gặp là Bootstrap. Và với điều đó, tôi nghĩ rằng tôi đã thành thạo việc phát triển giao diện người dùng, nó rất dễ sử dụng, nhanh chóng và nó có rất nhiều thành phần. Tốt đẹp

Nhưng khi công việc của tôi tiến triển và các trang web ngày càng trở nên tùy chỉnh hơn, tôi bắt đầu thấy Bootstrap hơi không hữu ích và đó là lúc tôi đi đến kết luận tại sao tôi sẽ không sử dụng Bootstrap trong các tác phẩm mới của mình

Để dễ hiểu hơn, tôi đã chia bài đăng này thành các lý do tại sao tôi không sử dụng nó, hãy tận hưởng

1- Trọng lượng
2- Thành phần và Tiện ích
3- Kiểu dáng

1- Trọng lượng

"Trọng lượng? Nhưng Bootstrap nhỏ hơn 500KB". Vâng, tôi biết điều đó. Nhưng hãy xem xét chúng ta thực sự sử dụng bao nhiêu Bootstrap. Và sử dụng Bootstrap có nghĩa là bạn cũng phải sử dụng jQuery, vì vậy nếu bạn tạo trang đích bằng Bootstrap, bạn sẽ phải sử dụng jQuery, Bootstrap CSS và Bootstrap JS. Tất cả các tài nguyên này sẽ không được sử dụng dù chỉ một nửa nếu bạn sử dụng Bootstrap. Và điều đó đưa tôi đến vấn đề tiếp theo của tôi

2- Linh kiện

"Thiếu?" . Bootstrap có rất nhiều thành phần và tiện ích, đến nỗi bạn gần như chắc chắn sẽ không bao giờ sử dụng dù chỉ một nửa trong số chúng. Và bạn có thể tranh luận rằng với NodeJS, bạn chỉ có thể biên dịch và sử dụng CSS mà trang web sử dụng, nhưng với HTML đơn giản cho một máy chủ có Cpanel, điều này là không thể (Ít nhất là tôi biết). Vì vậy, có rất nhiều thành phần mà bạn có thể sẽ không sử dụng và dù sao thì chúng vẫn ở đó

Đây không chỉ là vấn đề của Bootstrap mà còn của nhiều framework tôi từng thấy, như Materialize hoặc UiKit, nơi có những thành phần mà hầu hết mọi người sẽ không sử dụng và có những lớp chỉ có thể được chia thành một kiểu, chẳng hạn như

modal-top-left{top. còn 5. 5%}

Và cứ thế cho modal-top-right, modal-bottom-left, modal-bottom-right. Nếu bạn muốn thay đổi vị trí của phương thức, bạn hoàn toàn có thể làm điều đó chỉ với một lớp, việc thêm các lớp này thật ngu ngốc

3- Tạo kiểu

Mặc dù Bootstrap rất dễ sử dụng nhưng không dễ tùy chỉnh như bạn nghĩ. Một số thành phần sẽ yêu cầu bạn sử dụng. quan trọng nhiều lần, điều này không lý tưởng khi tạo CSS. Và việc phải ghi đè các kiểu mặc định của Bootstrap cũng giống như việc bạn phải tạo CSS của riêng mình từ đầu

Tôi sẽ sử dụng cái gì sau đó?

Hầu hết mọi người tại thời điểm này chỉ nói "Vậy thì sao? Bạn tạo CSS từ đầu và không sử dụng bất kỳ khuôn khổ nào?" . Khung tôi sử dụng được gọi là Flexbox Grid và nó chỉ đi kèm với các cột và hàng, không có gì hơn. Và nó chỉ nặng 1. 9KB. Vì vậy, trên một trang web có 1 trang chủ và 4 trang con, tổng CSS (bao gồm cả Flexbox Grid) chỉ là 5KB. Đối với tôi, đó là nhanh chóng đáng kinh ngạc

Và tôi có nên sử dụng Bootstrap không?

Chà, có một điều tôi không thể phủ nhận và đó là nếu bạn cần phát triển thứ gì đó cực kỳ nhanh, bạn có thể sử dụng Bootstrap. Và nếu bạn đang suy nghĩ liệu mình có nên hay không nên sử dụng Bootstrap, hãy tự hỏi bản thân

1- Tôi sẽ sử dụng một số thành phần của Bootstrap chứ?
2- Tôi có đang vội phát triển giao diện người dùng này không?
3- Thiết kế có

Nếu câu trả lời của bạn là. Có, có, và không;

Thêm. Tôi có ghét Bootstrap không?

Dĩ nhiên là không. Tôi nghĩ rằng thật tuyệt vời khi phát triển các trang web nhanh hơn và dễ dàng hơn, nhưng tôi sẽ không sử dụng nó nữa vì tôi thích tự tạo các thành phần của riêng mình và thủ công hầu hết mọi thứ bằng tay. Tôi biết rằng Bootstrap sẽ tồn tại và vẫn được nhiều người sử dụng, và điều đó hoàn toàn ổn. )

Bootstrap có phải là rủi ro bảo mật không?

Đang sử dụng Bootstrap gian lận?

Tải xuống Bootstrap có an toàn không?

Sử dụng Bootstrap có phải là một ý tưởng hay không?