September notes

1) css z-index only applies to positioned elements

position:absolute, relative or fixed.   Higher z-index value will be in front of lower z-index value elements


<div style="text-align:center; font-size:30px;">
 <a style="color:gray; text-decoration:none; font-size:35px;" href="#">&#8226;</a>
 <a style="color:lightgray; text-decoration:none;" href="#">&#8226;</a>
 <a style="color:lightgray; text-decoration:none;" href="#">&#8226;</a>
 </div>

2) Check if browser support WebGL: Visit: http://get.webgl.org/

3) “jdeveloper.exe -singleuser": create domain in jdev home instead of user's home

https://forums.oracle.com/forums/thread.jspa?threadID=2418014&messageID=10472771#10472771

4) Use Javascript to manipulate css rules including css3 animation rules:

var lastSheet = document.styleSheets[document.styleSheets.length - 1];
lastSheet.insertRule("@-webkit-keyframes " + newName + " { from { top: 0px; } to {top: " + newHeight + "px;} }", lastSheet.cssRules.length);

References:

http://stackoverflow.com/questions/2495829/dynamically-modify-webkit-animation-with-javascript

http://jsfiddle.net/russelluresti/RHhBz/3/

http://stackoverflow.com/questions/5105530/programmatically-changing-webkit-transformation-values-in-animation-rules

5) ADF Tuning Guide:

http://docs.oracle.com/cd/E17904_01/core.1111/e10108/toc.htm (Table of Contents)

http://docs.oracle.com/cd/E17904_01/core.1111/e10108/adf.htm  (ADF part)

http://www.oracle.com/technetwork/developer-tools/jdev/index-097578.html   (AM Parameters Guide)

6) Declare string in multiple lines in Javascript


var s = "hello \

world \

haha";

var s = "hello "+

"world"+

"haha";

7) jQuery append and appendTo method
append will return the parent element, not the element inserted
appendTo will return the element inserted

$('body').append('<div>abc</div>') //return body element
$('<div>abc</div>').appendTo($('body')) //return div element

8) CSS3 keep animation end state
http://dev.w3.org/csswg/css3-animations/#animation-fill-mode

animation-fill-mode: forwards   // Keep animation end state after ending

9) Exclamation mark before Javascript function

!function a(){ }();
(function a(){})();

10) Java class file magic number:

0xCAFEBABE    //cafebabe

cool!