2009
Nov
22

Liquid PNG 8 Round CornersHTML HTML Markup<div id="wrapperDiv" class="wrapper"> <div class="top-left"></div> <div class="to...

2009
Sep
21

The z-index property determines the stack level of an HTML element. The stack level refers to the element's position on the Z axis (as opposed to the X axis or Y axis). A higher z-index value means the element will be closer to the top of the stacking order. This stacking order runs perpendicular ot the display, or viewport. In an HTML page, the natural stacking order (i.e. the order of elements on the Z axis) is determined by a number of factors. Below is a list showing the order that iterms fit into a stacking context, starting with the bottom of the stack.

2009
Sep
07

You can usually find breadcrumbs in websites that have a large amount of content organized in a hierarchical manner. You also see them in Web applications that have more than one step, where they function similar to a progress bar. In their simplest form, breadcrumbs are horizontally arranged text links separated by the “greater than” symbol; the symbol indicates the level of that page relative to the page links beside it. Breadcrumb navigation should be regarded as an extra feature and shouldn’t replace effective primary navigation menus. It’s a convenience feature; a secondary navigation scheme that allows users to establish where they are; and an alternative way to navigate around your website.

2009
Sep
06

Provide large clickable areas. Don’t use underlines. Identify the current page. Space out page links. Provide Previous and Next links. Use First and Last links (where applicable). Put First and Last links on the outside.

2009
Sep
06

Vintage/Retro Styles Handwritten Notes and Paper Clips Grungy Splatter Ink ...

2009
Aug
07

Creating an XMLHttpRequest object. Specifying and submitting your HTTP request to a web server. Synchronously or asynchronously retrieving the server's response. The readyState property defines the current state of the XMLHttpRequest object. 0: The request is not initialized. 1: The request has been set up. 2: The request has been sent. 3: The request is in process. 4: The request is completed.

2009
Jul
16

There is a bug in IE (version 6 and 7) in which the clarity between <code>window.onresize</code> and <code>body.onresize</code> is muddied. This can cause quite a problem for developers and even render the client's browser unresponsive (throttling the CPU to near 100%) if you're not very careful. IE fires the onresize multiple times while Firefox only fires it once after the browser has completed resizing.

2009
Jul
05

The W3C standard API for determining the computed style of an element is the getComputedStyle() method of the Window object. The first argument to this method is the element whose computed style is desired. The second argument is any CSS pseudoelement, such as ":before" or ":after" whose style is desired. In the Mozilla and Firefox implementation of this method, the second argument is required and may not be omitted. As a result, you'll usually see getComputedStyle() invoked with null as its second argument.

2009
Jun
17

To make sure that any elements that may effect the content's height are loaded, I normally attach the function to the window.onload event. The document containing the iframe can obtain references to properties and elements in the iframed document through contentDocument or contentWindow properties. The contentDocument property has broad support among current browsers, including Internet Explorer 8+, Firefox, Chrome, Safari and Opera. The contentWindow property is supported by Internet Explorer 5.5+, Firefox, Chrome, Safari and Opera.

2009
Jun
15

A number that specifies which mouse button changed state during a mousedown, mouseup, or click event. A value of 0 indicates the left button, 1 indicates the middle button, and 2 indicates the right button. Specify the X and Y coordinates of the mouse pointer, relative to the upper-left corner of the browser's viewport and do not take document scrolling into account.