KVW site, cố lên, gần xong rồi

Thực sự bắt tay vào đánh site với mục đích rõ ràng mới thấy nhiều việc tủn mủn. Có đoạn chỉ vài câu thôi, mà cũng fải bóp đầu bóp trán cả nửa ngày mới nặn ra được. Mà cũng còn fải sửa đi sửa lại zăm ba bận nghe mới có vẻ xuôi xuôi.

Nếu chỉ tính thời jan code, đánh nguyên site cũng chỉ mất vài ngày. Nguyên nhân mất nhiều thoijan, thứ nhất là thủng thẳng vừa làm vừa chơi, thứ hai là ngắm nghía để làm responsive cho hoply. Tính toán design khá kyluong (figma) rồi, nhưng đến lúc làm thật thấy khá rối. Chưa kể vừa làm vừa fải đọc documentation và thực nghiệm (cả Hugo lẫn Tailwind).

homepage, trang giới thiệu và trang contact
homepage, trang giới thiệu và trang contact

Cách làm tuy chưa fải tối ưu, nhất là về code. Để tối ưu hoá còn fải mất nhiều thoijan nữa. Site chạy được mới chỉ là bắt đầu, mà thoy.

mấy trang headline này làm kiểu “đu quay”. Từ trang này có link zẫn sang trang kia
mấy trang headline này làm kiểu “đu quay”. Từ trang này có link zẫn sang trang kia

Cách bày biện hiện tại xem như bám khá sát với thietke ban đầu. Responsive ổn (chưa kiểm nghiệm với thietbi thực). Thành công đạt được lần này là điều chỉnh code để việc tạo content được thuận tiện hơn. Tuy vẫn hơi nặng về cách làm thucong, nhưng cũng zựng đuợc một nền móng tốt để khi cần cothe điều chỉnh hoặc mở rộng nhanh chóng.

trang trình bày sản fẩm và single page của nó
trang trình bày sản fẩm và single page của nó

Update:

Lúc code chỉ xem responsive jả lập trên mành desktop. Lúc xem thử thực tế (mành Pixel 3) thấy không ổn. Font Prata (google) chỉ đẹp khi zùng nó ở size lớn. Zùng vào paragraph nét quá mảnh, khó đọc. Zùng tạm IBM Plex serif đến khi tìm được font fuhop hơn.

Đọc về Tailwind lại thấy có bọn nhá hàng món windicss. Có nên nếm thử hông ta? TW trong các tuts nom cove ngắn gọn, zùng thực tế mới thấy nó zài lòngthòng. Biên mấy đoạn responsive nom khá nhức mắt.

/blog/202201/kouveo-workshop-website/
dev hugo