GOTW
thiet-ke-noi-thatthiet-ke-do-hoalam-phim-quang-cao

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

28/06/2015 SEO

Uniker ơi, để thiết kế nên 1 website đẹp, ngoài những kiến thức về màu sắc, quy tắc thiết kế... chúng ta cũng cần phải biết các quy tắc về công nghệ nữa đó. Bài viết này, lập trình viên Harry Roberts chia sẻ các bài học về CSS ông đã học được trong sự nghiệp của mình.

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 Unidesign 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.

Nguồn: designs.vn

 

Bài viết khác

thiet ke noi that

7 mẫu thiết kế nội thất cổ điển cho không gian hẹp

Thiết kế nội thất cổ điển vừa sang trọng vừa hiện đại lại phù hợp với không gian nhỏ là yêu cầu chung của những nhà thiết kế nội thất hiện nay. Sự chắc chắn và bề thế của những vật liệu nội thất luôn tạo cảm xúc cho người sở hữu hoặc vô tình tiếp xúc qua.

Bí quyết cơ bản về ánh sáng dành cho các studio

Không phải lúc nào studio trang bị máy móc hiện đại cũng sẽ đem lại những bức ảnh chất lượng. Sau đây là 1 vài bí quyết cơ bản khá đơn giản để nhiếp ảnh Studio có thể kiểm soát được ánh sáng trong những bức ảnh của mình.

5 xu hướng bao bì hứa hẹn sẽ “làm mưa làm gió” trong năm 2016

Việc thiết kế bao bì không chỉ để khẳng định và tạo dấu ấn cho thương hiệu, nó còn là phương thức kết nối các xu hướng văn hóa khác nhau đang ảnh hưởng đến thị yếu người tiêu dùng giúp doanh nghiệp vươn xa hơn trong thị trường kinh doanh rộng lớn.

MIT thiết kế đồ thể thao cảm biến độ ẩm giúp hạ nhiệt cơ thể khi bạn đổ mồ hôi

Các tín đồ thể thao đã bao giờ nghĩ đến một bộ đồ có thể giúp bạn thoát mồ hôi và điều hòa nhiệt độ cơ thể một cách tự động chưa?

Sự khác nhau giữa Illustrator và Photoshop

Illustrator và Photoshop là 2 phần mềm thiết kế vô cùng thông thuộc và hữu ích với 1 người thiết kế. Nhưng có lẽ chính các designer cũng không nhớ và không biết hết sự khác nhau giữa chúng. Unidesign sẽ tổng hợp những điểm khác nhau của 2 phần mềm thông qua bài viết này.

Màu sắc là gì và 20 bí ẩn về màu sắc

Bạn đang nắm giữ bao nhiêu bí mật về màu sắc. Hãy cùng UniDesign kiểm chứng ngay thôi nào!

Chương trình đào tạo

Thiết kế Nội thất

Thiết kế Nội thất

Trong tình hình kinh tế đang phát triển hiện nay, đây là một trong những ngành nghề khan hiếm nhân lực nhất trong thị trường lao động.Khi học thiết kế nội thất bạn có thể tạo ra những điều không thể thành hiện thực trong cuộc sống.

Chi tiết
Học làm phim kỹ thuật số.

Học làm phim kỹ thuật số.

Ngày nay, phim ảnh đã trở thành món ăn tinh thần không thể thiếu đối với con người. Đặc biệt những người trẻ đầy nhiệt huyết và tự tin nghĩ rằng họ có thể tạo ra được những thước phim đẹp mắt hơn những hình ảnh họ đang thấy nếu được đào tạo bài bản. Điều đó thúc đẩy nhu cầu học làm phim ngày càng cao.

Chi tiết

Việc làm

Tuy áp dụng hình thức và phương pháp đào tạo tương đối mới mẻ ở Việt Nam nhưng Trường Đào tạo Quốc tế UNIDESIGN đã có những bước trưởng thành và thành tựu đáng kể trong công tác dạy học cũng như tổ chức.

Chi tiết

UNIDESIGN có bộ phận quan hệ sinh viên, bộ phận này ngoài việc giữ liên lạc thường xuyên và liên tục với các sinh hiện tại và đã tốt nghiệp trên cả nước, còn là cầu nối giữa sinh viên với các doanh nghiệp.

Chi tiết

Họ nói gì về chúng tôi

Em yêu thích chuyên ngành Thiết kế từ khi còn nhỏ. Em rất thích vẽ, thời gian rảnh rỗi em hay ngồi vẽ và còn vẽ cho cả các bạn nữa. Lúc đầu, em dự định thi trường ĐH Mỹ Thuật Công Nghiệp nhưng em chưa có điều kiện được học vẽ nhiều, mới chỉ vẽ theo ý thích của mình thôi.

“Lúc chưa biết đến trường em thường chỉ quan tâm đến ngành học của các trường đại học chính quy. Sau khi biết đến trường, em mới biết đến ngành thiết kế đồ hoạ. Và từ lúc ấy, em thấy nó rất hợp với mình và quyết tâm theo học"

Hiện nay em đang băn khoăn lựa chọn giữa chuyên ngành Thiết kế đồ họa và chuyên ngành Làm phim tại Trường Đào tạo Thiết kế UniDesign. Lý do em chọn ngành Thiết kế khá đơn giản, vì bản tính của em khá quậy, cá tính

Lan Anh từ nhỏ đã có yêu thích và đam mê với ngành Thiết kế nên gia đình luôn muốn cho em đi theo con đường này. Khi em quyết định chọn học tại trường UniDesign, cô rất tôn trọng quyết định của em.

“Ấn tượng đầu tiên của em về trường là cái tên UNI, viết tắt của You and I – khá ý nghĩa và sáng tạo. Rồi em lại càng ấn tượng hơn sau chuyến du lịch Tam Đảo"