Gần đây mình có cơ hội làm một số dự án về front-end , convert từ PSD->HTML. Trong khi làm việc thì mình cũng có gặp 1 số vấn đề cần tìm hiểu kĩ nên mình tổng hợp lại để sau này truy lục lại đỡ tốn thời gian hơn.

I. Sự khác nhau giữa Responsive và Adaptive

Từ trước đến nay chỉ nghe khái niệm Responsive. Giờ mới biết thêm là có Adaptive nữa. Cụ thể thì đọc ở link dưới:

Phân biệt giữa thiết kế web Responsive và thiết kế web Adaptive

II.Cách dùng nvm để quản lý version Node.js

NVM là gì? Cài đặt nvm trên windows (Node.js)

III. HTMLLint tool

Là trong 1 tool để tìm lỗi HTML, tối ưu hóa code.

Bên Nhật thì họ hay dùng tool này : http://www.htmllint.net/html-lint/htmllint.html

Chỉ nhập nhập URL và chọn các option và tiến hành check

IV.Vendor Prefix

Đây là những tiền tố được cung cấp bởi các engine render khác nhau:

-webkit là của Chrome và Safari

-moz là của Firefox

-o là của Opera

-ms là của Internet Explorer

V. Media Query

Định nghĩa : https://viblo.asia/p/tim-hieu-ve-media-query-3ZabG9oRzY6E

Cách dùng để tạo responsive cho website : https://freetuts.net/su-dung-media-css-tao-responsive-cho-website-660.html

VI. Transcompiler

Định nghĩa được mô tả ở link dưới, phân biệt thêm compiler, interperter và transpiler.

https://melaptrinh.com/t/phan-biet-compiler-interpreter-va-transpiler-trong-lap-trinh/206

Trong quá trình làm nếu có thêm  thông tin thì mình sẽ chia sẻ tiếp.