Skip to content

Instantly share code, notes, and snippets.

Kristian Mandrup kristianmandrup

Block or report user

Report or block kristianmandrup

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@kristianmandrup
kristianmandrup / aurelia-started.md
Last active Feb 22, 2017
Aurelia Getting started - walk through
View aurelia-started.md

Aurelia

Recipe

  • Install NVM
  • Install IO.js
  • Install global Node.js utility modules (gulp, jspm, yo)
  • Install RethinkDB
  • Install Koa.js
  • Install Aurelia generator
  • Create Aurelia app via generator
View designer.html
<link rel="import" href="../ace-element/ace-element.html">
<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<polymer-element name="my-element">
<template>
<style>
View mercury-macro.sjs
Trying to get from sth like:
'<cmp:sideBySideEditor />'
// '<div><cmp:MdEditor state="sideBySideEditor"/></div>'
And have the macro output:
"sideBySideEditor.render(state.sideBySideEditor)"
// "h('div', MdEditor.render(state.sideBySideEditor))",
@kristianmandrup
kristianmandrup / package.json
Created Oct 2, 2014
Ember-CLI package config for jspm integration :)
View package.json
"jspm": {
"directories": {
"jspmPackages": "vendor"
},
"configFile": "config/jspm.js",
"dependencies": {
"handlebars": "handlebars.js@1.3.0",
"jquery": "^1.11.0",
"qunit": "github:jquery/qunit@^1.12.0",
"ember-qunit": "github:rwjblue/ember-qunit@0.1.5",
@kristianmandrup
kristianmandrup / Converting libraries to Ember CLI addons.md
Last active Aug 1, 2019
Guide to Developing Addons and Blueprints for Ember CLI
View Converting libraries to Ember CLI addons.md

Converting libraries to Ember CLI addons

In this guide we will cover two main cases:

  • Ember specific library
  • vendor library

Ember library

The Ember library will assume that Ember has already ben loaded (higher in the loading order) and thus will assume it has access to the Ember API.

@kristianmandrup
kristianmandrup / DSL-usage.js
Last active Aug 29, 2015
Ember DSL idea for ES6 modules
View DSL-usage.js
# models/post.js
import model from 'model-dsl'
Post = model
title: attr('string')
count: attr('integer')
# controllers/post.js
@kristianmandrup
kristianmandrup / AppjsEmber.md
Created Sep 18, 2014
Using AppJs Mobile framework with Ember.js
View AppjsEmber.md

Usage

$ bower install appjs --save

Reference app.js and app.css from your application, f.ex from index.html

<script type="text/javascript" src="/bower_components/appjs/kik-app.js"></script>
<script type="text/javascript" src="/bower_components/appjs/dist/app.css"></script>
@kristianmandrup
kristianmandrup / ember-ratchet-components.txt
Last active Aug 29, 2015
Experiments with Ember Ratchet components
View ember-ratchet-components.txt
// From http://goratchet.com/components/
<script type="text/x-handlebars" id="components/ra-title">
<h1 class="title">{{yield}}</h1>
</script>
<script type="text/x-handlebars" id="components/ra-btn">
<button class="btn pull-{{pos}}">
{{yield}}
@kristianmandrup
kristianmandrup / index.html
Created Sep 18, 2014
Ember with Rachet for ember-config generator
View index.html
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
@kristianmandrup
kristianmandrup / rachet-index.js
Created Sep 18, 2014
Ember with Rachet for ember-config generator
View rachet-index.js
/*
ratchet/
├── css/
│ ├── ratchet.css
│ ├── ratchet.min.css
│ ├── ratchet-theme-android.css
│ ├── ratchet-theme-android.min.css
│ ├── ratchet-theme-ios.css
│ ├── ratchet-theme-ios.min.css
├── js/
You can’t perform that action at this time.