October 18, 2002
11:34 AM Phoenix is Simpler
October 17, 2002
11:49 AM
October 15, 2002
11:30 AM Resizable textareas
textarea { -moz-binding: url('resource:///res/builtin/myHTMLBindings.xml#textAreas'); }
Now, create a file res/builtin/myHTMLBindings.html in the Mozilla directory (or another file pointed to by the binding above). Add the following to it:
<xml version="1.0"?> <bindings id="htmlBindings" xmlns="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <binding id="textAreas" extends="resource:///res/builtin/platformHTMLBindings.xml#textAreas"> <handlers> <handler event="keypress" keycode="VK_LEFT" modifiers="alt"> var siz=parseInt(window.getComputedStyle(this,null). getPropertyValue("width")); if (siz > 36) this.style.width=(siz-8)+"px"; event.preventDefault(); </handler> <handler event="keypress" keycode="VK_RIGHT" modifiers="alt"> var siz=parseInt(window.getComputedStyle(this,null). getPropertyValue("width")); this.style.width=(siz+16)+"px"; event.preventDefault(); </handler> <handler event="keypress" keycode="VK_UP" modifiers="alt"> var siz=parseInt(window.getComputedStyle(this,null). getPropertyValue("height")); if (siz > 36) this.style.height=(siz-8)+"px"; event.preventDefault(); </handler> <handler event="keypress" keycode="VK_DOWN" modifiers="alt"> var siz=parseInt(window.getComputedStyle(this,null). getPropertyValue("height")); this.style.height=(siz+16)+"px"; event.preventDefault(); </handler> </handlers> </binding> </bindings>
You might want to change the keys used. A similar technique can be used for other text fields.
October 10, 2002
12:49 PM Memory Quiz
- A system with 128 MB of memory, running 3 applications using a total of 60 MB of memory.
- A system with 64 MB of memory, running the same 3 applications using a total of 60 MB of memory.
- A system with 128 MB of memory, running the same 3 applications using a total of 120 MB of memory.
October 9, 2002
8:22 PM Which browser to use?
I wonder why the preferences in Phoenix are so strangely organized? Or why they used the Orbit theme icons instead of these?
7:16 PM New Mozilla CSS properties
- -moz-background-clip = border | padding
Set to whether the background is drawn under the border, or whether it ends at the padding. - -moz-background-origin = border | padding | content
Set to indicate where the upper left corner of the background is positioned. This lets one put a background image just behind the content or have it extend into the padding or border as well.