CSS rất thú vị khi viết cho đến khi nó trở nên thực sự lộn xộn trong các dự án lớn, vấn đề với CSS không phải là CSS, mà là do con người. Vấn đề này phức tạp hơn khi phong cách phát triển, mỗi nhà phát triển cần biết thêm ngữ cảnh để tạo kiểu hiệu quả
CSS ban đầu được thiết kế với mục đích đơn giản và nó hoạt động rất tốt với tư cách là ngôn ngữ tạo kiểu chủ đạo cho web. Những điều mà nhiều nhà phát triển JavaScript ghét ở CSS cũng chính là những điều khiến nó trở nên mạnh mẽ
Hãy xem xét một số vấn đề đã lưu ý với CSS ở quy mô lớn
Thiếu không gian tên tích hợp - Bất kỳ ngôn ngữ lập trình nào thiếu không gian tên tích hợp sẽ gặp sự cố ở quy mô lớn và CSS rõ ràng là một trong số đó. Không gian tên toàn cầu được thiết kế như tính năng cốt lõi của CSS để cho phép tính di động và xếp tầng. Đây là DNA của CSS, CSS-in-JS đã sửa rất tốt khi các công cụ xây dựng có thể tự động chặn và tạo phạm vi cho bạn
Quá tĩnh để thay đổi - Vanilla CSS chỉ là một tập hợp các quy tắc bố cục tĩnh; . Thật khó để triển khai chủ đề và kiểu thay đổi linh hoạt dựa trên dữ liệu đến từ JavaScript
Không thể tránh khỏi sự lặp lại - Thiếu biến nên chúng ta phải lặp lại màu sắc khắp nơi. Thiếu lồng nhau nên chúng tôi phải lặp lại các khối CSS khổng lồ ở khắp mọi nơi. Nói tóm lại, CSS vi phạm nguyên tắc DRY.
Mắc kẹt với quá khứ - Ba nền tảng HTML, CSS, JavaScript không được phá vỡ trang web; . Mặc dù chúng tôi có thể giới thiệu các tính năng mới nhưng chúng tôi không thể hoàn toàn thoát khỏi những quyết định sai lầm từ quá khứ, tỷ lệ chấp nhận và hỗ trợ trình duyệt là quá quan trọng để cách mạng hóa ngôn ngữ
Chống phân tích tĩnh - Làm cách nào chúng tôi có thể áp dụng một số phân tích tĩnh như loại bỏ và thu nhỏ mã chết cho CSS? . bản chất toàn cầu và kiểu xếp tầng từ các nguồn nội tuyến, nội bộ và bên ngoài khiến không thể thực hiện các loại tối ưu hóa đó
Độ phân giải không xác định đối với con người - Theo cách css hoạt động, các kiểu được hợp nhất từ nhiều nguồn [bảng định kiểu nội tuyến, nội bộ, bên ngoài] và nguồn gốc [tác nhân người dùng, người dùng, tác giả,. quan trọng,…], thông qua tính toán đặc hiệu, kế thừa và mặc định. Quá trình phức tạp này không dành cho con người, nó dành cho máy móc
Web hiện đại đang phát triển rất nhanh, năng động hơn và ở mức độ trừu tượng cao hơn. Mọi người không xây dựng các trang web với vanilla HTML, CSS, JavaScript nữa, có thể nhưng quá chậm và bỏ lỡ quá nhiều tối ưu hóa sản xuất được nấu chín do các khung và công cụ cung cấp
Làm cách nào CSS có thể đáp ứng các yêu cầu không tương thích về tính đơn giản [từ nhà phát triển], tính linh hoạt [từ nhà thiết kế] và khả năng đáp ứng [từ người dùng]?
Các vấn đề trên sẽ ngăn CSS được các nhà phát triển sử dụng hàng ngày nhưng nó hầu như vẫn hoạt động tốt ở hậu trường. Chúng tôi đang tạo CSS vanilla đơn giản bằng cách sử dụng các ngôn ngữ lập trình có mục đích chung, điều này có thể được thực hiện khi xây dựng dự án hoặc thậm chí tự động trên mỗi lần tải trang nếu bạn có chiến lược bộ nhớ đệm tốt
Chúng ta không cần phải làm cho CSS trở nên tuyệt vời trở lại và chấp nhận nó như một công nghệ cấp thấp, chúng ta nên tập trung vào việc xây dựng nhiều công cụ và ngôn ngữ hỗ trợ hơn để cuối cùng được biên dịch thành vanilla CSS để nó có thể chạy hoàn hảo trên mọi trình duyệt
- Bảng tin. Thử thách Javascript
- CSS Noughts & Crosses
- Áp phích mong muốn [Tác vụ CSS]
- Lớp đồng hồ bấm giờ [JavaScript]
- Trò chơi bài Poker [JavaScript]
- Công thức bánh mưa phùn chanh [Nhiệm vụ HTML]
- Màu sắc của cầu vồng [tác vụ HTML]
- Thử thách Javascript bốn góc
- Tạo cấp độ bằng cách sử dụng mảng 2D
- Javascript. Cảnh báo, nhắc nhở hoặc xác nhận?
- Trình dịch cờ tín hiệu hàng hải
- Lật thẻ trong HTML, CSS & Javascript
- Máy tính Javascript của tôi
- Trình chỉnh sửa CSS trực tiếp
- Mật mã Pigpen
- Thời gian biểu của tôi trong HTML/CSS
- Trình quét mìn trong Javascript
- Câu đố trượt
- Minecraft – Bàn chế tạo
- Công cụ màu bổ sung
- Học máy – Trò chơi Trumps hàng đầu
- Trình tạo bài tập về nhà toán học
- Trò chơi Othello
- Hoạt hình bộ chỉnh âm bằng JavaScript
- Thử thách Connect4
- Nhớ khoảng cách
- Giữ bình tĩnh và tiếp tục viết mã
- Bố cục trang web đáp ứng
- Sử dụng Google Fonts
- Người tuyết CSS
- HTML – Tiện ích bổ sung trang web
- HTML / CSS – Hiệu ứng chuyển tiếp
- HTML – Thêm trang web và siêu liên kết
- HTML – Biểu định kiểu CSS bên ngoài
- HTML – Tạo kiểu văn bản bằng CSS
- HTML – Làm cách nào để thêm Favicon?
- HTML – Sử dụng CSS với Hình ảnh
- HTML – Thêm hình ảnh
- HTML – Bố cục trang web
- Thay đổi của tôi là gì?
- Báo giá Chiến tranh giữa các vì sao
- Mã màu thập lục phân
- Thẻ HTML – Kéo và thả
- Thử thách cờ vua HTML
- Mã HTML
- Máy tính giá trị điện trở
- Chúc mừng năm mới
- Digicode – Thử thách CSS
- Biển báo giao thông trong HTML/CSS
- Sử dụng CSS để sắp xếp văn bản thành các cột
- Thử thách Tic-Tac-Toe
- Tạo tab trong HTML + CSS + JS
- JavaScript. Nhấp vào đây
- Tạo Ghi chú Post-It bằng CSS
- JavaScript. Làm việc với Ngày…
- Trang HTML đầu tiên của tôi
- JavaScript. Khi 2+2 = 22
- JavaScript. Truy cập điều khiển biểu mẫu HTML
- JavaScript – Cách đọc qua tệp văn bản…
- Ứng dụng HTML [. HTA]
- Do you know your tags?
- 16 triệu màu
- Bạn có biết mã màu của bạn?
- Trình soạn thảo HTML & CSS. NotePad++