rikschennink

// (c) copyright unscriptable.com / John Hann
// License MIT
// For more robust promises, see https://github.com/briancavalier/when.js.

function Promise () {
	this._thens = [];
}

Promise.prototype = {

rikschennink

(function(cordova){
 
    'use strict';
 
    var exports = {},method;
 
    // Plugin Definition
    var plugin = {
        name:'<PluginName>',
        api:{

rikschennink

// Mixins define the various layouts and options of a module, other modules are not allowed to override styles on subnodes of a module.


// HTML
// 
// <ol class="article-list">
//   <li>
//      <article class="article-item">
//         <h1>Sass outline experiment</h1>
//         <dl>

rikschennink

Naming Media Queries

Popular ways of naming media queries:

• Device (mobile, tablet, desktop)
• Size (xs ,s, m, l, xl)
• Anonymous (alpha, beta, gamma)

I've been experimenting with naming the layouts of a module itself.

• 2 columns
• 3 columns

rikschennink

Keybase proof

I hereby claim:

• I am rikschennink on github.
• I am rikschennink (https://keybase.io/rikschennink) on keybase.
• I have a public key whose fingerprint is 679B 6933 62E6 CD78 C5A4 3DE9 3FB0 0B55 E5D3 8AEE

To claim this, I am signing this object:

rikschennink

# "Usernoted" seems to be the "user notifications daemon", so get it's PID.
pid=$(ps aux | grep -i [u]sernoted | awk '{print $2}')

# Find the sqlite3 database that this program has open. It's in a "private" folder (app sandboxing).
db="$(lsof -p $pid | grep com.apple.notificationcenter/db/db\$ | awk '{print $9}')"

# I got the bundleid from Spotify.app/Contents/Info.plist
bundleid="com.spotify.client"

# I use 0 as the flags because you can change all the settings in System Preferences

rikschennink

import UIKit

extension UIView {
    
    func hide() {
        hidden = true
    }
    
    func show() {
        hidden = false

rikschennink

// Default button style
StyleCollection.addStyle("btn-default", paint: {(view) -> Void in
    
    // These buttons should all have rounded corners and a dropshadow
    view.layer.cornerRadius = view.frame.height * 0.5
    view.layer.backgroundColor = UIColor(hex:0x294A5F).CGColor
    
    view.layer.shadowColor = UIColor.blackColor().CGColor
    view.layer.shadowOffset = CGSizeMake(0, 2)
    view.layer.shadowRadius = 2

rikschennink

var animate = (function(){

    'use strict';
    
    var PI = Math.PI;
    var PI_HALF = Math.PI/2;

    var deltas = {
        linear:function(p) {return p;},
        easeInSine:function(p) {return Math.cos(p * PI_HALF);},

rikschennink

Sass OO Mixins: OOCSS without the HTML clutter

• Less HTML clutter (caused by all those fragmented class names).

<button class="btn btn-primary btn-large btn-outline">Buy!</button>

• Descriptive classes (or no classes at all) in the HTML results in cleaner and easier to read HTML.

Buy!