Hướng dẫn should i use bootstrap or custom css - tôi có nên sử dụng bootstrap hay css tùy chỉnh không
|
Mặc dù tôi coi mình là một người trên web cấp cơ sở, nhưng tôi đã làm việc rất nhiều với các khung bootsrap và nền tảng. Có những lúc tôi chỉ đơn giản ghét chúng không linh hoạt như thế nào, về cơ bản bạn phải ghi đè mọi thứ nếu bạn muốn một cái gì đó thậm chí là một tùy chỉnh hơn một chút. Và chúng bị bồng bềnh như thế nào khi bạn không thực sự sử dụng 70% tệp CSS đó. Tôi nghĩ rằng trong một dự án thường xuyên, bạn không cần 7000 dòng CSS chỉ để bắt đầu mọi thứ, chắc chắn bạn sẽ không sử dụng tất cả các thành phần. Có, lưới, khả năng đáp ứng và phương pháp đầu tiên trên thiết bị di động và hỗ trợ trình duyệt là các tính năng tuyệt vời (mặc dù IMO, Bootstrap 3 vẫn đứng sau nền tảng về cách họ thực hiện đáp ứng và di động trước tiên), nhưng cuối cùng bạn có một trang web chung trông giống như bất kỳ mẫu nào khác trên ThemeForest, đặc biệt nếu bạn chỉ quyết định thiết kế trong trình duyệt. Sự hỗ trợ của trình duyệt ngày nay dễ dàng hơn nhiều, vì mọi người bắt đầu bỏ IE8, đặc biệt là với WINXP gần kết thúc hỗ trợ. Ngoài ra, nếu bạn nghĩ về nó, tên khung đã ngụ ý mục đích của họ là một nền tảng chung cho mã thực tế. Đáng buồn thay, rất nhiều người chỉ đơn giản là dừng lại ở những mặc định đó. Show
Tuy nhiên, gần đây tôi đã học được cách thiết lập chúng bằng cách sử dụng SASS (bộ tiền xử lý CSS) và nó làm dịu ý kiến của tôi đối với chúng. Đơn giản là có nhiều quyền kiểm soát hơn bạn có thể có trong khuôn khổ theo cách này. Và nếu bạn cần một cái gì đó thậm chí nhiều tùy chỉnh hơn thế, bạn có thể tự viết lại một số vars, dựa trên thiết kế của bạn, không cố gắng ép các thiết kế đó để phù hợp với khung quá nhiều. Đó là cách duy nhất tôi sử dụng các khung này trong các dự án trong tương lai. Tuy nhiên, ngay cả với sự trợ giúp của tiền xử lý, một khung luôn luôn cứng nhắc và đầy hơi vì nó được xây dựng để hỗ trợ hầu hết các trường hợp thiết kế ngoài kia. Một điều bạn sẽ phải xem xét trong khi thiết kế. Bạn vẫn có thể bị đau đầu thực hiện mọi thứ tùy chỉnh thành Bootstrap, vì chắc chắn nó không bao gồm tất cả các yếu tố bạn đã thiết kế. Bạn cũng sẽ phải điều chỉnh phong cách mã hóa của mình với khung. Bạn phải hy sinh SEO, trong khi giải quyết nhiều div bổ sung, các lớp bạn không cần, JavaScript và các biểu tượng bạn không thực sự sử dụng. Mặt khác, nếu bạn thay đổi một nhân viên, người kia thực sự có thể chọn mọi thứ nhanh hơn, vì anh ta đã biết cách xây dựng các dự án Bootstrap. Bây giờ bạn đã nói bạn không phải là một chàng trai công nghệ, vì vậy tôi sẽ giải thích nó bằng những từ khác nhau. Nhìn chung, sự tương tự của tôi sẽ là thế này: phần lớn mọi người đều ổn với giày sản xuất hàng loạt, quần áo, v.v ... Họ có rẻ và chung chung không? Vâng, nhưng một khi bạn thấy một người khác mặc chúng, bạn sẽ không phát điên, bạn chỉ chấp nhận thực tế rằng bằng cách mua một sản phẩm rẻ hơn, bạn hy sinh sự độc đáo và thoải mái. Nhưng cuối cùng bạn không phiền, bạn đã lưu một số tiền mặt, chân của bạn thích nghi với các đường cong chung và kích thước giày mặc định theo thời gian. Bạn mặc chúng trong một hoặc hai mùa, có thể sửa chữa chúng một lần và đi mua sắm lại sau đó. Mặt khác, đôi giày tùy chỉnh sẽ được chế tạo chính xác cho 'thiết kế' chân của bạn. Cuối cùng, công việc của thợ đóng giày tùy chỉnh có giá cao hơn nhiều, nhưng mỗi đường cong đều được điều chỉnh đúng, kích thước là hoàn hảo và diện mạo tổng thể là duy nhất. Trong thời gian bạn học cách yêu những sự không hoàn hảo nhỏ bé mà họ có thể có, thường phát sinh từ lao động cá nhân và tại một thời điểm nhận ra bạn đã có chúng trong bảy năm trở lên. Vì vậy, cuối cùng, nó sẽ phụ thuộc vào dự án và thiết kế trang web mà bạn đang mã hóa. Nếu đó là một cái gì đó chung chung với lưới truyền thống, điều hướng hoặc những thứ khác bạn có thể tìm thấy trên tài liệu bootstrap, bạn không nên lãng phí năng lượng của mình để làm việc tại những việc này như chúng đã làm (nghĩ: bạn không phải phát minh ra một cái muỗng Ăn súp, nó đã được thực hiện). Tuy nhiên, nếu dự án của bạn phức tạp và thiết kế của bạn không rơi vào danh mục chung, bạn nên xem xét đi với mã hóa từ Ground trở lên. Tùy chọn này cũng hoàn thành hơn đối với tôi với tư cách là một nhà phát triển, vì tôi có toàn quyền kiểm soát những gì tôi xây dựng, đặc biệt là sự kiểm soát mà tôi có khả năng đáp ứng ở mọi chiều pixel. Tôi cũng không phải dành thời gian duyệt tài liệu của Bootstrap để thực hiện theo cách của họ. Nếu tôi phải đoán, Frameworks sẽ đủ cho 70-80% các dự án hiện có. Bạn nên sử dụng Bootstrap thay vì CSS thuần túy nếu bạn đang tìm cách tạo các dự án nhanh chóng, hãy giữ sự nhất quán trên một nhóm lớn, sử dụng cách tiếp cận hiện đại với CSS và muốn JavaScript ra khỏi hộp. Bootstrap Powers 27,4% các trang web được sử dụng ngày nay và có một số lợi ích tuyệt vời. & NBSP; Điều đáng để làm rõ rằng chúng ta sẽ không thảo luận về việc học bootstrap thay vì CSS. Là một nhà phát triển mới, bạn nên luôn luôn bắt đầu với các nguyên tắc cơ bản và sau đó làm việc theo cách của bạn đến các khung và thư viện. Bắt tay với cách ngôn ngữ hoạt động dưới mui xe sẽ trả cổ tức trong thời gian dài. Thay vào đó, chúng tôi sẽ xem xét lý do tại sao bạn nên sử dụng Bootstrap thay vì CSS cho các dự án sắp tới của bạn. Hãy để giả sử rằng bạn đã học được những điều cơ bản và muốn hiểu những lợi ích của việc làm việc với Bootstrap so với CSS thuần túy. Bootstrap là gì? & NBSP;Bootstrap là một khung công tác nguồn mở giúp các nhà phát triển triển khai giao diện người dùng nhất quán trên nhiều dự án. Nó tập trung rất nhiều vào khả năng đáp ứng và có nghĩa là bạn không phải viết các CS khác nhau cho mỗi kích thước hoặc thiết bị màn hình khác nhau. Cách tiếp cận đầu tiên trên thiết bị di động, hiện được coi là một tiêu chuẩn công nghiệp, đã được phổ biến bởi Bootstrap và được nướng vào cốt lõi của nó. Với Bootstrap, bạn cũng nhận được các thành phần có cấu hình sẵn JavaScript để bạn có thể tránh phải đi sâu vào mã cho đến khi cần thiết. JavaScript là một ngôn ngữ lập trình nhẹ nhưng việc tiếp nhận quá nhiều quá sớm có thể là thách thức đối với các kỹ sư phần mềm mới. Sử dụng Bootstrap cho phép bạn tập trung vào các yếu tố thiết kế của trang web của bạn trong khi cung cấp một số chức năng của JS. Nó được tạo ra bởi Jacob Thornton và Mark Otto khi làm việc tại Twitter và được phát hành vào năm 2011. Bootstrap đã phát triển thành khung CSS được sử dụng nhiều nhất trên thế giới. Nó không hoàn hảo nhưng nó đã giúp các kỹ sư phần mềm trên toàn cầu. Tại sao chọn Bootstrap trên CSS thuần túy?Bạn nên chọn Bootstrap trên CSS thuần túy nếu bạn muốn giảm khung thời gian dự án, giữ cho phong cách của bạn nhất quán, muốn tránh phát triển JS và dự định sử dụng SASS hoặc SCSS. Bootstrap làm giảm lượng chi phí dự án bằng cách giảm thời gian bạn dành cho giai đoạn thiết lập ban đầu. CSS không phải là ngôn ngữ lập trình nhưng vẫn đòi hỏi một lượng kinh nghiệm và kiến thức đáng kinh ngạc để thành thạo hoàn toàn. Cú pháp đơn giản nhưng việc thành thạo việc thực hiện CSS có thể khó khăn, đặc biệt nếu bạn bỏ qua những điều cơ bản. & NBSP; Quá nhiều nhà phát triển sử dụng các khung như bootstrap như một cái nạng và không bao giờ thực sự đi sâu hơn vào ngôn ngữ. Vì vậy, giả định ở đây là bạn có kiến thức tốt về cách CSS hoạt động trước khi bạn thử và thực hiện Bootstrap. Thật không may, nếu bạn không chắc chắn về tính đặc thù hoặc kế thừa hoạt động trong CSS, bạn có thể chiến đấu chống lại bootstrap và làm cho cuộc sống của bạn trở nên khó khăn hơn. & NBSP; Vì vậy, những lý do chính bạn nên sử dụng Bootstrap thay vì CSS cho dự án tiếp theo của bạn là gì? 1 lầnMột phần lý do khiến các khung CSS trở nên phổ biến là vì khoảng thời gian đáng kinh ngạc họ tiết kiệm các nhà phát triển. Bạn không cần phải xem xét những thứ như khả năng đáp ứng vì nó đã cung cấp ra khỏi hộp với bootstrap. Điều đó có nghĩa là bạn không phải lãng phí thời gian viết lại mã CSS cho các kích thước hoặc thiết bị màn hình cụ thể - chỉ cần thêm lớp phù hợp và bạn đã sẵn sàng để đi. & NBSP; Thay vì phải bắt đầu mọi dự án bằng cách xác định CSS cho mọi thành phần hoặc lớp, Bootstrap cho phép bạn thừa hưởng những gì bạn cần và tùy chỉnh những gì bạn tặng. Nó là một điểm khởi đầu tuyệt vời và cắt giảm mã nồi hơi lặp đi lặp lại. & NBSP; Đối với các nhà phát triển mới hơn, điều đó cũng có nghĩa là bạn có thể gắn bó với các thiết kế và bố cục. Bạn có được JavaScript tích hợp và có thể tránh phải sao chép mã từ StackoverFlow để đưa menu của bạn hoạt động. & NBSP; 2. CSS hiện đạiMột khi bạn đã sử dụng SASS hoặc SCSS, CSS thuần túy có thể cảm thấy như một chút việc vặt. Sass về cơ bản là CSS với siêu năng lực. Nó biên dịch thành CSS nhưng có cảm giác ngôn ngữ lập trình với khả năng tạo các hàm và biến. & NBSP; Bạn không cần bootstrap để sử dụng SASS nhưng nó được xây dựng với Sass trong tâm trí. Bạn dễ dàng sửa đổi các màu, mixin, bản đồ và biến hiện có vì bootstrap hiển thị các tệp này trong mã của chúng. Về cơ bản, nó làm cho việc tùy chỉnh các dự án của bạn thậm chí dễ dàng hơn và giảm hơn nữa chi phí của nhà phát triển. Bạn có thể tự tạo các tệp SASS nhưng tương tự như chỉ sử dụng CSS thuần túy, phải mất rất nhiều thời gian và công sức. Cập nhật các dự án cũ cũng đơn giản hơn nhiều với sự kết hợp bootstrap/sass vì bạn chỉ lưu trữ các giá trị trong các biến và cập nhật chúng trong tương lai. 3. JavaScriptKhi bạn bắt đầu các dự án mới, thật dễ dàng để bị sa lầy với một số chi tiết nhất định. Là một nhà phát triển mới, bạn có thể không biết JavaScript nhưng vẫn muốn đưa trang web của bạn vào cuộc sống. Nếu không có bootstrap, điều đó có nghĩa là tham gia một khóa học về JS và tìm ra cách làm cho các yếu tố uốn cong theo ý muốn của bạn. Bootstrap đi kèm với rất nhiều tính năng của JS như các menu tiêu chuẩn - có thể thu gọn, accordions, tooltips và xác nhận hình thức chỉ là một vài điều mà mùa xuân trong tâm trí. Về cơ bản, nó cho phép bạn tập trung vào những gì bạn và khách hàng muốn đạt được với trang web hơn là triển khai kỹ thuật. 4. Tính nhất quán & NBSP;Có nhiều nhà phát triển làm việc trên một dự án duy nhất có thể giúp cắt giảm thời gian phát triển nhưng có một số nhược điểm. Giữ phong cách nhất quán trên một dự án lớn có thể khó khăn nếu bạn có nhiều người làm việc trên đó. & NBSP;
Nâng cấp các trang web hoặc dự án cũ cũng trở nên dễ dàng hơn vì bạn có thể gán các giá trị cho các biến và chỉ thay đổi chúng vào một ngày sau đó. Ngược lại, cho phép các nhà phát triển tạo ra hàng trăm phong cách mỗi người sẽ là một cơn ác mộng để cập nhật. Bootstrap rất dễ học vì vậy việc duy trì tính nhất quán, ngay cả đối với các thành viên mới của nhóm, rất đơn giản. 5. Tập trung dự ánMỗi dự án có mục tiêu và kết quả khác nhau. Đối với các trang web đơn giản, trọng tâm thường là thiết kế và ngoại hình. Sử dụng Bootstrap cho phép bạn tập trung vào những thứ sẽ di chuyển kim trong dự án. Bạn không phải bị cuốn vào mã hóa các chức năng tùy chỉnh để kiểm soát các yếu tố hoặc lo lắng về việc viết một lớp CSS để căn chỉnh hình ảnh đúng cách. Là một nhóm, điều đó có nghĩa là bạn có thể trau dồi những gì sẽ cung cấp cho khách hàng giá trị cao nhất và cách thực hiện điều đó. & NBSP; Những lợi thế của bootstrap so với CSS là gì?Đánh giá cao các nguyên tắc cơ bản là vô cùng quan trọng và đó là một trong những lý do tại sao các khung sẽ không bao giờ hoàn toàn thay thế ngôn ngữ cốt lõi. Nhận được nắm bắt với CSS làm cho việc sử dụng các khung xung quanh đơn giản và dễ dàng hơn. Có những lợi ích to lớn để chọn một khung trên phiên bản vani của ngôn ngữ. Những lợi thế chính của việc sử dụng bootstrap so với CSS bao gồm:
Điều tốt nhất về Bootstrap là nó về cơ bản là một triển khai mạnh mẽ của CSS. Nó sử dụng ngôn ngữ biểu định kiểu cơ bản hiện có để siêu cường các dự án của bạn và tiết kiệm thời gian và tiền bạc của bạn. Là một nhà phát triển, nó tránh được quá trình đau đớn khi phải bắt đầu từ đầu với mọi dự án và cho bạn thời gian để tập trung vào những điều quan trọng. & NBSP; Tài nguyên
Tôi có nên sử dụng CSS hay Bootstrap của riêng mình không?CSS phức tạp hơn bootstrap vì không có lớp và thiết kế được xác định trước.Bootstrap rất dễ hiểu và nó có nhiều lớp thiết kế trước.Trong CSS, chúng ta phải viết mã từ đầu.Trong Bootstrap, chúng ta có thể thêm lớp được xác định trước vào mã mà không cần ghi mã.. Bootstrap is easy to understand and it has much pre-design class. In CSS, we have to write code from scratch. In Bootstrap, we can add pre-defined class into the code without writing code.
Tôi có cần sử dụng CSS nếu tôi sử dụng bootstrap không?Về mặt kỹ thuật, bạn không cần phải học CSS nếu bạn đang sử dụng Bootstrap nhưng điều đó sẽ hạn chế những gì bạn có thể làm nếu không.Tôi khuyên bạn nên kiểm tra các tài liệu bootstrap về cách bắt đầu với nó và đi từ đó. but that will limit what you can do if you don't. I'd advise checking out the Bootstrap docs on how to get started with it and go from there.
Các lập trình viên chuyên nghiệp có sử dụng bootstrap không?Bootstrap được sử dụng rộng rãi bởi các nhà phát triển web chuyên nghiệp tạo ra các ứng dụng và trang web cho các công ty trong nhiều lĩnh vực.Theo Similartech, hơn nửa triệu trang web ở Mỹ đã được xây dựng bằng bootstrap. creating apps and sites for companies in many sectors. According to Similartech, more than half a million websites in the US were built using Bootstrap . |
