tvandervossen

env = (function() {
  var flags = {}, ua = navigator.userAgent, el = document.createElement('div'), video = document.createElement('video'), audio = document.createElement('audio'), root = document.documentElement, i
  function flag(names) {
    names = names.split(' ')
    for (i = 0; i < names.length; i++)
      flags[names[i]] = true
  }
  function classnames() {
    var names = [], name
    for(name in flags) if (flags.hasOwnProperty(name))

tvandervossen

iPad

1024 × 690  In landscape on iOS 4.3
1024 × 672  In landscape on iOS 5
768  × 946  In portrait on iOS 4.3 
768  × 928  In portrait on iOS 5
             
1024 × 660  Always showing bookmarks bar in landscape on iOS 4.3
1024 × 644  Always showing bookmarks bar in landscape on iOS 5
768  × 916  Always showing bookmarks bar in portrait on iOS 4.3 

tvandervossen

class MyModel < ApplicationRecord
  TOKEN_CHARS = 'ybndrfg8ejkmcpqxt1wisza345h769'

  before_create :generate_token

  # Generates random token leaving out numbers and letters that might be ambiguous and that might
  # result in words some people find offensive.
  def self.typeable_token(length = 8)
    length.times.map do
      TOKEN_CHARS[SecureRandom.random_number(TOKEN_CHARS.length)]

tvandervossen

TYPES = {
  'c' => 'coin',
  'w' => 'wall'
}

def map_to_list(map)
  list = []

  map.strip!.gsub!(/\n\s*/, "\n")

tvandervossen

def vector_to_coordinates(distance, angle_in_degrees)
  angle_in_radians = angle_in_degrees * Math::PI / 180
  x = (distance * Math.cos(angle_in_radians)).round
  y = (distance * Math.sin(angle_in_radians)).round
  [x, y]
end

require "test/unit"

class TestVectorConversion < Test::Unit::TestCase

tvandervossen

loadAPI(1);

host.defineController("Roger Linn Design", "LinnStrument", "1.0", "B7DD06CB-63BA-4902-879E-050B09D3058F");
host.defineMidiPorts(1, 1);
host.addDeviceNameBasedDiscoveryPair(["LinnStrument MIDI"], ["LinnStrument MIDI"]);

function init()
{
   host.getMidiInPort(0).setMidiCallback(onMidi);

tvandervossen

How to add stimulus.js to a Rails 5.2 app

This might also work or Rails 5.1, but I haven’t tried that yet.

Add the webpacker gem to your Gemfile:

# Transpile app-like JavaScript. Read more: https://github.com/rails/webpacker
gem 'webpacker'

Then run (assuming you’re on macOS and using Homebrew):

tvandervossen

// On iPhone and iPod Touch we add a nice dynamic 3D parallax effect by 
// updating the perspective origin depending on device tilt.
if (/iPhone|iPod/.test(navigator.platform) && 'ondevicemotion' in window) {
  ;(function() {
    var value,
      element = $('div.doors ul').get(0),
      values = {x: [0,0,0], y: [0,0,0]},  // Keep the 3 most recent values.
      index = 0,
      choices = {  // Lookup table to normalize based on device orientation.
        x: {'0': ['x', -1], '90': ['y', 1], '180': ['x', 1], '-90': ['y', -1]},

tvandervossen

Add stimulus.js to a Rails 5.2 app

According to https://github.com/rails/webpacker you should:

Add the webpacker gem to your Gemfile:

# Transpile app-like JavaScript. Read more: https://github.com/rails/webpacker
gem 'webpacker'

Then run (assuming you’re on macOS and using Homebrew):

tvandervossen

In https://css-tricks.com/bem-101/ the following CSS is given as an exampke:

    /* Block component */
    .btn {}

    /* Element that depends upon the block */ 
    .btn__price {}

    /* Modifier that changes the style of the block */
    .btn--orange {}