BLOG
Định dạng ảnh mới AVIF liệu có soán ngôi vương của JPEG và PNG?

Định dạng ảnh mới AVIF liệu có soán ngôi vương của JPEG và PNG?

Ngày 28-8-2020, Chrome 85 đã chính thức hỗ trợ ảnh AVIF. Bạn thử search nhanh trên Google là thấy ngay cộng đồng developer háo hức và kì vọng vào nó như thế nào. Vậy AVIF là định dạng ảnh gì và nó có gì đặc biệt so với các định dạng ảnh lâu đời như JPEG hay PNG? Hãy cùng mình tìm hiểu nhé.

Cập nhật , bởi Phúc Lương
Angular - Tự xây dựng module "lazy load images"

Angular - Tự xây dựng module "lazy load images"

Trong bài viết trước của mình về lazy-loading images, mình đã giới thiệu chi tiết cả về lý thuyết lẫn thực hành kèm với các kĩ thuật khác nhau. Tuy nhiên nếu bạn đang lúng túng chưa biết cách tích hợp vào dự án sử dụng framework Angular, thì bài viết này sẽ hướng dẫn các bạn tự tay xây dựng một angular module đơn giản hỗ trợ lazy-load images mà không cần sử dụng thư viện bên ngoài.

Cập nhật , bởi Phúc Lương
Kiến thức về "Lazy-loading images" mà bạn cần biết

Kiến thức về "Lazy-loading images" mà bạn cần biết

Trong bài viết lần này, hãy cùng mình nghiên cứu từ "lịch sử" cho đến "hiện đại" các vấn đề về lazy-loading images nhé (có cả lý thuyết và code). Những trình bày của mình dựa trên kinh nghiệm và kiến thức của bản thân, cộng thêm nghiên cứu và tổng hợp từ nhiều nguồn khác nhau nhằm cung cấp cho các bạn cái nhìn đầy đủ nhất cả về lý thuyết lẫn thực hành.

Cập nhật , bởi Phúc Lương
Apple từ chối phát triển 16 WebAPI cho Safari và thuyết âm mưu

Apple từ chối phát triển 16 WebAPI cho Safari và thuyết âm mưu

Chỉ mới tuần trước thôi, cộng đồng developer trên thế giới đã "dậy sóng" khi Apple thông báo sẽ KHÔNG implement 16 Web API cho trình duyệt Safari của mình. Vậy 16 Web API này cụ thể là gì, việc Apple từ chối chúng có ảnh hưởng gì đến miếng cơm manh áo của lập trình viên tụi mình không? Hãy cùng mình xem xét và bạn sẽ tự có câu trả lời cho bản thân.

Cập nhật , bởi Phúc Lương
Tin tức CSS tháng 8, 2020 có gì mới

Tin tức CSS tháng 8, 2020 có gì mới

Frontend nói chung và CSS nói riêng vẫn đang được phát triển liên tục. Ngoài những kiến thức cơ bản, bạn cũng nên cập nhật những kĩ thuật/tin tức mới nhất để không bị đi sau thị trường nhé. Nếu bạn là một người mong muốn cập nhật liên tục những kĩ thuật mới nhất, tin tức mới nhất về CSS, thì bài viết này dành cho bạn.

Cập nhật , bởi Phúc Lương
CSS Box Model - Các cách hiển thị element với thuộc tính display

CSS Box Model - Các cách hiển thị element với thuộc tính display

Đây là bài viết cuối trong series về CSS Box Model của mình. Nếu như các bài viết trước tập trung phân tích sâu về một element và các thuộc tính của nó, thì bài viết này sẽ giúp bạn có cái nhìn bao quát hơn về mối quan hệ giữa các element trên trang web, chúng đẩy nhau hay hút lại với nhau như thế nào, từ đó giúp bạn có thể layout được các element tới những vị trí một cách chính xác nhất.

Cập nhật , bởi Phúc Lương
CSS Box Model - Cơ bản dành cho người mới bắt đầu

CSS Box Model - Cơ bản dành cho người mới bắt đầu

CSS Box Model là một trong những kiến thức rất cơ bản mà bất kì Frontend developer nào cũng cần phải nắm vững. Trong bài viết này, mình sẽ giới thiệu những thuật ngữ và kiến thức đơn giản và cơ bản của CSS Box Model, ngay cả với người mới bắt đầu cũng có thể hiểu được nhé.

Cập nhật , bởi Phúc Lương
CSS Box Model và box-sizing: border-box là gì vậy?

CSS Box Model và box-sizing: border-box là gì vậy?

Trong thế giới của CSS hay web layout nói chung, có rất nhiều thứ cơ bản mà một lập trình viên giao diện cần nắm vững. Nhưng mình chọn Box Model để giới thiệu đầu tiên vì nó rất cơ bản nhưng lại vô cùng quan trọng trong việc layout.

Cập nhật , bởi Phúc Lương