6 điều các nhà thiết kế web cần biết về CSS

Harry Roberts được biết đến như một nhà lập trình web CSS (Cascading Style Sheets). Hiện ông đang giảng dạy về CSS tại Anh. Trước đó, ông đã trải qua ba năm làm việc tại Sky dưới vị trí nhà phát triển cao cấp.Trong bài này, Harry Roberts chia sẻ 06 bài học ông đúc kết được khi sử dụng công cụ CSS.  Cùng Designs.vn xem ông chia sẻ gì nhé!

Chân dung Harry Roberts

1.  Sự thú vị

Hiện nay, các trang web thường chứa dữ liệu lớn và phức tạp, hướng tới nhiều đối tượng hơn. Các nhà thiết kế thường lựa chọn CSS để làm trang web của mình đơn giản nhưng phong phú hơn.

“Nếu phải nói điều gì khiến tôi chọn CSS là giải pháp cho trang web, thì đó là quy mô lớn. Rất nhiều khung mở rộng, các mã nhúng có thể được lập trình và chạy tốt với CSS. Do đó, tôi thường truy cập vào các trang web lớn, tìm hiểu các ứng dụng nhúng của họ để học hỏi thêm. Tôi trải nghiệm, tìm hiểu rồi về tự lập trình lại trên bản demo” Harry Roberts chia sẻ.

2. Hoạt động ổn định

Mặc dù Roberts được biết đến như chuyên gia về CSS, tuy nhiên anh cũng không biết tất cả mọi thứ “Một điều tôi đã học rằng trong thời kỳ hiện nay chủ nghĩa thực dụng được chú trọng hơn cầu toàn”.

Một trang web có giao diện xấu xí, nhưng vẫn hoạt động luôn có giá trị hơn một trang web giao diện đẹp nhưng không chạy ổn định. Nói về mã nguồn của Facebook và Google, Harry nhận xét “Mã nguồn của 2 trang thực sự là một mớ hỗn độn. Nhưng các trang web đó đã xử lý hàng triệu người truy cập với lượng thông tin dữ liệu khổng lồ.”

Dự án “CSS guide line” do Harry Roberts thực hiện. 

3. Cân nhắc thận trọng với SASS

SASS là một công cụ hỗ trợ viết CSS dễ dàng hơn với các chức năng mới như biến,hằng số. Tuy nhiên, do sự tiện lợi, người lập trình thường chỉ quan tâm code tất cả những gì có thể nhưng lại không quan tâm sản phẩm là gì. Nên thận trọng khi sử dụng SASS và đừng sử dụng công cụ chỉ vì bạn đã đọc một bài báo nói rằng nó rất tuyệt. “Hãy nhìn vào những vấn đề bạn có và tìm hiểu những gì đang xảy ra để giải quyết chúng đơn giản nhất có thể. SASS tiện lợi nhưng không phải là tất cả”.

4.  Nghiên cứu các doanh nghiệp trước khi thiết kế

Hiểu biết kinh doanh rất quan trọng trong việc tìm hiểu, sáng tạo và thiết kế web phù hợp với mục đích của công ty và yêu cầu người sử dụng. Roberts chia sẻ thêm: “ Trước khi bắt đầu thiết kế web cho một đối tác, tôi luôn cố gắng trở thành một khách hàng trước khi làm việc. Sau đó, tôi liên lac với một vài nhà phát triển của công ty để có cái nhìn tổng quan về các vấn đề của họ. Cuối cùng, tôi bắt tay vào thiết kế và giải quyết các vấn đề về kinh doanh.”

Trang web NHS với các công cụ UI do Harry Robert thiết kế.

5. Nói chuyện với các nhà phát triển

Lập trình viên thường dành nhiều thời gian để nghiềm ngẫm, đặt câu hỏi như “Tại sao họ lại lập trình như vậy”, “họ làm như nào”, “Nó có phù hợp với doanh nghiệp hay không?”. Thời gian có thể được giảm bớt khi họ liên hệ và trao đổi trực tiếp với nhà phát triển. Ngoài ra bên cạnh việc học hỏi, có thể bạn đột nhiên nhận ra một số nhà phát triển sẵn sàng chia sẻ, có thể trở thành người cộng tác trong tương lai. 

6.  Xây dựng web bền vững

Cùng với việc tối ưng web chạy nhanh và hiệu quả, mối quan tâm lớn của Roberts là xây dựng các trang web bền vững với đội ngũ lâu năm.Ông chia sẻ “Tôi làm việc cho các công ty với những trang web đã tồn tại được hơn 3 năm và sẽ tiếp tục được duy trì trong tương lai”. Chìa khóa của sự bền vững chính là giảm các mã nhúng chuyển động tới số lương ít nhất có thể.

Có rất nhiều khách hàng khi lập web quá chú tâm vào tiêu chí lớn nhất và mới nhất. Vì vậy họ muốn sử dụng công nghệ mới, và khi đó họ cần đảm bảo khả năng tương thích web với các trình duyệt cũ bằng các xây dựng fallbacks. Điều đó đồng nghĩa với việc họ phải làm 2 việc là tạo ra công cụ mới cho trình duyệt mới và công cụ cũ cho các trình duyệt cũ. Có điều, các trình duyệt cũ thường phổ biến hơn. Vì vậy, nếu bạn cần trang web bền vững và luôn hiển thị tốt hãy tiết chế việc sử dụng các mã nhúng động.

Bài viết gốc trên Designs.vn