20 website giúp bạn làm chủ CSS một cách tuyệt đối

CSS vừa khó và vừa dễ học. Bản thân cú pháp thì rất dễ, nhưng một số khái niệm có thể gây khó hiểu. Điều quan trọng là phải nắm được nó vì danh tiếng của trang web của bạn một phần dựa vào ngôn ngữ thiết kế này, vì nó là xương sống của thiết kế web của bạn.

Bài viết này sẽ giới thiệu 20 website giúp bạn làm chủ CSS một cách tuyệt đối. Ở đây có một loạt các trang web bao gồm từ blog đến danh sách kiểu thư mục và các trang web tập trung vào một chủ đề cụ thể liên quan đến CSS.

1. A List Apart CSS Topics

Đây là trang web hàng đầu để đọc các bài báo về thiết kế web và các phương pháp hay nhất, có một bộ sưu tập các bài báo về chủ đề CSS ra đời từ năm 1999. Hầu hết các bài viết hướng đến các nhà phát triển trung cấp đến nâng cao, những người nhấn mạnh nhiều vào các thiết kế tuân thủ các tiêu chuẩn.

2. CSS Help Pile

CSS Help Pile là tổng hợp các tài nguyên CSS, mẹo và cách thực hiện. Trang web được tổ chức tốt và là một nguồn tài nguyên tuyệt vời cho bất kỳ cấp độ chuyên môn nào. Có một danh mục dành cho người mới bắt đầu, lỗi trình duyệt và các bài đánh giá ngắn về sách CSS.

3. CSS Basics

CSS tập hợp các khái niệm cơ bản về CSS được định dạng giống như một cuốn sách với 18 chương dành riêng cho việc giáo dục người đọc về các khái niệm CSS cơ bản. Với phần trình bày rõ ràng và ngắn gọn làm cho nó trở thành một nguồn tài nguyên tuyệt vời cho những người mới bắt đầu. Tất cả 18 chương có thể được in hoặc tải xuống ở định dạng PDF.

4. Holy CSS Zeldman!

Holy CSS Zeldman (không phải trang web của Jeffrey Zeldman) là một bộ sưu tập tài nguyên hữu ích liên kết đến các hướng dẫn, công cụ và bố cục CSS dựa trên tiêu chuẩn sẵn có.

5. Eric Meyer: CSS

Đây là bộ sưu tập các tác phẩm của Eric Meyer(tác giả và chuyên gia về web nổi tiếng). Một số tài nguyên bạn sẽ tìm thấy trên trang này là css / edge (các thử nghiệm của Eric Meyers về CSS) và tham chiếu CSS.

6. 456 Berea Street – CSS category

Roger Johansson’s 456 Berea Street có hơn 300 bài đăng thuộc danh mục CSS. Một số bài đăng nói về việc chọn phương pháp thay thế hình ảnh trong khi những bài khác dạy bạn các kỹ thuật CSS.

7. Position Is Everything

Những người chỉ bắt tay vào viết CSS sẽ nhanh chóng nhận ra rằng sẽ có một khoảng thời gian đáng kể (và cả sự thất vọng) bắt nguồn từ việc loại bỏ các lỗi của trình duyệt. Position Is Everything thảo luận về các lỗi trình duyệt đã biết và chia sẻ các phương pháp CSS hoạt động trên các trình duyệt. Tại đây, bạn có thể đọc về một bố cục đúng hoặc tìm hiểu điều gì sẽ xảy ra khi bạn lồng các div đúng vị trí.

8. HTML Dog CSS Tutorials

HTML Dog là một trang web hướng dẫn dành riêng cho việc dạy các phương pháp hay nhất về XHTML và CSS. Có ba phần hướng dẫn CSS: Sơ cấp, Trung cấp và Nâng cao.

9. Learn CSS Positioning in Ten Steps

Định vị các phần tử bằng cách sử dụng CSS thoạt đầu có thể là một khái niệm phức tạp. Nếu bạn đang gặp khó khăn trong việc hiểu các nguyên tắc cơ bản về định vị CSS, hãy xem hướng dẫn 10 bước này để giúp bạn định vị nội dung nhanh chóng!

10. Andy Budd CSS/Web Standards Links

 

 

Andy Budd CSS có một tập hợp các liên kết CSS / tiêu chuẩn web để giúp bạn tìm thấy thông tin hữu ích, đáng tin cậy về CSS.

11. W3CSchools CSS Tutorial

W3CSchools có một phần CSS bao gồm các kiến thức cơ bản về CSS cho đến các chủ đề nâng cao hơn.

12. CSS Zen Garden

CSS Zen Garden là nơi trưng bày những thứ bạn có thể làm với CSS. Quan trọng nhất, nó làm nổi bật khái niệm tách nội dung khỏi bản trình bày.

13. CSS at MaxDesign

Tại MaxDesign, bạn có thể tìm thấy bộ hướng dẫn tuyệt vời liên quan đến CSS của Russ Weakley. Một số điều bạn mong đợi ở đây là: Listmatic – cho bạn thấy nhiều cách khác nhau mà bạn có thể sử dụng CSS để tạo kiểu cho danh sách và Floatutorial – đi qua các nguyên tắc cơ bản của các phần tử nổi.

14. CSSeasy.com

Khẩu hiệu của CSSEasy.com là “học CSS theo cách hiện đại”. Trang web khuyến khích việc học theo kinh nghiệm, với ý tưởng rằng nếu bạn kiểm tra mã nguồn và xem mọi thứ khớp với nhau như thế nào nói chung, bạn sẽ hiểu rõ hơn về CSS.

15. CSS-Discuss

CSS-Discuss là một cộng đồng những người đam mê CSS. CSS-Discuss Wiki là một bộ sưu tập toàn diện về cách sử dụng CSS trong thế giới thực.

16. Web Design from Scratch: CSS

Web Design from Scratch của Ben Hunt có một phần tuyệt vời về CSS bao gồm các khái niệm cơ bản về CSS. Tôi thực sự khuyên những người mới nên bắt đầu với phần Giới thiệu về CSS, một điểm khởi đầu nhanh chóng nhưng rất nhiều thông tin để làm quen với CSS.

17. CSS-Tricks

CSS-Tricks là một blog dành riêng cho chủ đề CSS. Bạn sẽ tìm thấy các bài đăng hữu ích, chẳng hạn như CSS Sprites là gì, các kỹ thuật thay thế hình ảnh và thậm chí là các video truyền hình về các chủ đề như CSS có điều kiện.

18. CSS on Delicious

Thẻ CSS trên Delicious là một cách tuyệt vời để tìm các liên kết phổ biến có liên quan đến CSS. Nó cho phép bạn xem những gì mọi người hiện đang đọc.

19. SitePoint CSS Reference

SitePoint có phần tham chiếu CSS: sẽ thảo luận về các chủ đề CSS cấp độ cơ bản. Bạn có thể tham gia khóa học về cú pháp và danh pháp CSS chung về các chủ đề nâng cao hơn một chút như hack và bộ lọc CSS.

20. CSSDog

CSSDog có một phần dành cho cả người mới bắt đầu và các nhà phát triển nâng cao hơn. Ngoài các bài học về CSS, phần Tham khảo CSS của họ – nơi liệt kê các hướng dẫn nhanh và tài liệu tham khảo về màu sắc – rất hữu ích.

Lời kết

Con đường chinh phục CSS không phải dễ cho những bạn mới bắt đầu nhưng nếu có được sự trợ giúp của 20 websites được giới thiệu trong bài viết này thì chắc chắn bạn sẽ có những bước tiến nhanh chóng hơn. Chúc bạn thành công! 

Nguồn:webfx.com