Nick Treadway ntreadway
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> | |
| <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> | |
| <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title>Your Sick Page</title> | |
| <meta name="description" content=""> |
ntreadway
/ page_inject.coffee
Created
April 18, 2012 17:27
Simple page inject for JQuery Mobile and Rails Partials
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Used to dynamically add a rails page view when using Jquery Mobile | |
| # Author Nick Treadway @nicktea | |
| @insert_page = (id, content) -> | |
| page = $("<article id="+id+" data-role='page' data-url="+id+" data-add-back-btn='true'>" + content + "</article>") | |
| page.appendTo('body') | |
| $('a' + '#' + id).click -> | |
| $.mobile.changePage(page, {transition: "slide"}) | |
| # Use (your-view.haml) |
ntreadway
/ capybara-helpers.rb
Created
April 20, 2012 23:46
— forked from jc00ke/capybara-helpers.rb
Capybara helpers
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| def set_mobile_agent | |
| page.driver.header('User-Agent', 'iPhone') | |
| end | |
| def js_click(selector) | |
| page.driver.execute_script "$('##{selector}').click()" | |
| end | |
| def screenshot | |
| require 'capybara/util/save_and_open_page' |
ntreadway
/ pagefailed.js.coffee.erb
Created
April 27, 2012 22:46
Jquery page exception error for rails
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <% if Rails.env.development? %> | |
| @onLoadFailed = (event, data) -> | |
| text = data.xhr.responseText | |
| newHtml = text.split(/<\/?html[^>]*>/g)[1] | |
| $("html").html newHtml | |
| $(document).on "pageloadfailed", onLoadFailed | |
| <% end %> |
ntreadway
/ Gemfile
Created
May 19, 2012 03:22
A Phonegap development workflow with Rack and Sprockets - http://abhishiv.tumblr.com/post/15994872384/phonegap-and-sprockets-sitting-in-a-tree
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| source :rubygems | |
| gem 'rake' | |
| gem 'rack' | |
| gem 'rack-rewrite' | |
| gem 'thin' | |
| gem 'sprockets', '2.2.0' | |
| gem 'sass' | |
| gem 'coffee-script' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var express = require("express"), | |
| app = express.createServer(express.logger()); | |
| port = process.env.PORT || 3000; | |
| app.configure(function(){ | |
| app.use(express.methodOverride()); | |
| app.use(express.bodyParser()); | |
| app.use(express.static(__dirname + '/')); | |
| app.use(express.errorHandler({ | |
| dumpExceptions: true, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Mobile | |
| @mixin kill-mobile-zoom { | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: none; | |
| } | |
| @mixin kill-tap-highlight { | |
| -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| } |
ntreadway
/ _mixins.scss
Last active
December 30, 2015 09:49
Hide and show Sass mixins for optimized device performance.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin show-it { | |
| height: auto; | |
| visibility: visible; | |
| @include opacity(1); // Compass mixin | |
| } | |
| @mixin hide-it { | |
| position: absolute; | |
| -webkit-transform: translate3d(-9999rem,0,0); | |
| -moz-transform: translate3d(-9999rem,0,0); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-conent> | |
| <div class=“list”> | |
| <!—content—> | |
| </div> | |
| </ion-content> |
ntreadway
/ Angular iOS style animation panel slider
Last active
August 29, 2015 14:13
Angular iOS style animation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Slide In From Right | |
| // ------------------------------- | |
| @-webkit-keyframes slideInFromRight { | |
| from { -webkit-transform: translate3d(100%, 0, 0); } | |
| to { -webkit-transform: translate3d(0, 0, 0); } | |
| } | |
| @-moz-keyframes slideInFromRight { | |
| from { -moz-transform: translateX(100%); } | |
| to { -moz-transform: translateX(0); } |