Skip to content

Instantly share code, notes, and snippets.

geelen /
Created Jan 27, 2015
WebkitForWayland notes on Tegra Nouveau drivers

After the previous attempt and raising an issue, I am trying to install again with a fresh rootfs as described here

First attempt failed with missing dependencies, so I reran a command from last time:

sudo apt-get install build-essential autoconf automake autopoint libtool intltool bison flex libgnutls28-dev libxml2-dev libsqlite3-dev

Stuck on installing Weston — it's missing a dependency on libinput which I can't find in the repo and the build instructions for Weston reference as needing to be built from source. Seems like this should be part of the dependency tree for Webkit, then?

geelen / gulpfile.js
Last active Oct 11, 2017 — forked from superhighfives/gulpfile.js
Harp with BrowserSync! Woo!
View gulpfile.js
var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var harp = require('harp');
* Serve the Harp Site from the src directory
gulp.task('serve', function () {
harp.server(__dirname + '/src', {
geelen / gist:2e314d9c547b752603fd
Last active Aug 29, 2015
Web Component design thoughts
View gist:2e314d9c547b752603fd

Web Component design thoughts

It feels like I'm facing the same thing the same problems writing the API of these components. In particular:

  • A component might have several distinct modes. As in, an <x-gif speed="1.0"> has a very different playback mode from <x-gif bpm="120">, so you shouldn't be allowed to have both speed and bpm. But it doesn't seem right to break them into separate components, so either one takes precedence or having both present causes an explosion.
  • A component might require more than one attribute to be valid. As in, <x-beat midi channel="0" note="65">. Until you have both the channel and note you can't make connection to the midi signal. But if you're driving the component with a framework like angular, it will first render incompletely (as <x-beat midi channel="{{ channel }}" note="{{ note }}">), then after a $digest will insert the right values. So a component may need to permit being in an invalid state temporarily, then when all attributes are set go and get
View designer.html
<link rel="import" href="">
geelen /
Last active Aug 29, 2015
Retro of the last month in Angular


Go to February


  • Alex B - How Ebay use Angular
  • Rob Kerr - Breaking apart words & web services

(if there's time)

View arrows.sjs
macro (->) {
rule infix { $assign:expr = ($arg (,) ...) | {$body ...} } => {
function($arg (,) ...) {
$body ...
rule infix { $assign:expr = ($arg (,) ...) | $value:expr } => {
function($arg (,) ...) {
return $value;


Go to November


  • Mark Dalgleish - Angular Delegator
  • Casey Butler - Life as a Angular noob

What is happen in 3 month with Angular?

View metaquery_boilerplate.html
<!doctype html>
<html lang="en" class="breakpoint-medium">
<meta charset="utf-8">
<title>Metaquery Boilerplate</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="breakpoint" content="small" media="(max-width: 480px)">
<meta name="breakpoint" content="medium" media="(min-width: 481px) and (768px)">
View index.html
<=21DOCTYPE html PUBLIC =22-//W3C//DTD XHTML 1=2E0 Strict//EN=22 =22http:=
//www=2Ew3=2Eorg/TR/xhtml1/DTD/xhtml1-strict=2Edtd=22>=0A<html xmlns=3D=22=
http://www=2Ew3=2Eorg/1999/xhtml=22>=0A<head>=0A<meta http-equiv=3D=22Con=
tent-Type=22 content=3D=22text/html; charset=3Dutf-8=22>=0A<meta name=3D=22=
viewport=22 content=3D=22width=3Ddevice-width, initial-scale=3D1=2E0=22>=0A=
<title>Anthony is now following your reviews on Goodfilms=2E</title>=0A<s=
tyle type=3D=22text/css=22 data-immutable=3D=22true=22>=0A=09=09table td =
=7Bborder-collapse: collapse;=7D=0A=0A=09=09=40media only screen and (-we=
bkit-min-device-pixel-ratio: 2) =7B=0A /* Put your iPhone 4g styles =
in here */=0A=09=09=7D=0A=0A=09=09/* Following Android targeting from:=0A=