Archive for category Jquery, Mootools

[jQuery] 自訂右鍵 context menu

Posted by Chowky in Jquery, Mootools on April 27, 2010

大家有否覺得瀏覽網頁，每一次都只用右鍵，是否覺得有點單調呢。

所以今天就介紹一個東西可以助你自訂右制的content menu，還可以自己加入不同的圖示，非常方便。

當你需要做web-base 的system 就好需要這個plugin 呢~

用法:
Read the rest of this entry »

Context Menu, jquery Plugin, Mouse Right Click

No Comments

[jQuery] Javascript Game Engine (gameQuery) !?

Posted by Chowky in Jquery, Mootools, News on March 16, 2010

聽到都覺得莫名其妙。

不過有人竟然開始就把這個做出來~，佩服

Sprite 的hit test 其實都很花時間的。所以大家暫時不是考慮真正的使用。看來只能佩服一下而已~

當然，簡單的minigame 應該都是可以做到的。

gameQuery has the following features:

* multi layer-sprite animations
* sprite hierarchies (grouping)
* collision detection
* swappable sound support
* periodic callbacks
* keyboard state polling
* free and open source license

期待他們做到一個很理想的engine~

Source: http://gamequery.onaluf.org/

No Comments

[jQuery] 1.3.2 和 1.4 的比較

Posted by Chowky in Jquery, Mootools, News on January 20, 2010

jQuery 近來都差不多成為最多人用的javascript framework 了。

近來jQuery 推出新的release 1.4. 聽聞 performance 改善了很多。

No. of Function Calls (因為減少了很多不必要 method 的call，可能就是大大改善performance 的原因)

dom 的insertion 看來需要的時間真是快了很多 (ie 系列快了很多)

Read the rest of this entry »

1.3.1, 1.4, jquery, 比較

2 Comments

Website Navigation Usability 小貼士

Posted by Chowky in Design, Jquery, Mootools on December 26, 2009

每一個 website ，除了 visual 上要設計之外，navigation 上的設計其實更為重要。試問user click來click 去都找不到自己想要的information。這種website 的user experience 一定不會好，即使visual 上做得好好，都只是一個外觀很好的website。

User 找不到想要的info，看完就算，對於你的目標，就是否這麼簡單呢？你可能會失到potential customers。

所以website navigation 上面一定要花心機去令website 更容易去browse.

這方面就應該要參考一下其他人的做法呢。

1. 簡潔的 Menu Navigation
這個例子當然會是apple 的design。直接的表達，就會避免混亂，而且可以令到visitors 更容易找到想要的資料

2. 加上主頁的link去自己的logo 上
現在很多不同的website 都已經是這樣做了，差不多是 standard 做法，最重要的是visitors 早已習慣。

Read the rest of this entry »

navigation, tips, usability, user experience, website

No Comments

[CSS] Radioactive Buttons (Safari 4.x, Google Chrome Only)

Posted by Chowky in Design, Jquery, Mootools, News on December 7, 2009

就近聖誕，當然要加入一些聖誕元素呢~~。

這個demo 就教你利用webkit 的css animation 去做一個閃閃下的button~~..

因為是利用了webkit 的關係，所以~~…..只可以做到safari, google chrome show 到出來。

做法就很簡單 (當然是因為利用了css 的animation)
Read the rest of this entry »

css, glowing effect, google chrome, radioactive button, safari 4.x

No Comments

Appcelerator Titanium 一個很有趣的工具 + 比較

Posted by Chowky in AIR, Jquery, Mootools, Mac, News, Opensource, RIA, iPhone on October 15, 2009

雖然chowky 已經知道這個工具很久，不過覺得這套工具未成熟，所以沒有理會。直至今天嘗試開發專為 iphone 的 web。在找尋的過程之中，又看到這個工具，看來已經比之前好成長了不少。於是，今天就看看是怎樣的東西~

首先是titanium 是 opensource，另外這件東的 concept 其實不錯的，真的有點似adobe air，mobile, desktop 的version 都有buildin 的sqlite support。主要的分別，titanium 就是compiled and run in native OS，所以分為，mobile version, desktop version and web version ，而 ADOBE AIR 就放在flash platform / AIR 之中。而titanium 就比adobe air 走快了一步，支援了mobile (iphone and andriod) ，所以都有些人認為是air 的最大的competitor (為什麼沒有m$ 的silverlight，不入流呢)。

Read the rest of this entry »

1 Comment

CSS navigation with 3 個不同的state (default, active, hover)

Posted by Chowky in Jquery, Mootools on September 10, 2009

這個navigation 令chowky 眼前一亮，真的很難明白為什麼一個developer 會有這麼高的design sense 呢~ 令人羨慕。

見到效果是否覺得不錯呢~。

最難得是簡單直接~~(當然這個東西不太適用於cms 的template design 上，他的做法不是dynamic 的~但得到的是design 上的空間)

HTML 方面都是利用ul (unordered list)

<ul id="topnav">
	<li class="home"><a href="index.htm">Home</a></li>
	<li class="about"><a href="about.htm">About Us</a></li>
	<li class="services"><a href="services.htm">Services</a></li>
	<li class="portfolio"><a href="portfolio.htm">Portfolio</a></li>
	<li class="contact"><a href="contact.htm">Contact</a></li>
	<li class="blog"><a href="blog.htm">Blog</a></li>
</ul>

Read the rest of this entry »

3 states, css, horizontal, html, menu, navigation

No Comments