rikschennink

<div data-module="/ui/component.js" 
     data-context="@media (min-width:30em) and was @visible">

</div>

rikschennink

• src
  • main.js
  • ui
    • foo.js
    • bar.js

This command generates modules where identifiers have been set to absolute module paths:

browserify ./src/**/*.js -o ./dist/bundle.js --full-paths

rikschennink

const arrow = (str, i) => str[i] === '-' && str[i+1] === '>';

const string = (c) => c === "'" || c === '"';

const comma = (c) => c === ',';

const opener = (c) => c === '(';

const closer = (c) => c === ')';

rikschennink

Assumption: Next button is most clicked button in a pagination control.

The trap is to layout the HTML to match the design of the control. With the next button last and the previous button first.

By reformatting the HTML we can make things easier for everyone:

• Visual users still see the classic paging (CSS takes care of that);
• Tab focus for keyboard users is immidiately brought to next button, no need to tab over all pages;
• Screenreader users have the same benefit and also hear which page is currently active;

Any suggestions on what more we could improve?

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!

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

// 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

import UIKit

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

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

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: