Giới thiệu

Giữa tháng 1 đến tháng 12 năm 2018 các thống kê đã so sánh gần 10.000 bài viết CSS để chọn ra Top 50 có thể cải thiện kỹ năng thiết kế web của bạn trong năm 2019. Đây là một danh sách cực kỳ cạnh tranh (50 / 10.000) và được chọn lọc cẩn thận các bài viết CSS hữu ích nhất được đăng tải trong năm qua. Chúng được đánh giá chất lượng bằng cách xem xét mức độ phổ biến, sự tham gia và lần truy cập và các yếu tố khác của người đọc.

Scrolling

  1. Scroll to the future

Sử dụng các tính năng CSS và JavaScript mới nhất giúp điều hướng xung quanh một trang trơn tru và đẹp mắt.

  1. Lazy Loading Images

Tìm hiểu về Lazy Loading Image

  1. Creating horizontal scrolling containers

Tạo container có khả năng cuộn ngang sử dụng CSS Grid

  1. Practical CSS Scroll Snapping

Tìm hiểu về CSS scroll snapping

Grid

  1. Getting Started With CSS Layout

Tìm hiểu về CSS Grid

  1. CSS Grid For Visual Learners

Tìm hiểu CSS Grid bằng cách trực quan thông qua 40 biểu đồ

  1. CSS Grid in 45 Minutes

Tìm hiểu CSS Grid trong 45 phút

  1. CSS Frameworks Or CSS Grid

Nên sử dụng CSS Framework hay CSS Grid trong dự án

  1. Responsive eCommerce layout using CSS Grid

Responsive bố cục thương mại điện tử sử dụng CSS Grid

Responsive Image

  1. Time-saving CSS techniques to create responsive images

Kỹ thuật CSS giúp tiết kiệm thời gian để tạo ra hình ảnh responsive.

  1. Building a responsive image

Cách tạo logo responsive giữ nguyên tỷ lệ khung hình.

  1. Responsive Images — I come here not to bury, but to praise it.

Thêm 1 kỹ thuật responsive image.

Kết luận

Như vậy trong phần đầu bài viết này mình đã giới thiệu với các bạn 12 bài viết hàng đầu hướng dẫn các kỹ thuật liên quan đến CSS. Hẹn gặp lại các bạn ở phần tiếp theo nhé.
Bài viết tham khảo: https://medium.mybridge.co/learn-css-from-top-50-articles-for-the-past-year-v-2019-4570d9da53c

LEAVE A REPLY

Please enter your comment!
Please enter your name here