Reflektions miniml > April 2009

Wednesday, April 29, 2009

Moving elements from the DOM v5 »

Exploring moving multiple items. This example takes the previous code and applies it to a number of <div>'s; 5 to be exact. If you are not familiar with HTML and wondering how does a <div> translate to an animated square. In CSS,...

Tuesday, April 28, 2009

Moving elements from the DOM v4 »

My last post, using FX.Morph, I created an animation to randomly reposition a div to a random top,left position on the stage and rescale itself to a new width, height value. This extends on that experiment by adding an interval to create a looping...

Libraries and Frameworks »

The resurgence of the use of JavaScript has gone hand in hand with the rise of robust, sophisticated JavaScript libraries like Mootools, JQuery, Dojo and YUI. To get an introduction to these libraries, take a look at the Enabling Web 2.0: Dojo,...

Monday, April 27, 2009

Moving elements from the DOM v3 »

In my last post I mentioned that mootools has an FX Class which incorporates 3 ways to animate an object withing the DOM. - FX.Tween : changes a single CSS style property - FX.Morph : changes many CSS style properties - FX.Transitions : changes...

Saturday, April 25, 2009

Moving elements from the DOM v2 »

Mootools has an FX Class which incorporates 3 ways to animate an object withing the DOM. - FX.Tween - FX.Morph - FX.Transitions The one in this experiment is the FX Tween. The Tween effect is used to transition any CSS property from one value...

Friday, April 24, 2009

JavaScript|Flash Conferences »

Two major conferences starting today. FITC has been established as a leader in Flash, actionScript and JSConf: one of the most interesting conferences for Javascript development. Both have a great speaker lineup. JSConf puts an emphasis on a...

Thursday, April 23, 2009

Scaling DOM Elements in JavaScript »

Creating three dimensions is only a mathematical smoke and mirrors scaling trick based on a virtual focal point. I had experimented on this topic in flash and had explored all the mathematics to create 3D navigations.I will be exploring the topic in...

Wednesday, April 22, 2009

Moving elements from the DOM v1 »

Yesterday I posted about the Mootools DOM $ and $$ selectors. They serve as shortcuts to traverse the DOM tree and find elements. Today's experiment looks into the Element.setStyle method. myElement.setStyle(property, value); basically,...

Tuesday, April 21, 2009

Moving elements from the DOM »

Mootools contains shortcuts for collecting elements from the DOM. A simple yet powerful solution is the DOM $ and $$ selectors.$ Collects an element from the DOM much like the document.getElementById(). The later might be intentionally verbose for...

Sunday, April 19, 2009

Mask follow v0 »

Sometimes while coding experiments bloopers come along. I was working on the mouse follow experiment when by accident I set the cursor background CSS property to "repeat fixed" instead of "repeat scroll". background: transparent...

Saturday, April 18, 2009

mousemove mouse follow v1 »

This is an extension of my last javascript onMouseMove post. In this case I used the CSS background-image property instead of an <img> tag to set the cursor follow image. The advantage in this method is that I bypass the transparent...

Thursday, April 16, 2009

mousemove mouse follow v0 »

In the following example I am creating a onMouseMove event handler and placing it on the <body> tag to catch all mouse movements on the page. A clip I am setting as position:absolute is then assigned to follow the mouse position by setting...

Wednesday, April 15, 2009

Mobile Accessibility : Targeting the mobile browser »

Optimizing for mobile devices can be tricky, although there is a lot of power in making your site easily available to the largest group of possible eyeballs. How many browsers are there in the mobile space? In North America, serious contenders...

slider v4 : rgbToHex »

Mootools rgbToHex method converts an RGB color value to hexidecimal. Input array in array format where each item represents a color value between 0 and 255 are used to set RGB colors. Ex : [255,255,255] In this example I am setting a 2D array...

Saturday, April 11, 2009

Sitting on the skills you know? Mobile is your answer! »

The following Adobe Edge feature shot at FITC Amsterdam explores the state of the Flash economy. What comes out of it is the necessity for flash developers, too content to sit on their skills, to start learning new skills. The most promising...

Thursday, April 09, 2009

Javascript Prototype and a hexToRgb slider »

There are four major implementations of JavaScript and the DOM : Mozilla's Spider-Monkey, Internet explorer's JScript, Opera's linear_b, and Safari's JavaScriptCore. They are not created equally. As a matter of fact, JavaScript is a language whose...

Wednesday, April 08, 2009

JavaScript libraries mitigate cross--browser issues, »

JavaScript is a brilliant language with very public flaws. The javaScript environments within browsers vary widely in spec compliance, language features, and speed. Major pains come from the different levels of DOM support. They're things some...

Tuesday, April 07, 2009

Slider v0 »

Exploring further, I wanted to bring up the fact that most of theses posts will be using the mootools JavaScript library. A good book to get into Mootols is " MooTools Essentials: The Official MooTools Reference for JavaScript™ and...

I-phone support »

Yesterdays post was the first reflektions.com | Miniml post to be supported on the I-phone.

Monday, April 06, 2009

Javascript is the new mobile paradigm »

It is imperative to have an understanding of the rates and directions of UI coding technological development.Whenever technology approaches a barrier, Ray Kurzweil writes, new technologies will cross it. Considering the ongoing exponential growth...

Mootools : a usefull javascript library »

These library/toolkits are all good choices : (mootools, dojo, prototype, jquery YUI). They all have their different focuses and approaches to problems. Some have very different philosophies and styles, but ultimately they are well written,...