Cập nhật: [ Css ]

SCSS là một CSS Preprocessor mang lại cách viết code CSS gọn gàng, dễ nhìn và tận dụng tối đa source trước khi compile hơn. Hiện nay, SASS/SCSS đã được cộng đồng Coder sử dụng trong hầu hết các dự án cần đến HTML/CSS.

Một số thủ thuật hữu ích khi sử dụng SCSS

Cập nhật: [ Css ]

Trong web thì tính mượt mà trong các hiệu ứng là điều vô cùng cần thiết, nó tạo sự thân thiện và thẩm mỹ cho người dùng khiến họ có cảm giác dễ chịu hơn khi truy cập vào website. Để làm được điều này thì bạn cần phải nắm rõ một thuộc tính của CSS đó chính là Animation.

Cơ bản về CSS Animation?

Cập nhật: [ Css ]

Với sự ra đời của CSS Grid giúp chúng ta xây dựng layout đơn giản hơn rất nhiều so với float, flex. Với những layout phức tạp chỉ cần Grid là mọi việc sẽ trở nên vô cùng đơn giản hơn bao giờ hết.

Học CSS GRID thông qua những layout phức tạp

Cập nhật: [ Css ]

Z-index không hề phức tạp, nhưng nếu như bạn chưa bao giờ bỏ thời gian ra đọc tài liệu specification, sẽ có rất nhiều khía cạnh mà gần như chắc chắn bạn sẽ hoàn toàn không biết tới.

Điều không ai nói cho bạn về z-index

Cập nhật: [ Css ]

Như các bạn cũng biết, đối với ảnh về loading hay spinner thì thường định dạng gif, mà những ảnh gif này phải có nền nếu không trông sẽ khá nham nhở. Tuy nhiên, nếu sử dụng những ảnh loading gif có nền thì độ thẩm mỹ sẽ bị giảm đi khá nhiều.

Tổng hợp một số Spinner, Loading animation đẹp

Cập nhật: [ Css ]

CSS Grid Layout là gì, ở bài viết này mình muốn giới thiệu một chút về nó qua một số ví dụ đơn giản để mọi người thấy được sự tiện dụng của nó để sau này có thể áp dụng được Grid Layout vào thực tế.

[CSS Grid Layout#1] Hướng dẫn cơ bản về CSS Grid Layout

Cập nhật: [ Css ]

Trong bài viết này, mình sẽ nói qua một số kỹ thuật quản lý CSS rất hay mà nếu bạn chưa biết thì nên xem qua một lần để bạn có thể làm việc với CSS tốt hơn.

Các kỹ thuật quản lý CSS của website