Đoạn clip về các hiệu ứng hình ảnh như thật trong phim Benjamin Button, do Steve Preeg tham gia thực hiện với vai trò là Visual Effects Artist, vừa được trao giải Oscar.

Bạn đã xem phim này chưa? Phim đang được công chiếu tại các cinema (HCM), mình chưa xem nhưng sau khi xem xong đoạn clip thì muốn xem phim này thật.

Ngoài ra Steve Preeg còn là một leader của guild Sarth 3D khá nổi tiếng (theo nguồn tin mình biết, chứ mình không tham gia server official nên cũng chẳng rõ nổi tiếng thế nào) trong World of Warcraft, một tựa game thể loại MMO thành công nhất thế giới hiện nay của Blizzard, với character có maximun Profession, thế mà dân ta cứ lên án người chơi game nhỉ ^^.

xem tiếp …

Trích từ sách:
Designing Visual Interfaces: Communication Oriented Techniques
TG: Kevin Mullet & Darrell Sano (SunSoft – Sun Microsystems).

Bài dịch của LeDuyTien – nguoitapviet.info

|
Một phần trích từ cuốn sách hay miêu tả những kỹ thuật cơ bản được sử dụng để nâng cao hiệu quả trực quan của giao diện đồ hoạ người dùng (GUI – Graphical User Interface)
|

Sự tổ chức của nhận thức (“Perceptual Organization”)

Rất nhiều định luật về “sự tổ chức của nhận thức” lần đầu tiên được mô tả vào những năm 20 bởi những nhà nghiên cứu tâm lý của trường Gestalt. Những nhà nghiên cứu về gestalt (tự điển: một tổ hợp của các phần tử để truyền tải nhiều thông tin hơn những gì mà tất cả các phần tử thành phần có được) tập trung mô tả những quá trình mà trong đó những nhân tố riêng lẽ được nhóm thành những gestalt (tổ hợp) trong quá trình cảm nhận trực quan (Wertheiner, 1958). Bằng cách mô tả làm thế nào cấu trúc tổng thể của một tổ hợp được nhìn thấy từ những cấu trúc nhỏ hơn của các thành phần, những định luật Gestalt có thể giải thích được sự thành công của rất nhiều kỹ thuật thiết kế trực quan. xem tiếp …

Dùng expression, sẽ ảnh hưởng đến tốc độ render của browser nếu dùng nhiều, tốt nhất chỉ dùng riêng cho IE (dùng cách include hoặc * html):
/* min-max width */
width:1000px;
min-width:900px;
max-width: 1100px;
width:expression(document.body.clientWidth < 902? "900px" : document.body.clientWidth > 1100? "1100px" : "auto");

/* min-max height */
height:900px;
min-height:900px;
max-height:1100px;
height: expression( this.scrollHeight < 902 ? "900px" : this.scrollHeight > 1100 ? "1100px" :  "auto" );

Min-height dùng !important
min-height:900px;
height:auto !important;
height:900px;

Bình thường mình muốn open new window khi click trên 1 link nào đó, cách đơn giản nhất mình hay dùng từ lúc biết HTML đến giờ là dùng tag “target=_blank”, thật dễ dàng.

<a href="index.html" target="_blank">index</a>

Vấn đề là tag “target” không còn được hỗ trợ nữa trong XHTML1.0 Strict & XHTML1.1, xem trả lời tại đây.
Để validate HTML trong trường hợp này cần dùng Javascript hỗ trợ, có vài cách như sau:

1. Script trực tiếp trong code HTML

Cách này đơn giản dễ dùng, nhưng phải chèn code cho mỗi tag “a”
<a href="index.html" onclick="return ! window.open(this.href);">index</a>

2. Dùng JS Framework với jQuery

Cách này cần phải thêm rel=”blank” thay cho target=”_blank”, việc còn lại script sẽ xử lý
$(document).ready(function(){
$('a').each(function(){
if ($(this).attr('rel') == "blank"){
$(this).click(function(){
window.open($(this).attr('href'));
});
}
});
});


3. Không dùng Framework

Cách này cũng cần phải thêm rel=”blank” thay cho target=”_blank”, script sẽ auto run khi được include
function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&anchor.getAttribute("rel") == "blank")
anchor.target = "_blank";
}
}
window.onload = externalLinks;

Và cuối cùng, save as và include file

Bài viết liên quan:

- New-Window Links in a Standards-Compliant World
- Validate target attribute XHTML Strict or HTML 4.0 Strict

1. stephband.info

2. pikaboo.be

3. youlove.us