Skip to content

Instantly share code, notes, and snippets.

View AndrewJHart's full-sized avatar
:atom:
Building react apps & micro-services

Andrew Hart AndrewJHart

:atom:
Building react apps & micro-services
View GitHub Profile
@AndrewJHart
AndrewJHart / leaflet-google.js
Created March 25, 2014 17:26 — forked from crofty/leaflet-google.js
Plugin to use with leaflet.js for mobile app maps integration.
/*
* L.TileLayer is used for standard xyz-numbered tile layers.
*/
L.Google = L.Class.extend({
includes: L.Mixin.Events,
options: {
minZoom: 0,
maxZoom: 18,
tileSize: 256,
// Pre-requisites:
// 1. Device core plugin
// 2. Splashscreen core plugin (3.1.0)
// 3. config.xml: <preference name="AutoHideSplashScreen" value="false" />
// 4. config.xml: <preference name="DisallowOverscroll" value="true" />
function onDeviceReady() {
if (parseFloat(window.device.version) >= 7.0) {
document.body.style.marginTop = "20px";
// OR do whatever layout you need here, to expand a navigation bar etc
FadeTransitionRegion = Backbone.Marionette.Region.extend
show: (view)->
@ensureEl()
view.render()
@close ->
return if @currentView and @currentView isnt view
@currentView = view
// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----
// Jeet 5 - http://jeet.gs
/* Syntax Quick Reference
--------------------------
column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: jeet(gutter))
@AndrewJHart
AndrewJHart / FadeTransitionRegion.coffee
Created April 10, 2014 20:21 — forked from charlycoste/FadeTransitionRegion.coffee
CoffeeScript version of the animated marionette.region FadeTransitionRegion
FadeTransitionRegion = Backbone.Marionette.Region.extend
show: (view)->
@ensureEl()
view.render()
@close ->
return if @currentView and @currentView isnt view
@currentView = view
@AndrewJHart
AndrewJHart / Page-Transitions-in-Backbone.markdown
Last active March 9, 2023 20:40
Simple and elegant Backbone.js View Animations and Transitions for web and hybrid mobile apps. A Pen by Andrew J Hart.

Backbone.View Page Transitions in Backbone

An easy and effective way to implement page transitions into any Backbone.js application. Its been tested with Thorax by extending Thorax.View and tested with Marionette with various ways to implement it. There are also many other various attempts at animations/transitions with marionette that can be found on its issues page.

This originated from an idea and quest for a clean way to create a simple yet reusable animated backbone view. I found an excellent post by Mike Fowler titled Page Transitions in Backbone that provided a large part of the core and concept.

@AndrewJHart
AndrewJHart / external_tastypie_serialization.py
Last active November 28, 2018 21:30 — forked from marteinn/external_tastypie_serialization.py
Different ways to use Tastypie's resource serialization and build a response outside of the API or a resource.. e.g. a separate view in views.py, building a custom view within the resource, etc..
"""
Credit to the parker library (https://github.com/coxmediagroup/parker/) and their TastyPieHandler.
"""
# Examples of building manual responses anywhere, w/i extra views, and overridden methods
############################################################################
# example of building a serialized response from anywhere
req = HttpRequest()
from django.conf import settings
from tastypie.throttle import CacheDBThrottle
class SmartCacheDBThrottle(CacheDBThrottle):
"""
Custom throttling class to address bug in Tastypie that manifests
when trying to run tests or do any kind of development with a Resource
that has some kind of throttling configured. Tastypie is not smart
@AndrewJHart
AndrewJHart / Backbone.AnimView.js
Created February 22, 2015 19:58
Rough demonstration of creating transitionIn and transitionOut declarative properties on any of your backbone views to provide CSS powered animations into your view. Note this copy was used to extend the framework Thorax, but will little work should be easily made to work w/ backbone by itself. To make this work you will also need to create a Ro…
// Definition would look like to create a detail view
/*
var DetailView = AnimView.extend({
name: "detail",
template: template,
// classes for this view
className: 'detail',
// animation properties
var Artist = Backbone.Model.extend();
var Artists = Backbone.Collection.extend({
model : Artist,
url : "http://api.discogs.com/database/search?type=artist",
sync : function(method, collection, options) {
// By setting the dataType to "jsonp", jQuery creates a function
// and adds it as a callback parameter to the request, e.g.:
// [url]&callback=jQuery19104472605645155031_1373700330157&q=bananarama
// If you want another name for the callback, also specify the