Jan
06

IE6, theo hay bỏ?

ie-icon1

Nào là fix, hack, trick … cho riêng IE6 (may mà kg còn IE5), dù sao cũng thật tình nói 1 câu … IE6 cùi bắp

Nhiều tag render theo kiểu “ta là ta, ta là duy nhất” , chẳng giống ai, pseudo kg support, PNG, selector, js …

xem tiếp …

Jan
05

[JS] caobox.js

Caobox là một dạng như lightbox, dùng Javascript để tạo một dialogs, box content … được CKT phát triển đầu tiên, và mình tiếp tục phát triển thêm. Mục đích ban đầu là để thay thế cho các script cùng loại nhưng nặng và khó điều khiển (ví dụ như modalbox ) .

Caobox sử dụng Javascript dựa trên jQuery Framework, valid XHTML/CSS. Cánh sử dụng đơn giản bằng cách hiển thị vùng content có sẵn trên file html (div), chưa phát triển chức năng load content bằng Ajax, mình vẫn đang hoàn thiện thêm.

Features:

  • Gọn nhẹ, file size khoảng 4KB (minified)
  • Có thể chọn option dễ dàng để thay đổi overlay background color, vị trí box sẽ hiện ra, chức năng khoá click để đóng popup …
  • Dùng hiển thị được dynamic content, flash content, image …
  • Xử lý chức năng bấm Tab trên bàn phím dùng cho box có form input
  • Effect fade đơn giản gọn nhẹ & load tốt

Demo:

Xem demo của Caobox v1.0.4 tại đây

Download:

download_button

xem tiếp …

Dec
28

Yume.vn review

Yume – Friends & Me: một social network được phát triển bởi VON.  Hiện giờ thì mình không còn tiếp tục tham gia project, nên cũng muốn review đôi chút về sản phẩm này.

html/css develop: trực tiếp tham gia và cũng thấy có nhiều điểm chưa tốt ở sản phẩm này, chí ít thì tại vị trí mình tham gia phát triển

  • Không sử dụng framework, mà chỉ dùng các style nhỏ cho các element common. Không sử dụng grid
  • Định quá nhiều font, màu, link… giống nhau cho nhiều box khác nhau (duplicate)
  • Sử dụng sai mục đích thẻ  (semantic markup) và lạm dụng thẻ Div (division)
  • Đăt class, id quá tùy tiện và quá dài
  • Nhiều file css (nhiều request)

xem tiếp …

Dec
25

Chuyện về submenu của Vietyo

Tình cờ biết được site vietyo.com khi thấy có người trên cty vô site này, chủ yếu về tuổi teen.

Vô cũng chẳng làm gì ngoài đọc tin về teen xem tình hình 9x ^^ Site này cũng có homepage riêng cho từng user, cho phép member có thể edit theme. Và phát hiện, nói phát hiện thì ghê quá, thấy thôi, thấy cái sub menu khá quen.

vietyo_menu

Submenu vay mượn ý tưởng từ imeem.com, nó cũng chẳng có gì đặc biệt ngoài việc khác imeem ở chỗ active first tab & last tab thì change luôn cả bg corner. Để change được bg & border color (gồm cả arrow) với mục đích thay đổi theme (bằng css riêng của từng member) thì không thể nào dùng giải pháp sử dụng image để build html cho menu này.

Giải pháp của site này đưa ra là dùng html/css absolute để dựng layout.

Và đây mới là ý chính, nó giống y submenu của yume.vn, kể cả ID & Class dùng cho menu. ID & Class có prefix bắt đầu với “ym” -> Yume.Và điều đó có nghĩa là vietyo.com đã copy từ yume.vn.

Tại sao mình biết điều đó? vì chính mình là người make name đó mà, rồi code luôn . Nhưng vietyo.com copy chưa hoàn toàn! Submenu được generate ra từ javascript, chỉ cần include file js, javascript sẽ tự động tạo ra corner & arrow khi load page.

vietyo.com đã không sử dụng js cho việc dựng html 4 corner & arrow chút xíu & đơn giản đó, mà chỉ đơn thuần là copy html & css sample để modify, việc này sẽ làm rối mã html, và có thể gây ảnh hưởng đến coder (php..). Một sự copy 50% ^^

Dù sao thì việc active luôn cả corner, mình thấy cũng chẳng mang lại hiệu quả nhiều lắm, phát sinh thêm code, đơn giản như imeem.com cũng ok rồi. Cả page nhìn chung toàn góc cạnh, thêm cái corner đó cho hài hoà ^^

top
Powered by WordPress. Copyright © 2008 - 2010 Hien Nguyen. Theme design by Hagin