argyleink

const module = (deps) => {
  const actuallyPrivate = 'foo'

  return Object.freeze({
    interface
  })
  
  const interface = () =>
    console.log(deps, actuallyPrivate)
}

argyleink

.word-break {
  -ms-word-break:   break-all;
 
  word-break:       break-word;
  word-wrap:        break-word;
 
  -webkit-hyphens:  auto;
     -moz-hyphens:  auto;
          hyphens:  auto;
}

argyleink

history = [
  1999: 'VRML'
  2000: 'HTML'
  2000: 'CSS'
  2000: 'JavaScript'
  2000: 'XML'
  2005: 'ActionScript2'
  2007: 'Java'
  2007: 'PHP'
  2007: 'MySQL'

argyleink

// this really what it takes to increment a counter on an item in my observable
// likes is a subject, broadcasting the updated array eventually to the source observable being rendered
this.likes
  .map(
    (message: Message): IMessagesOperation =>
      (messages: Message[]) => {
        return messages.map((m: Message) => {
          // todo: check if user has already liked
          if (m.id == message.id) 
            ++m.likes

argyleink

const el = function(options) {
  let node = document.createElement(options.type || 'div')

  if (options.id)     node.id           = options.id
  if (options.class)  node.className    = options.class
  if (options.text)   node.textContent  = options.text
  if (options.html)   node.innerHTML    = options.html

  return node
}

argyleink

Booting Up A Development Server

Open a console. Terminal.app on Macs, your shell or whatever on PCs.

Python is easiest:

python -m SimpleHTTPServer 8000

Then go to http://localhost:8000/ in a web browser.

argyleink

This is a small collection of scripts showing how to use require.js. It's only one of several ways of setting up a require.js project, but it's enough to get started.

At its core, require.js is about three things:

1. Dependency management
2. Modularity
3. Dynamic script loading

The following files show how these are achieved.

argyleink

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} "ipad" [NC]
RewriteRule ipad.html [L,QSA]

argyleink

AddType image/svg+xml svg
AddType image/svg+xml svgz

argyleink

vendor.prefix = (function () {
    'use strict';
    
    var styles  = window.getComputedStyle(document.documentElement, '')
      , pre     = (Array.prototype.slice
            .call(styles)
            .join('') 
            .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o'])
        )[1]
      , dom     = ('WebKit|Moz|MS|O').match(new RegExp('(' + pre + ')', 'i'))[1];