jlsync

// add all the elements inside modal which you want to make focusable
const  focusableElements =
    'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
const modal = document.querySelector('#exampleModal'); // select the modal by it's id

const firstFocusableElement = modal.querySelectorAll(focusableElements)[0]; // get first element to be focused inside modal
const focusableContent = modal.querySelectorAll(focusableElements);
const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal

jlsync

API workthough

1. Open a browser

   # start an instance of firefox with selenium-webdriver
   driver = Selenium::WebDriver.for :firefox
   # :chrome -> chrome
   # :ie     -> iexplore
   

jlsync

class StreamingController < ApplicationController

   include ActionController::Live

   before_filter :require_user

   def index
     Rails.logger.info "streaming#index"
     ActiveRecord::Base.connection_pool.release_connection # current_user already loaded in before filter

jlsync

$ = jQuery

$window = $(window)

methods =
  init: (options = {}) ->
    return this.each () ->
      $this = $(this)
      offset = $this.offset()
      x = undefined

jlsync

$ = jQuery

special_codes =
  8: "backspace", 9: "tab", 13: "return", 16: "shift", 17: "ctrl"
  18: "alt", 19: "pause"
  20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown"
  35: "end", 36: "home"
  37: "left", 38: "up", 39: "right", 40: "down", 45: "insert"
  46: "del"

jlsync

#jtip {
  z-index: 11;
  position: absolute;
  max-width: 200px;
  .arrow {
    position: absolute;
    top: 0px;
    width: 0;
    height: 0;
    margin: 0;

jlsync

require 'rspec/autorun'

def get_results(string, s_i, chars, c_i )
  finds = []
  while i = string.index(chars[c_i], s_i)
    if chars[c_i + 1]
      if more_finds = get_results(string, i + 1, chars , c_i + 1)
        finds += more_finds.map{|a| a.unshift(i)}
      else
        return nil

jlsync

Make it real

Ideas are cheap. Make a prototype, sketch a CLI session, draw a wireframe. Discussions around concrete examples, not handy-waving abstractions. Don't say you did something, provide a URL that proves it.

Ship it

Nothing is real until it's being used by a real user. This doesn't mean you make a prototype in the morning and blog about it in the evening. It means you find one person you believe your product will help and try to get them to use it.

Do it with style

jlsync

class Animal
  constructor: (@name) ->

  move: (meters) ->
    console.log @name + " moved #{meters}m."
    
class Snake extends Animal
  
  @beans: ->
   console.log("I eat beans")

jlsync

#!/usr/bin/env ruby
require 'rubygems'
require 'prawn'

@pdf = Prawn::Document.new

x = 0
texts = [ "alexander", "the alexander", "the alexander building" ]

texts.each do |text|