2014
Apr
22

What's @font-face?@font-face is for loading up and using your own custom fonts, rather than the limited set of standard system fonts already insta...

2014
Mar
27

CSS SpecificityStart at 0, add 1000 for style attribute, add 100 for each ID, add 10 for each attribute, class or pseudo-class, add 1 for each element...

2014
Mar
25

The postMessage API is supported by all modern browsers including IE8. It allows windows/frames from multiple domains to communicate with each other. ...

2014
Mar
14

OverviewBased on the library bootstrap model and jstree, I built the library Treeview to select a file from the file cabinet and do copy or move.Gett...

2014
Mar
11

Overview Render TV list data, set the cursor focus on the item, and go on the next when pressing the Enter key. Y.TVList doesn't deal with any sty...

2014
Mar
10

Why may we want to preload images?Preloading images is a great way to improve the user experience. When images are preloaded in the browser, the visit...

2014
Mar
09

onLoadThe load event is a general “loading complete” signal. It is supported by many elements. For example, external SCRIPT and IMG, IFRAME trigger ...

2014
Mar
06

ECMAScript 5's Function.prototype.bind is a great tool that's implemented in all modern browser JavaScript engines. It allows you to modify th...

2014
Mar
05

DefinitionsPass by ValueIf the function is able to assign values to its parameters, only its local copy is assigned — that is, anything passed into a...

2010
Oct
03

getAttribute("HREF") is always absoluteThe href attribute is different to other element attributes in that the value set can be relative to the contex...

2010
Apr
11

Seafood Pumpkin BisqueIngredients 12 - 15 pieces of shrimp shells 1 onion 1 tablespoon of butter 170 grams of sherry ...

2009
Nov
22

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

2009
Oct
21

Soupe à Loignon GratinéeIngredients 6 onions Extra virgin olive oil 2 Garlics 8 cups of chicken stock A half cup of...

2009
Sep
21

What is z-index?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...

2009
Aug
07

What is the XMLHttpRequest object? Creating an XMLHttpRequest object. Specifying and submitting your HTTP request to a web server. Synchronou...

2009
Jul
16

There is a bug in IE (version 6 and 7) in which the clarity between window.onresize and body.onresize is muddied. This can cause quite a problem for d...

2009
Jul
05

Scripting Computed StylesThe W3C standard API for determining the computed style of an element is the getComputedStyle() method of the Window object. ...

2009
Jul
04

Catalan Roasted Tomatoes & Vegetables with HerbsIngredients 1 eggplant (300 grams) 1 onion 1 red bell pepper 3 tomatoes ...

2009
Jun
17

Communicate Between iFramesiFrame AttributesExample<iframe id="my-iframe" height="100%" width="100%" src="child.html" allowtransparency="true" fram...

2009
Jun
15

Mouse Events onMouseDown: A mouse button has been pressed. onMouseMove: The mouse has been moved. onMouseOut: The mouse pointer has left an e...

2009
Jun
04

Types of ErrorsSyntax ErrorsSyntax errors are errors in grammar and punctuation such as mismatched quotes or missed commas. These errors are caught qu...

2009
May
26

What are cookies?Cookies are small amounts of data stored by the web browser. They allow you to store particular information about a user and retrieve...

2009
Apr
26

Event Flow Event Capturing Netscape maintained that the event on element1 takes place first. This is called event capturing. The e...

2009
Apr
21

Dynamic Style LoadingExamplevar HTTPUTILITY = { getStyle: function(url, callback) { var isLoaded = false; var style = document.createElem...

2009
Apr
20

Comparison with XMLHttpRequest()Advantages Can request a file from anywhere on the net, not just the server your page was loaded from. Works in IE e...

2009
Apr
15

Disable Text SelectionWith CSSExample<div unselectable="on"></div> /* For IE */Example.text-selection { user-select: none; -moz-user-s...

2009
Mar
23

Variables and MethodsPrivate VariablesPrivate variables are declared with the var keyword inside the object, and can only be accessed by private funct...

2009
Mar
08

Opacity SettingWith CSSExample.opacity { opacity: 0.5; /* For Newer Mozilla Browsers, Safari, and Opera */ -moz-opacity: 0.5 /* For Older Mozilla Br...

2009
Mar
08

Working With Backgrounds in CSS 2The Background Shorthand PropertyExamplebackground: transparent url(images/image.png) left top scroll no-repeat;One i...

2009
Mar
08

Specifics On Floated Elements A left-floated box will shit to the left until its leftmost margin edge (or border edge if margins are absent) touche...

2009
Mar
07

Conditional CommentsSyntaxExample<!--[if condition]> HTML <![endif]-->ConditionExample<!-- Any Version of IE (typically 5, 5.5, 6, or 7...