LESS - suy nghĩ 1 chút

LESS trước đây đọc ở diễn đàn và freelancer chưa hiểu lắm.
Có tìm hiểu thì gần giống CSS nhưng có biến, hàm, và 1 số có phân cấp độ.
Theo suy nghĩ cũng gần giống lập trình.
Ở đây 1 file .js và 1 file .less (thay cho css).
.js có trách nhiệm biên dịch trực tiếp từ file .less ra cấu trúc css
Biên dịch trực tiếp là: thay đổi thì nhận ra ngay.

Điểm mạnh của LESS thì cũng chính là điểm yếu của LESS   
LESS có hàm, và biến, cấp độ như vậy lúc thực hiện thì có thể gọn.
Nhưng lúc debug không còn khả năng trực quan nữa. Vì sẽ tìm bị trí của biến, vị trí của hàm.
Hiện theo tìm hiểu chưa thấy firebug(firefox) chưa thấy hỗ trợ debug LESS. Chrome thì cũng vậy.
Vì ở đây là biến mà lại thông qua file js để biên dịch vậy lại càng tốn thời gian debug sau này.
Mình sẽ suy nghĩ lại vấn đề dùng LESS khi có công cụ debug tốt hơn.

Dù sao cũng đọc được về bài LESS hay.
http://www.thuthuatweb.net/css/less-css-huong-dan-co-ban-cho-nguoi-bat-dau.html

Joomla 3.x - Registration Active types

Joomla 3.x
Đăng ký thành viên có 3 loại kích hoạt
1. None: kích hoạt ngay
2. Self: email gửi đến và người dùng tự kích hoạt.
3. Admin: admin kích hoạt cho tài khoản

Chrome Perfectpixel hỗ trợ convert chính xác hơn đến từng pixcel

Giới thiệu: Chrome có addon miễn phí. Firefox cũng có nhưng có tính phí. (hơi buồn vì thường dùng firefox)

Tính năng:
Thêm nhiều lớp hình ảnh vào trên cùng browser để so sánh trực tiếp file thiết kế và website đang hoạt động.

Để hỗ trợ điều đó đó : độ trong suốt, mức độ ưu tiên của hình ảnh + vị trí có thể move hình ảnh.
Yêu cầu: hình ảnh và website đều phải đặt ở mức 100% độ chuẩn. Nếu hình ảnh mà đã phóng to thu nhỏ và đưa vào so sánh thì .... pó tay nhé.

Tác dụng:
Cùng lúc nhìn hình ảnh đã thiết kế và website để hiệu chỉnh.

Ý nghĩa: là công cụ hỗ trợ xem trực quan hơn, chứ không có nghĩa công việc giảm đi (vì vậy đừng ảo tưởng ... quá như mình ^.^ lúc đầu).

Bình thường thực hiện thì vẫn đo kích thước nhưng mức độ lệch là vài pixel, kết hợp với phương pháp này là quá tuyệt. Kết hợp với inspect element để chính cho đúng css.

Link download: (chỉ hỗ trợ google )
https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi

Facebook like box IFRAME

Cách của mình làm trực tiếp từ facebook
https://developers.facebook.com/docs/plugins/like-box-for-pages/
Sau đó thực hiện theo hình ảnh.
Lấy iframe đưa vào module custom HTML.

IE8- CSS Transparent issue solved

Vấn đề IE 8 ko hiển thị được transparent. Lúc nào cũng có 1 hình ảnh mờ phía trên. Vấn đề như hình ảnh.

Cách xử lý trong CSS:
div.title {
  background: none repeat scroll 0 0 transparent;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}

Joomla 2.5- Virtue mart Discount single product

Cách giảm giá cho 1 sản phẩm trong virtue mart.
1. Tạo mới category là DiscountCategory
2. Vào Taxes & Calculation Rules
chọn Price modifier for Profit Margin

3. Sản phẩm nào cần giảm giá chỉ cần chọn cateogry là DiscountCategory

Joomla 3.x - contact form capchar

Cách xử dụng form contact capchar của google của joomla 3.x có sẵn
1. Đăng ký key capchar từ google: http://www.google.com/recaptcha

 
2. Bật plugin capchar và điền key

3. Kiểm tra thư viện capchar: 
Thời điểm đầu tháng 12 năm 2013 viết bài này thì link thư viện capchar bị lỗi, vì vậy cần kiểm tra và thay thế đoạn code.
Vị trí file: plugins\captcha\recaptcha\recaptcha.php - line 64

//JHtml::_('script', $server . '/js/recaptcha_ajax.js');
JHtml::_('script', 'http://google.com/recaptcha/api/js/recaptcha_ajax.js');

4. Bật capchar từ global config

5. Kết quả hiển thị