Tim Wisniewski timwis

Introduction

I have been struggling to start a new project with Phoenix 1.3 and the new vue-cli 3 for Vue.js. There are tons of example already but none of them suited my needs, because:

I want to use the new Vue-cli to select the features that I want,
I do NOT want to setup Webpack (I know, what a shame!). The new Vue-cli includes the new vue-cli-service, which uses an instance of webpack-dev-server, so you don't have to import it manually in your project.
I do not want to use Brunch.

Create your Phoenix App

Assuming that you have Elixir and Phoenix 1.3 are both installed, let's build our new App.

Online things

Package search (for stable channel)
- An unofficial multi-channel package search (for all recent channels, including stable - currently not being updated)
Options search (for stable channel)
A list of channels, and when they were last updated
A timeline of channel builds
A source code search (that actually works!) of all NixOS repositories; Nix, nixpkgs, etc.

Development tooling

Copy-to-clipboard Bookmarklet

Create Bookmarklet (browser bookmark that executes Javsacript) to copy a given text to Clipboard.

This is the base javascript:

(function (text) {
  var node = document.createElement('textarea')
  var selection = document.getSelection()

Stuff I wish I'd known sooner about service workers

I recently had several days of extremely frustrating experiences with service workers. Here are a few things I've since learned which would have made my life much easier but which isn't particularly obvious from most of the blog posts and videos I've seen.

I'll add to this list over time – suggested additions welcome in the comments or via twitter.com/rich_harris.

Use Canary for development instead of Chrome stable

~~Chrome 51 has some pretty wild behaviour related to console.log in service workers. Canary doesn't, and it has a load of really good service worker related stuff in devtools.~~

There are two types of markup in Liquid: Output and Tag.

Output markup (which may resolve to text) is surrounded by

{{ matched pairs of curly brackets (ie, braces) }}

Tag markup (which cannot resolve to text) is surrounded by

The Open Source Mentorship Program is a partnership between Code for America brigades and Girl Develop It chapters. The "Summer of Open Source" was piloted in Philadelphia over the summer of 2014. Met with great excitement from the success of the experiment, CfA and GDI cemented the partnership so that other brigades and chapters across the country might replicate and extend the impact of this collaboration.

In the summer of 2015, Philadelphia once again launched osmp. This guidebook is the result of their experience and includes both successes and opportunities for improvement. It is as comprehensive as possible, but the intention is for subsequent programs to fork and bu

	npm config set loglevel http
	npm config set progress false
	npm config set package-lock false
	npm config set save false
	mkdir -p ~/.config/configstore/
	printf '{"optOut": true,"lastUpdateCheck": 0}' > ~/.config/configstore/update-notifier-npm.json

	SELECT
	cols.column_name,
	cols.data_type,
	cols.character_maximum_length,
	cols.column_default,
	cols.is_nullable::boolean,
	constr.constraint_type,
	pg_catalog.col_description(cls.oid, cols.ordinal_position::int)::jsonb
	FROM
	pg_catalog.pg_class cls,

	{% capture whitespace %}
	{% assign wholeNum = include.number \| divided_by: include.divsor %}
	{% assign remainder = wholeNum \| times: include.divsor \| minus: include.number \| times: -1 %}

	{% capture output %}{{ wholeNum }}.{% endcapture %}

	{% for i in (1..include.decimals) %}
	{% assign newNumer = remainder \| times: 10 %}
	{% assign workspace = newNumer \| divided_by: include.divsor %}
	{% assign remainder = workspace \| times: include.divsor \| minus: newNumer \| times: -1 %}

	postgres:
	image: postgres:9.4
	volumes:
	- ./init.sql:/docker-entrypoint-initdb.d/init.sql