Luís Couto couto

Flashing Flame Devices with Firefox OS

If you have a Flame reference device and wanna try out alternate versions of Firefox OS apart from the stock one, but not willing to build from source, then follow this mini-manual.

Get the build

You can download the packages from the Nightly Build directories of Mozilla FTP. You specifically need the following two files:

b2g-XX.0a1.en-US.android-arm.tar.gz (XX is the version number)
gaia.zip

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()

Kirby + Patterns = <3

When I heard about Brad Frost's Patternlab for the first time at beyond tellerrand I was intrigued. The idea of splitting your design work for a website into simple modules or patterns isn't new and starts to become more and more of a standard. But organizing this into a very visual styleguide/patternlab seemed to make so much sense. Brad also introduced a very interesting approach with his separation of modules into categories, such as atoms, molecules and organisms.

I started porting Brad's patternlab app to Kirby, but it never really made it to something polished and it turned out for me after using it for Kirby's panel UI, that it's actually a pain in the ass to maintain such a pattern collection.

The problem of patternlab

The problem with such a styleguide or patternlab is that it exists next to the real thing. When you change something in your code base you also have to update the particular code for the pattern in patternlab. To be honest I went very quickly from being

	#!/usr/bin/env python2

	# Quick and dirty demonstration of CVE-2014-0160 by Jared Stafford ([email protected])
	# The author disclaims copyright to this source code.

	import sys
	import struct
	import socket
	import time
	import select

	Beyond Budgeting
	Creativity Inc
	Good to Great
	Surviving & Thriving in a Relationship with an Entrepreneur
	Predictable Revenues
	Pricing with Confidence
	Flow: The Psychology of Optimal Experience
	Further Up The Organization
	Nail It Then Scale It
	7 Habits Of Highly Effective People

	#
	# OSX packet filter rules
	# References:
	# * https://gist.github.com/scy/8122924
	#

	# The purpose of this config is to make sure that my system uses the
	# privateInternetAccess VPN connection for everything and not to communicate
	# unencrypted when the VPN connection goes down. Therefore, I block
	# everything on the physical interfaces except for ICMP, DHCP, DNS and the

	Wordlist ver 0.732 - EXPECT INCOMPATIBLE CHANGES;
	acrobat africa alaska albert albino album
	alcohol alex alpha amadeus amanda amazon
	america analog animal antenna antonio apollo
	april aroma artist aspirin athlete atlas
	banana bandit banjo bikini bingo bonus
	camera canada carbon casino catalog cinema
	citizen cobra comet compact complex context
	credit critic crystal culture david delta
	dialog diploma doctor domino dragon drama

	const I = x => x;
	const K = x => y => x;
	const A = f => x => f(x);
	const T = x => f => f(x);
	const W = f => x => f(x)(x);
	const C = f => y => x => f(x)(y);
	const B = f => g => x => f(g(x));
	const S = f => g => x => f(x)(g(x));
	const P = f => g => x => y => f(g(x))(g(y));
	const Y = f => (g => g(g))(g => f(x => g(g)(x)));