User Interface

Canvas Query

Posted on

  • Extended canvas for gamedevelopers
  • Methods chaining
  • Easy setup for a logic loop, rendering, mouse, touch, gamepad and keyboard
cq(640, 480)
  .drawImage(image, 0, 0)
  .fillStyle("#ff0000")
  .fillRect(64, 64, 32, 32)
  .appendTo("body");

Important changes

These are changes that can impact your current code: Read the rest of this entry »

This entry was posted in User Interface.

jQuery Gooey Menu

Posted on

Author: Dynamic Drive

Description: jQuery Gooey Menu uses the popular “lava lamp” effect to create CSS menus with a moving gooey background effect. Whenever the mouse moves over a menu item, the desired style that indicates the selected menu item follows the mouse to that item, smoothly highlighting the currently active item. Each menu is simply a standard UL list and very easy to customize, including the gooey effect itself.

The gooey effect is simply an absolutely positioned LI element dynamically added to the end of the menu. It is styled using just CSS to create the desired gooey menu look. Groovy!

Content Link: http://www.dynamicdrive.com/dynamicindex1/gooeymenu.htm

This entry was posted in User Interface.

Key Board Shortcuts for Dreamweaver CS5

Posted on Updated on

Insert
Non-Breaking Space ( ) Cmd-Shift-Space (works in Code & Design views) Option-Space also works, but only in Design view
Line Break Shift-Return
Image Cmd-Opt-I
Table Cmd-Opt-T
Modify Read the rest of this entry »

This entry was posted in User Interface.

Simple Dropdown Menu Css

Posted on Updated on

Html:

<div id=”menu”>
<ul id=”main_menu”>
<li id=”m1″><a href=”#” class=”menu_1″>Home</a></li>
<li id=”m2″><a href=”#” class=”menu_2″>Projects</a></li>
<li id=”m3″><a href=”#” class=”menu_3″ id=”active_3″>About</a>
<ul id=”sub”>
<li><a href=”#”>About Company</a></li>
<li><a href=”#”>About People</a></li>
</ul>
</li>
<li id=”m4″><a href=”#” class=”menu_4″>Careers</a></li>
<li id=”m5″><a href=”#p” class=”menu_5″>Contact</a></li>
</ul>
</div> Read the rest of this entry »

This entry was posted in Css, Html, User Interface.

How do I turn on Active mode for FileZilla?

Posted on

Enabling passive mode

In most cases, you should be using “passive mode” to avoid network problems.

These instructions explain how to turn on passive mode for FileZilla (version 3.1.6) for Windows, although other versions are similar: Read the rest of this entry »

This entry was posted in User Interface.