2013-10-21

Articles Photo Syncing With Btsync For Mobile [Implementing Twitter Cards]() 1 2 Notation @Tangent This is something that has occurred to me before. The idea is to invent some human-centric notation for embedding specific metadata within typed or written documents. An example might look like: todos: @Home Create a list of lists to create #Done Write blog post about writing a blog post extend Todo.txt syntax with a type field, different semantics per type then index and extract Character development (Character sheet)

Read More

Zurb Foundation

Whereas Bootstrap is somewhat opinionated about style, which leads to lots of boring-looking websites, Foundation components provide behavior and structure, which you can style however you want. It provides a bunch of reusable patterns such as Block Grid, [Inline List(http://foundation.zurb.com/docs/components/flex-video.html) References https://github.com/bauschan/generator-zurb-foundation Detailed comparison of Bootstrap (2, 3) and Foundation (3, 4) http://ericdfields.com/post/installing-compass-frameworks-in-a-yeoman-project

Read More

2013-10-18

Today’s Articles Watch Youtube in a tiny floating VLC window Less? Things I’m reading Paul Irish on Tooling & The Webapp Development Stack at Fluent ‘13 About sourcemaps 1 Max Ogden’s latest post about browserify-cdn and requirebin

Read More

Youtube in a Floating Window

I like to watch conference talks and engineering lectures while I'm working, in a small unobtrusive window. This is great on a retina display. Here's how. Youtube in VLC VLC can open Youtube URLs (drag from URL bar to App icon or paste into open dialog) By default VLC uses the highest quality stream available, which is bad for cafes etc. You can adjust the quality in Prefs > Show All > “Input / Codecs” Floating VLC video To have a floating video window:

Read More

This is my first journal post. In previous iterations of my primary writing platform (my wiki) my daily (sometimes weekly) journal has served as the first stop in my workflow for developing new ideas, and I’m hoping to apply the same process as a workflow component for blogging. I outline how it works below. Browser Tab Cleanup > Key research links and thoughts into Journal (or directly into existing articles) > Edit journal > Factor out articles

Read More

Automatic Site Rebuilds with Travis CI

Background Conclusions after creating a few sites with Github Pages’ stock Jekyll compiler Automatically recompiles are darn convenient. Constraints can be liberating. However, My clientside projects often hit Jekyll’s limits. Jekyll does 3 things when processing a file: Extract metadata from the file’s YAML header. If the file is markdown, transform it into HTML Apply the layout specified in the YAML (recursively). Evaluate any Liquid template directives.

Read More

In-page source editor

Idea In-page content editor using github to store changes Open a pull request if you are a new contributor Render on the client side Bonus points for providing in-page UI for pull requests (notifications, seeing different versions, etc) Workflow click edit fetch source from (public) github repo make changes to file click save if don't have token oauth flow if don't have write access if don't have fork of repo fork repo *hand wave* create pull request else commit change source button replaces body text with source load page source http://codemirror.

Read More

Emoji on Webpages

Emoji are pictograph characters with well-defined conventional meanings used for messaging especially in Asia. They are also part of the Unicode standard, opening the possibility of using them all over the Internet, an incredibly exciting prospect for a visual thinker like myself. A few emoji-supporting fonts are available, such as those included with messaging applications from Apple, Microsoft, and Google. For the web, Emoji Symbols from Japanese font designer blockworks is a free option.

Read More

Firebase + Angular Dive

var app = angular.module("myapp", ["firebase"]); function MyController($scope, angularFireCollection, angularFireAuth) { var ref = new Firebase('https://tinyfish.firebaseio.com/'); angularFireAuth.initialize(ref, {scope: $scope, name: "user"}); var messagesRef = ref.child('messages'); $scope.messages = angularFireCollection(messagesRef); // $scope.messages = []; // angularFire(ref.child('messages'), $scope, "messages"); $scope.addMessage = function(e) { if (e.keyCode != 13) return; $scope.messages.add({name: $scope.user.name, user_id: $scope.user.id, provider: $scope.user.provider, text: $scope.text}); $scope.text = ""; }; $scope.login = function(provider) { angularFireAuth.login(provider); }; $scope.logout = function() { angularFireAuth.

Read More

Image URLs for Picasaweb, Google+, and Drive Uploads

Picasaweb / Plus Instant Upload images are stored seperately from Drive. This is unfortunate because it means you can’t use Drive APIs and tools with synced images. In particular, Drive exposes public files via well known URLs while the situation with Picasaweb is much less rosy. Google product forum complainies. Stackoverflow post leading me to some answers. This page doesn’t tell how to get the URL for a specific image but it links to one that does.

Read More