Chào các cậu,
Tại nơi làm việc, tôi thường được cung cấp một trang AdobExD trang đơn hoặc kép và được yêu cầu tạo một ứng dụng React bằng cách sử dụng nó. Điều gì sẽ là cách tốt nhất để tiếp cận tạo kiểu bố trí và những thứ khác trong kịch bản này?
Tôi có nên sử dụng React Bootstrap hay tôi chỉ nên sử dụng Flexbox và Grid? Tôi có kinh nghiệm trong cả hai nhưng không thể quyết định khi nào nên sử dụng.
Một số điều này tôi phải xem xét - thiết kế không nên phá vỡ trên thiết bị di động [ít nhất là khả năng đáp ứng tối thiểu], nên nhìn và làm việc tương tự trên Chrome, Safari và Edge.
Vui lòng tư vấn cho tôi về cách tiếp cận tốt nhất.
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 đó.
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ó.
Xin chào tất cả mọi người, tôi tương đối mới với thiết kế web và tôi chỉ muốn hỏi điều gì đó về Bootstrap và CSS, liên quan đến khi nào tôi nên sử dụng chúng.Tôi chưa học Bootstrap và tôi đã thực hiện thiết kế của các dự án phụ của mình trên CSS cùng với React và tôi có thể nói rằng tôi khá thoải mái với CSS, không phải là một chuyên gia, nhưng đủ tốt để có được một cái nhìn đàng hoàngtrang mạng.Afaik, những gì bạn có thể làm với bootstrap, bạn cũng có thể làm với CSS.Bây giờ câu hỏi của tôi là, khi chính xác thì Bootstrap được ưu tiên hơn CSS?Có vẻ như rất nhiều người đề nghị sử dụng bootstrap, nhưng những người tôi hỏi chưa bao giờ thực sự nói tại sao