Hướng dẫn is it necessary to use bootstrap - có cần thiết phải sử dụng bootstrap 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 với Bootstrap. Một trong những mục tiêu của tôi với các khóa đào tạo mà bốn nhà bếp thực hiện để 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ẽ rõ ràng lý do tại sao tôi cảm thấy rằng Bootstrap là công cụ sai cho hầu hết các trang web và những gì bạn có thể sử dụng thay vì nó. Trước hết, Bootstrap hỗ trợ quá nhiều người chống lại. Một mô hình chống 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ế thực sự đáp ứng. Nó hỗ trợ cho ý tưởng rằng cần có 4 điểm dừng dựa trên ý tưởng rằng chúng tôi đang xây dựng các trang web đến đ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 trang web có thể sử dụng được, bất kể thiết bị 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à một điện thoại thông minh lớn hoặc một máy tính bảng nhỏ. Thiết kế nên 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 hoặc điện thoại thông minh. Đây là một vấn đề nói chung với các hệ thống lưới dựa trên lớp, mà chúng ta đang giới hạn bản thân. 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. Tóm lại: chúng tôi xứng đáng tốt hơn. Tất cả các trang web Bootstrap đều trông giống nhau và tất cả đều có cùng mã mặt trước đượ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 nên ghi đè lên một cái gì đó, khi bạn chỉ có thể sử dụng mã của riêng mình ngay từ đầu? Tôi ghét có những lớp học dư thừa và các lớp học phi nghệ thuật xả rác đánh dấu của tôi. Tôi muốn trang web của mình sạch sẽ, dễ đọc và có ít sự can thiệp nhất có thể khi tôi tạo ra đánh dấu. Bên cạnh mong muốn của tôi về đánh dấu sạch, cũng có những lý do thực tế cho việc không muốn hệ thống dựa trên lớp học này. Nhiều CMS, bao gồm Drupal, có ý kiến và phương pháp riêng để in ra đánh dấu và các lớp và phải đặt các lớp bootstrap trong suốt đánh dấu là rất khó khăn. Vâng, nó có thể được thực hiện, và vâng, có nhiều cách để làm điều đó. Nhưng, 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. Đây là điểm trong các lập luận của tôi rằng tôi thường nhận được phản ứng của, Có, nhưng tôi cần phải tạo ra các nguyên mẫu nhanh chóng và tôi không có thời gian để tạo CSS tùy chỉnh từ ngày 1. Điều này là đúng, trước khi cộng đồng SASS bắt đầu thực hiện các tiện ích mở rộng có thể cắm vào la bàn để cho phép các nguyên mẫu nhanh chóng và dễ dàng được thực hiện với mã tùy chỉnh 100%. Bạn không chỉ có thể làm điều này với mã tùy chỉnh, mà bạn còn viết mã sẵn sàng sản xuất từ ngày 1 với nguyên mẫu của bạn. Đội SASS đã thực hiện một lượng lớn công việc để cho phép các lưới tùy chỉnh, truy vấn phương tiện và kiểu dáng cực kỳ dễ dàng. Bạn có thể làm điều đó, và những công cụ này sẽ làm cho nó có thể. Tôi đặc biệt 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. Điều đó đang được nói, nó không phải là tất cả xấu, 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, đó là một cách tốt để học hỏi, và xem một số kiểu dáng và javascript thú vị có thể được sử dụng như thế nào. Nếu bạn chưa quen với công việc trước hoặc muốn xem cách thức thiết kế web đáp ứng hoạt động ở cấp độ cơ bản, hãy xem mã. Đó là một cách tuyệt vời để học cách một số ví dụ về mặt trước này hoạt động. Ngoài ra, nếu bạn đang xây dựng một trang quản trị cuối cùng, điều đó chỉ được sử dụng trong nội bộ, Bootstrap là một công cụ tuyệt vời để cung cấp cho bạn các phần UI thú vị mà không cần phải thiết kế đầy đủ. Vì mã này sẽ không cần phải thực hiện hoàn hảo và sẽ không quan trọng nếu thiết kế của nó đánh cắp từ các yếu tố UI khác, hãy sử dụng Bootstrap. Không sử dụng bootstrap. Không, thực sự don don. 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ộ xử lý CSS như SASS sẽ cho phép bạn vẫn có nguyên mẫu nhanh chóng 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 để đi khi bạn phải tạo một trang web hoặc ứng dụng. Nhưng trong năm năm tôi đã tạo ra các trang web, tôi đã tìm thấy những điều khiến tôi thay đổi quyết định sử dụng Bootstrap và tôi đã thay đổi cách tôi tạo ra các trang web gần như hoàn toàn. 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ì đó là một câu hỏi mà các sinh viên, đồng nghiệp và người dân, nói chung, đã hỏi tôi rất nhiều 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ẽ rất ngắn, Hứa C :) Khi tôi bắt đầu làm việc trên Frontend Web Development, điều đầu tiên tôi vượt qua là Bootstrap. Và với điều đó, tôi nghĩ rằng tôi đã phát triển thành thạo, thật dễ dàng, nhanh chóng để sử dụ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, tôi bắt đầu thấy Bootstrap hơi không đáng tin, và đó là khi tôi đi đến kết luận về lý do tại sao tôi không sử dụng Bootstrap trong các tác phẩm mới của mình. Để hiểu dễ dàng hơn, tôi đã chia bài viết này về 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 dưới 500kb". Vâng, tôi nhận thức được điều đó. Nhưng chúng ta hãy xem xét số lượng bootstrap chúng ta thực sự sử dụng. 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 một trang đích với 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 ngay cả 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- Thành phần:"Thiếu?" Không, hoàn toàn không, thực sự là ngược lại. 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 một nửa trong số chúng. Và bạn có thể lập luận rằng với NodeJS, bạn có thể biên dịch và chỉ sử dụng CSS mà trang web sử dụng, nhưng với HTML đơn giản cho 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ó số lượng lớn các thành phần mà bạn có thể sẽ không sử dụng và dù sao chúng cũng sẽ ở đó. Đây không phải là vấn đề của bootstrap, mà là nhiều khung tôi thấy, như vật chất hóa hoặc uikit, nơi có các 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 học có thể được chia thành một phong cách, như: .modal-top-left{top:5%;left:5%} Và như vậy đối với phương thức-đỉnh, chân trái phương thức, bên trái phương thức. 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 chỉ là ngu ngốc. 3- Kiểu dáng: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à phải ghi đè các kiểu mặc định của Bootstrap cũng giống như phải tạo CSS của riêng bạn từ đầu. Tôi 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ừ khi bắt đầu và không sử dụng bất kỳ khuôn khổ nào?" Và tốt, tôi không tạo CSS của mình từ đầu và tôi sử dụng khung, mà chỉ để quản lý các cột của trang web. 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ỉ có trọng lượng 1,9kb! Vì vậy, trên một trang web có 1 trang chủ và 4 trang phụ, tổng số CSS (bao gồm cả Flexbox Grid) chỉ là 5kb. Đối với tôi, điều đó thật nhanh đáng kinh ngạc! Và tôi có nên sử dụng bootstrap không?Chà, có một cái gì đó 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 nghĩ nếu bạn nên, hoặc không nên sử dụng bootstrap, hãy tự hỏi: 1- Tôi sẽ sử dụng một số thành phần của bootstrap chứ? 2- Tôi đang vội vàng phát triển mặt tiền này? 3- Thiết kế có quan trọng cho việc này không? Nếu câu trả lời của bạn là: Có, có, và không; Hãy tiếp tục và sử dụng bootstrap mà không xấu hổ. Thêm: Tôi có ghét bootstrap không?Dĩ nhiên là không. Tôi nghĩ rằng điều đó 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 làm các thành phần của riêng mình và tạo ra hầu hết mọi thứ bằng tay. Tôi biết rằng bootstrap sẽ sống dọc theo một người vẫn được sử dụng bởi rất nhiều người, và điều đó hoàn toàn ổn :) Bạn nghĩ sao? Bạn có sử dụng bootstrap không? Có bắt buộc phải sử dụng bootstrap không?Bootstrap sẽ giúp bạn xây dựng một trang web hấp dẫn, nhạy bén, nhưng một số người dùng di động có thể bị từ chối bởi thời gian tải chậm và các vấn đề thoát pin. Bootstrap đi kèm với rất nhiều dòng CSS và JS, đó là một điều tốt, nhưng cũng là một điều xấu vì kết nối internet xấu.. Bootstrap comes with a lot of lines of CSS and JS, which is a good thing, but also a bad thing because of the bad internet connection.
Bootstrap vẫn có liên quan 2022?Nó vẫn có liên quan, nhưng nó không quan trọng như trước đây.Các trình duyệt tự nhiên hỗ trợ CSS-GRID ngày nay, mọi thứ mạnh mẽ như Bootstrap và không yêu cầu thư viện bên ngoài., but it's not as important as it used to be. Browsers natively support CSS-Grid today, which is every bit as powerful as Bootstrap and doesn't require an external library.
Bootstrap có hữu ích vào năm 2021 không?Bootstrap là tuyệt vời cho người mới bắt đầu.Ví dụ: bạn có thể tạo các trang web trông sắc nét trong vài phút với bố cục và các thành phần khác.Cộng đồng đang hoạt động và tài liệu là phong phú.Điều này cũng làm cho nó đặc biệt hấp dẫn để mã mới..
For example, you can create sharp-looking webpages in a few minutes with their layouts and other components. The community is active and the documentation is ample. This also makes it particularly attractive to code newbies.
Tại sao bạn cần bootstrap?Tại sao chúng ta cần bootstrap?Các kỹ sư phần mềm sử dụng Bootstrap vì một số lý do khác nhau.Thật dễ dàng để thiết lập và làm chủ, nó có rất nhiều thành phần, một hệ thống lưới tốt, kiểu dáng cho nhiều yếu tố HTML từ kiểu chữ đến các nút, cũng như hỗ trợ các plugin JavaScript, làm cho nó trở nên linh hoạt hơn. |
