FRONT-END: TẠO HIỆU ỨNG CHO TIÊU ĐỀ DEMO TẢI VỀ Tạo cấu trúc Các cấu trúc HTML là như nhau cho tất cả các hình ảnh động. Ở đây ta sử dụng một <section>bên ngoài. Tiêu đề là một phần tử<h1>phần tử khối thẻ. Mỗi từ được nằm trong một <b>thẻ, tất cả các từ bên trong …
Read More »[Front-End] – Hướng dẫn các thao tác cắt layout đơn giản trong Photoshop
Chào các bạn, Hôm nay gởi các bạn lập trình front end danh sách một số thao tác cơ bản trong việc cắt layout từ file PSD trước khi dàn layout sử dụng HTML, CSS. Giới thiệu 2. Phần 2 3. Phần 3 4. Phần 4 5. Phần 5: 6. Phần 6
Read More »[Front-end] – Coding guideline – Code sao cho chuẩn
HTML 1. Cú pháp Nên sử dụng Tab ngắn (2 khoảng trắng), điều này sẽ giúp code giống nhau trên mọi môi trường 2. Doctype ! Nên khai báo doctype để bắt đầu với một môi trường tiêu chuẩn & phù hợp với mọi trình duyệt <!DOCTYPE html> <html> <head> …
Read More »[Front-End] – Tuyển tập câu hỏi phỏng vấn Front-end
[Front-End] – Tuyển tập câu hỏi phỏng vấn Front-end Hỏi chung Những điểm nào mà bạn thích, hoặc không thích về lập trình? Khác nhau giữa UI và UX? Nói về môi trường làm việc mà bạn mong muốn? Ba cách để giảm dung lượng tải trang? CORS? Bạn đã …
Read More »[Front-end] – Các kỹ năng cần có để trở thành một chuyên gia Front-end
1. HTML & CSS HTML (Ngôn ngữ đánh dấu siêu văn bản) và CSS (Cascading Style Sheets) là những nền tảng cơ bản nhất của mã hoá web. Nếu không có hai ngôn ngữ này, bạn không thể tạo ra một thiết kế trang web, và tất cả những …
Read More »P7 – Don’t make me think – Trang chủ của bạn đã bị quá tải?
Một trong những sai lầm cơ bản của thiết kế là nhồi tất cả vào trang chủ. Luôn luôn có một câu nói nổi tiếng rằng “One more thing”… đối với trang chủ. Thường thì trang chủ phải truyền tải tất cả những điều sau: Trả lời rằng website này …
Read More »P6 – Các biển chỉ đường & Breadcrumbs
Trong thực tế, người dùng sẽ ko dùng một sản phẩm mà họ không tìm được đường vào và ra. Điều này rất dễ cảm nhận, nếu bạn vào một website mà bạn không tìm được đường ra hoặc mường tượng được website đó được cấu trúc như thế nào, …
Read More »P5 – Don’t make me think – Bỏ qua những từ ngữ thừa – nghệ thuật “ko viết” trên web
Có một câu ngắn gọn và đã đeo đuổi tôi suốt những năm đại học đó là “bỏ qua những từ ngữ thừa” – thật ngắn gọn – một câu ko có từ ngữ nào thừa, một đoạn văn ko có câu nào thừa. Và khi tôi nhìn vào những …
Read More »P4 – Don’t make me think – Động vật, rau hay là khoáng chất?
Trong thực tế, người dùng sẽ ko dùng một sản phẩm mà họ không tìm được đường vào và ra. Điều này rất dễ cảm nhận, nếu bạn vào một website mà bạn không tìm được đường ra hoặc mường tượng được website đó được cấu trúc như thế nào, …
Read More »P3: Don’t make me think – Thiết kế một thứ để scan, ko phải để đọc.
Có 5 nguyên tắc để thiết kế một thứ như vậy, để scan chứ ko phải để đọc: Tạo một mức độ cây phân cấp nội dung cho mỗi trang (tăng độ contrast): H1, H2, desc.. Tận dụng lợi thế của các ký hiệu (list, quote, icon…) Phân nhỏ nội dung …
Read More »