Connect with:
About Me
Alessandro Annini
I'm a freelance developer currently working at Leaff.it/ I really love famo.us framework and its amazing potential and if you're like me, and you want the web to win, please share some snippet of code for the community and grow faster with us
Categories
Meta
Famo.us Code | 2014 July
0
archive,date,ajax_updown_fade,page_not_loaded,,qode-theme-ver-6.2.1

July 2014

Quadrantik View

An excerpt from my earlier post on Codepen: I've called this layout a Quadrantik View. The name comes from the symbiosis of the math quadrants of the Cartesian plane and my nickname. I know, I'm bad with naming the stuff :/ Quadrantik takes an array of 4...

Using ContainerSurface to create a Ken Burns animation effect

ContainerSurface & clipping In famo.us, surfaces are typically added to a flat DOM using absolute positioning. This is what gives famo.us its awesome performance and makes almost anything possible. A consequence of this is that all surfaces are treated equal and the z-position is important for the...

Animated Dots Icon

So, there I was, having a casual call with a friend of mine a few days ago. We used Skype to share some files, when I noticed that program has a circular processing/loading icon, which consists of a chain of small dots, running one after another....

Surface.on(“tap”, ….) – A convenience hack

FastClick was not working for me. Touchend is insufficient: If I scroll and my finger happens to be on a link, I don't want to click the link. Enter the TapEvent hack. It hijacks the Surface.on function to emit a "tap" event when conditions are...

— Famo.us Field guide for 2014
New Table of Contents

Here you are the index of every article in this website! Table of Contents As you can see is placed in the upper menu, and auto-updates if you remember to use categories! ;)   New proto-codepen feature ready on the right.. more to come...

New feature – Fiddle from Gist

Hi Famo.us! From today it is possible to generate a fiddle right from a github gist! Just paste the gist ID in the box on the left top and then push New Fiddle button...

Scrollview: goToFirst(), goToLast(), goToIndex(i)

Hi everybody, Currently (0.2.2), Scrollview lacks a few functions: goToFirst() goToLast() goToIndex(i); According to Github, this will be solved soon. In the meanwhile, we can use a little hack. Check out Gist and fiddle below: [wp-js-fiddle url="http://jsfiddle.net/markmarijnissen/t2z4Q/42/" style="width:100%;height:400px;border:solid #4173A0 1px;"] The hack involves exploiting the default ViewSequence Backing to find the first or...

A look inside Rendering

If you want to take control of rendered nodes, write a custom View with a render function. The Flipper class is a simple example (and the RenderController is a complex example of this pattern) How Famo.us renders: Every RenderNode has a render function which creates a renderSpec. The renderSpec contains information about a Modifier or Surface. The Modifier specs are used to calculate the final CSS properties. The Surface specs...

Quickly setting margins using BoxLayout

Sometimes you need to specify margins for a renderable relative to it's parent. You can use modifiers to change the size and the offset. This is pretty straightforward, but can only be done when you know the size of the parent: // parent with fixed size var...