Duy Do blog

Cái blog của mình nó đi vào trạng thái offline gần cả năm rồi. Cả năm không viết lách cái gì cả, đôi lúc cũng muốn viết, cùng muốn chia sẻ với mọi người nhưng rồi cái cục lười biếng của mình nó đã chiến thắng.

Vì nhu cầu muốn được “tự do đục khoét” cái blog và những thứ khác nên quyết định chuyển qua dùng domain và host riêng nhưng rồi cũng làm biếng chỉ mua host & domain để đó cả mấy tháng trời mà không làm gì. Hôm nay là một ngày đẹp trời quyết định cài đặt lại blog vớí theme mới sau một thời gian dài làm biếng .

Lịch sử làm cái theme này cũng gắn liền với cái sự làm biếng của mình. Ban đầu định dành ra khoản 1 tuần để thiết kế cái theme này, nhưng 1 tuần trôi qua rồi tuần thứ 2, 3… mình vẫn chưa làm xong. Đến tuần thứ 7 mới thực sự bước vào làm.

Nói vậy chứ không làm biếng lắm, tuần 1 lên kế hoạch tìm kiếm nghiên cứu làm sao thiết kế cái giao diện nhìn cho nó ngon ngon 1 chút. Ban đầu định sẽ dùng BluePrint CSS framework và những thứ có sẵn để làm nhưng sau đó quyết định sẽ thiết kế và viết mọi thứ từ đầu.

Quyết định thế nhưng lúc này trong đầu không có nhiều kiến thức về xây dựng giao diện người dùng với XHTML/CSS, theo thói quen là nhờ bác Google hỗ trợ.

Search tới search lui mình cũng lần ra được nhiều tên tuổi nổi tiếng trong làng design như Mark Boulton, Khoi Vinh… Và cũng từ đây mình tìm thấy những khái niệm, nguyên lý và kỹ thuật thiết kế giao diện cho Web như: Eye Tracking, Grid System, Typography…

Để tìm hiểu những vấn đề này mình đã đọc những bài viết và sách sau:

1. Interview with Khoi Vinh about Grid System
2. Typographic Design Patterns and Best Practice
3. Save the Pixel – Ben Hunt
4. Don’t make me think – Steven Krug
5. Design for the Web – Mark Bouton
6. More Eric Myer on CSS – Eric A. Meyer
7. Design In Browser – Andy
8. …….

6 tuần dành để đọc sách và nghiên cứu những vấn đề về web, về UI thấy cũng rất thú vị. Cảm thấy có  hứng thú mình bắt tay vào thực hành những thứ vừa tìm hiểu được và kết quả thu được là cái theme này cùng với 1 số thư viện để dùng lại:

1. Mini Grid System library – grid.css
2. Typography library – typography.css

Đây là lần đầu tiên mình làm giao diện web ngay từ đầu 1 cách bài bản, mặc dù theme này chưa hoàn thiện nhưng mình cảm thấy rất tự hào về nó.

Để đánh dấu sự kiện này mình đã đặt tên theme là TwoMice (2 con chuột) cho dễ nhớ vì mình và vợ đều tuổi con chuột :”>.

Thỉnh thoảng làm biếng cũng có lợi