Hướng dẫn how many websites use bootstrap - có bao nhiêu trang web sử dụng bootstrap

Nó đã được 10 năm, hãy để di chuyển trên

Hình ảnh của tác giả qua canva.com

Gần như chính xác 10 năm trước Bootstrap đã được phát hành. Không lâu sau đó, nó thường được liệt kê trên các nhà phát triển CV CV trong danh sách các kỹ năng kỹ thuật. Tôi đã làm việc như một nhà phát triển đầy đủ vào thời điểm đó và hầu hết các dự án của tôi tuân theo các yêu cầu tương tự: ngân sách thấp và tham vọng cao.

Bootstrap dường như phục vụ chính xác cho những nhu cầu đó. Nó cho phép các nhà phát triển có ít kiến ​​thức về phía trước để kết hợp các trang web trông tuyệt vời ngay lập tức. Với một chút nỗ lực, họ thậm chí còn làm việc trên thiết bị di động. Nó hoạt động, nó được bán - ít nhất là trong mắt khách hàng và có lẽ hầu hết người dùng trang web.

Và, mười năm sau, nó vẫn còn.

Theo Wappalyser, có gần 3,5 triệu trang web ngoài kia vẫn dựa vào bootstrap. Trang web báo cáo rằng ngay cả các ông lớn như PayPal.com, Etsy.com và Gitlab.com sử dụng nó.

Không có gì sai với nó, trong nhiều trường hợp. Nhưng giống như xu hướng mới nổi của các nhà xây dựng trang web nhanh như WIX hoặc Squarespace, Bootstrap được dự định giúp tạo trang web nhanh chóng và không cần có kiến ​​thức trước. Trọng tâm không bao giờ là tạo nội dung có thể truy cập hoặc mã có thể duy trì. Kết quả là, thật dễ dàng để rơi vào cái bẫy tạo ra các trang web đầy hơi, không thể tiếp cận khiến các nhà phát triển chạy đến đồi nếu họ phải thay đổi một cái gì đó trong bố cục.

1. Hệ thống lưới

Tính năng phổ biến nhất và vẫn dễ nhận biết nhất của bootstrap có lẽ là hệ thống lưới. Nó tương đối đơn giản để sử dụng: nhìn vào một thiết kế, chia nó thành các cột và gán các lớp cột cho các div của bạn. Đối với bố cục thân thiện với thiết bị di động, bạn có thể thêm các lớp điểm dừng bổ sung. Bạn thậm chí có thể làm cho các cột hoán đổi trên thiết bị di động.

Để làm cho tất cả các công việc bootstrap sử dụng nhiều điểm dừng cho các kích thước màn hình khác nhau. Mặc dù các điểm dừng này có thể được điều chỉnh, nhưng các điểm mặc định là các giá trị dựa trên pixel.

Vấn đề với các điểm dừng dựa trên Pixel là chúng không hoạt động tốt cho khả năng tiếp cận. Các đơn vị điểm dừng thực sự nên dựa trên kích thước phông chữ của bạn và kích thước phông chữ đó phải là một đơn vị tương đối, ví dụ: hoặc em hoặc rem.

Người dùng bị khiếm thị thay đổi kích thước phông chữ trình duyệt mặc định. Điểm dừng tương đối sẽ đảm bảo thiết kế vẫn hoạt động nếu cài đặt phông chữ trình duyệt được thay đổi. Điều đó có nghĩa là bố cục sẽ bị phá vỡ tại các điểm khác nhau cho người dùng khác nhau, tùy thuộc vào cài đặt của họ.

Thêm vào đó, lưới bootstrap thêm rất nhiều đánh dấu chi phí và không cần thiết cho trang. Với IE từ từ mất hỗ trợ, CSS Grid là một lựa chọn nhẹ hơn nhiều. Và nếu bạn cần hỗ trợ các trình duyệt di sản, có rất nhiều bản phối flexbox nhẹ.

2. Điều đáng sợ! Quan trọng

Bất cứ điều gì trong Bootstrap 5.0 đều sử dụng các lớp float để căn chỉnh nội dung. Chúng đủ đơn giản, dán phao-bên-phải hoặc phao bên trái trên bất kỳ mục nào để làm cho nó phù hợp với hai bên của màn hình.

Bất kỳ nhà phát triển nào phải tạo một trang web danh mục đầu tư/CV ở trường đại học mà không thể sử dụng bất kỳ công cụ nào sẽ nhớ các cuộc đấu tranh của việc cố gắng tạo một hình ảnh ngồi độc đáo trên trang. Các yếu tố nổi một cách chính xác là một kỹ năng trong chính nó.

Vì vậy, Bootstrap quyết định làm cho mọi thứ dễ dàng hơn một chút. Nếu bạn tát một lớp float float vào một yếu tố, bạn hầu như luôn luôn đảm bảo rằng nó sẽ xuất hiện ở nơi bạn muốn. Điều đó bởi vì đây là những gì nó trông giống như dưới mui xe:

@mixin float-left {float: left !important;}@mixin float-right {float: right !important;}@mixin float-none {float: none !important;}

Tổng cộng, có 146 lần xuất hiện !important trong Bootstrap 4.

Việc sử dụng các câu lệnh !important trong CSS được coi là thực hành xấu và gây khó khăn cho việc duy trì hoặc điều chỉnh cơ sở mã sau này.

Rất may, với Bootstrap 5, việc sử dụng được giảm xuống còn 19 và các lớp nổi trên được thay thế bằng hệ thống Flex.

Tuy nhiên, tôi nghi ngờ rằng nhiều trong số hàng triệu trang web đang chạy trên Bootstrap 5. Ví dụ, Etsy.com vẫn còn trên Bootstrap 2.0.

Đối với các trang web được xây dựng trên hệ thống phao/kéo, nó có lẽ quá rủi ro và dường như không cần thiết để nâng cấp.

3. Nút đặt nút là nút

Vẻ đẹp của việc sử dụng bootstrap để tạo ra bố cục là mọi thứ trông giống như nó được cho là chỉ với một lớp duy nhất. Nó gần như không quan trọng yếu tố bạn đang cố gắng tạo kiểu, nếu bạn muốn nó trông giống như một nút, bạn có thể làm cho nó trông giống như một nút.

Ảnh chụp màn hình của tác giả thông qua Codepen.io

Tất cả các yếu tố ở trên trông giống nhau và hoạt động giống nhau cho đến khi bạn cố gắng truy cập chúng bằng bàn phím. Người dùng bàn phím sẽ sử dụng phím tab để chuyển đổi giữa các yếu tố có thể tập trung - trong ví dụ này, DIV sẽ không bao giờ nhận được tiêu điểm. Cả hai phần tử nút và ahref đều có thể tập trung nhưng hơi khác nhau khi được tương tác thông qua bàn phím.

Suy nghĩ cuối cùng

Tất nhiên, bootstrap những ngày này là nhiều hơn những ví dụ được đề cập ở trên. Nó cũng lưu trữ một loạt các thành phần JavaScript cho các yếu tố thường được sử dụng như bánh mì nướng hoặc accordions. Hầu hết trong số họ thậm chí có thể truy cập nếu chúng được triển khai với các nhãn HTML và ARIA chính xác.

Và đây là câu trả lời: Bất kỳ khung nào chỉ có thể tốt như nhà phát triển thực hiện nó. Tất nhiên, nó có thể tạo ra các trang web nhanh, đáp ứng và có thể truy cập bằng Bootstrap.

Nhưng đây là những gì tôi đã thấy xảy ra: Một khi bạn bắt đầu xé nó ra, cố gắng tìm ra cách chỉ sử dụng nó ở nơi cần thiết, làm cho nó có thể truy cập và dễ dàng duy trì, có lẽ bạn đang ở một nửa trong đó xây dựng khung của riêng bạn.

Frontend doesn không phải là một hộp bí ẩn kỳ diệu. Khả năng tiếp cận không phải là đau đớn. Ngân sách eo hẹp nên xác định khả năng sử dụng của một trang web.

Đôi khi nó giúp lùi một bước để phân tích các yêu cầu trước khi tát bất kỳ khung nào vào dự án. Trong nhiều trường hợp, nó có thể nhanh hơn và hiệu quả hơn để tạo tập hợp các kiểu hoặc thành phần của riêng bạn.

Thêm từ mùa đông iris

Bao nhiêu phần trăm trang web sử dụng bootstrap?

Bootstrap được sử dụng bởi 26,4% của tất cả các trang web có thư viện JavaScript mà chúng tôi biết. Bootstrap được sử dụng bởi 27,7% của tất cả các trang web có thư viện JavaScript mà chúng tôi biết và xếp hạng trong 1.000.000 hàng đầu. ... Sử dụng bị phá vỡ bằng cách xếp hạng ..

Có bao nhiêu công ty đang sử dụng bootstrap?

Ai sử dụng bootstrap? 42957 các công ty được cho là sử dụng bootstrap trong các ngăn xếp công nghệ của họ, bao gồm Spotify, Twitter và Udemy.42957 companies reportedly use Bootstrap in their tech stacks, including Spotify, Twitter, and Udemy.

Những trang web nào đang sử dụng bootstrap?

Các trang web bootstrap tốt nhất cho cảm hứng..
Wokine. Wokine là một ví dụ tuyệt vời về số tiền bạn có thể đạt được với khung Bootstrap. ....
Jack Watkins. Jack Watkins sẽ làm việc trên thiết kế thương hiệu và trang web của bạn. ....
BITE BITSTEPASTE BITS. ....
Etsy. ....
Studio popart. ....
Forbes Ấn Độ. ....
Thêm điều này. ....
Stance..

Có phải mọi trang web sử dụng bootstrap?

Có các trang web chuyên nghiệp sử dụng bootstrap.Lưu ý Bootstrap là một khung công nghệ phát triển web cắt giảm thời gian mã hóa.Bootstrap giống như có được một nền tảng cung cấp cho bạn các phím tắt để mã hóa.. Note bootstrap is a web development technology framework that cuts down coding time. Bootstrap is more like getting a platform that gives you shortcuts to coding.

Bootstrap vẫn được sử dụng rộng rãi?

5 lý do để yêu nó.Bootstrap được phát triển bởi các nhà phát triển Twitter vào năm 2011 để tăng tốc độ phát triển và bố cục của các yếu tố phía trước.Cùng năm đó, nhóm phát hành nó như một khung nguồn mở.Ngày nay, Bootstrap là một trong những thư viện phát triển web phía trước được sử dụng nhiều nhất trên thế giới.Bootstrap is one of the most used front end web development libraries in the world.

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.