1. Cách chọn dải màu phù hợp để thiết kế web đẹp hơn
  2. Top 10 Plugin bán hàng cho WordPress năm 2015
  3. Thiết kế web cho di động có thực sự cần?
  4. Thảo luận seo tại sao WordPress lại seo tốt?

Chủ đề: , ,

Ở Việt Nam chúng ta thiết kế web ngày càng chuyên nghiệp hơn, mặc dù số lượng các công ty thiết kế web giá rẻ còn khá nhiều và thiếu tính chuyên nghiệp cao. Tức là chưa có 1 quy trình làm việc thống nhất giữa các bộ phận với nhau, và cách thức thống nhất với khách hàng nói riêng. Bạn có công nhận với mình thế không nào?

Thường thì các công ty thiết kế web tại Việt Nam có 3 bộ  phận như thế này, đội ngũ ý tưởng và thiết kế đồ họa, đội ngũ cắt css và thiết kế html, đội ngũ code và xây dựng mã nguồn. Bài này không tập trung sâu vào các mối liên hệ hay chức năng của các đội ngũ đó.

Mà theo kinh nghiệm của mình. Muốn thống nhất được các bộ phận, và làm việc chuyên nghiệp hơn, hoặc hướng ra khách hàng nước ngoài. Chúng ta nên xây dựng theo khung chuẩn sử dụng các FrameWork  phổ biến. Có lẽ đó mới là con đường lâu dài và phát triển.

FrameWork là gì?

Cái này giống như 1 mã nguồn mở, được người ta viết sẵn và mình cứ thế bê về xơi vậy. Các bạn đừng ngại làm việc đó, vì họ cho phép, và mình cũng chẳng vi phạm gì cả.

Đừng mất công ngồi xây dựng 1 cái mới từ đầu, mà chẳng theo cái chuẩn nào cả. Nếu hứng thú với việc phát triển hay thường xuyên cập nhật cùng người xây dựng nên Framework đó hoặc hỗ trợ cộng đồng sử dụng Framework.

CSS FrameWork tức là các đoạn mã css được viết sẵn theo các id và class cố định giúp khi thiết kế bạn làm việc nhanh hơn, không phải căn chỉnh lại nhiều và không sợ bị lỗi. Chắc chắn bạn hay gặp lỗi css khi thiết kế web phải không?

CSS FrameWork cho web mobile

CSS FrameWork cho web mobile là css này sử dụng cho HTML5 với lại CSS 3 hiển thị tốt trên cac Smartphone và mobile hiện tại, gần như không có lỗi trên các trình duyệt phổ biến hiện nay.

01: Bootstrap

FrameWork cho smartphone phổ biến nhất. Bootstrap được sinh ra tại Twitter hồi đầu có tên là Twitter Bootstrap hiện nay là FrameWork số 01, dễ dùng phổ biến và đầy đủ. Đây là FrameWork bạn nên chọn vì được khá nhiều đơn đặt hàng từ các trang FreeLancer trên thế giới.

Bootstrap

Chỉ số sức mạnh:

  • Alexa: 843
  • Pagerank: 8/10
  • Social Media: 17 398
  • Download: http://getbootstrap.com/

2: Html5 Boilerplate

HTML5 Boilerplate giúp bạn xây dựng App hoặc web nhanh, mạnh mẽ và đáp ứng hết các trình duyệt đây là theo giới thiệu tại trang chủ.

HTML5 Boilerplate

Chỉ số sức mạnh:

  • Alexa: 26,297
  • Pagerank: 7/10
  • Social Media: 41 634
  • Download: http://html5boilerplate.com/

3: Foundation

Foundation không chỉ xử lý về kích thước hình ảnh, mà còn giúp bạn chọn lọc được các thành phần nào cần tải và không cần tải giúp cho website nhanh hơn và đẹp hơn.

Foundation

 

Chỉ số sức mạnh:

  • Alexa: 3,338
  • Pagerank: 7/10
  • Social Media: 3 300
  • Download: http://foundation.zurb.com/index.html

4: Skeleton

Skeleton đẹp nhẹ, dễ sử dụng đó là điều mà Framework này có thể đánh bại các đối thủ khác, với đầy đủ các tính năng tượng tự như nhau.

Skeleton

Chỉ số sức mạnh:

  • Alexa: 45,638
  • Pagerank: 6/10
  • Social Media: 12 437
  • Download: http://www.getskeleton.com/

5: Blueprint

Blueprint được viết theo chuẩn HTML 4 cũng là 1 Framework bạn nên lưu tậm khi xây dựng website cho smartphone.

Blueprint

Chỉ số sức mạnh:

  • Alexa: 122,330
  • Pagerank: 6/10
  • Social Media: 9 551
  • Download: http://www.blueprintcss.org/

Bài viết theo kinh nghiệm có phần chưa được sâu lắm của mình, vì thường mình không có hứng thú tìm hiểu chàn lan. Mình thích cái nào thì sử dụng và tìm hiểu về cái đó thôi, còn đâu chịu những cái khác không biết.

Ví dụ mình chỉ biết về WordPress, còn đâu Joomla hay Drupal mình chịu chẳng biết mù tịt gì, kể cả cài đặt cũng chưa thử bao giờ.

Nếu viết bài mà cứ theo ý mình, hoặc là không có lựa chọn khác cho các bạn, thì kiểu thể hiện giống như là gia chủ vậy. Vậy nên mình liệt kê ra, bạn nào đang sử dụng frameworkthấy hay thì giới thiệu cho mọi người nữa nhé.

Thời gian sắp tới chắc mình sẽ sử dụng Bootstrap  cho việc thiết kế. Thêm nữa Bootstrap khá là dễ sử dụng khi kết hợp với WordPress.