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

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

$.sammy(function() {

  app.get('#/exams/new', function(context) { 
 
       // display the modal 
  
      window.setTimeout( function(){
        context.app.location_proxy.unbind();
        context.app.setLocation('#/'); 
        context.app.last_location = '#/';

jlsync

# SUPER DARING APP TEMPLATE 1.0
# By Peter Cooper

# Link to local copy of edge rails
#  inside('vendor') { run 'ln -s ~/dev/rails/rails rails' }

# Delete unnecessary files
#  run "rm README"
#  run "rm public/index.html"
#  run "rm public/favicon.ico"