Skip to content

Instantly share code, notes, and snippets.

View distinctgrey's full-sized avatar

Thomas De Groof distinctgrey

View GitHub Profile
@praxxis
praxxis / loading_view_example.js
Last active December 20, 2015 15:49
An implementation of a "promise region" for Backbone.Marionette. Lets you easily create and manage "loading" views, that are eventually replaced by a view with content.
var LoadingView = Backbone.Marionette.ItemView.extend({
template: 'Loading...'
});
var LoadedView = Backbone.Marionette.ItemView.extend({
template: 'Loaded!'
});
var View = Backbone.Marionette.Layout.extend({
template: '<div class="example"></div>',
@kendellfab
kendellfab / goto-sublime
Created August 1, 2013 20:53
Add mouse click `goto definition` in sublime text 3.
Linux - create "Default (Linux).sublime-mousemap" in ~/.config/sublime-text-3/Packages/User
Mac - create "Default (OSX).sublime-mousemap" in ~/Library/Application Support/Sublime Text 3/Packages/User
Win - create "Default (Windows).sublime-mousemap" in %appdata%\Sublime Text 3\Packages\User
[
{
"button": "button1",
"count": 1,
"modifiers": ["ctrl"],
"press_command": "drag_select",

I wrote this in early January 2012, but never finished it. The research and thinking in this area led to a lot of the design of Yeoman and talks like "Javascript Development Workflow of 2013", "Web Application Development Workflow" and "App development stack for JS developers" (surpisingly little overlap in those talks, btw).

Now it's June 2013 and the state of web app tooling has matured quite a bit. But here's a snapshot of the story from 18 months ago, even if a little ugly and incomplete. :p


In the beginning…

  • Intro to tooling
@soswow
soswow / Gruntfile.js
Last active December 14, 2015 10:38
Middleware for handle pushState working inside yeoman development server.
// Generated on 2013-03-01 using generator-webapp 0.1.5
'use strict';
var lrSnippet = require('grunt-contrib-livereload/lib/utils').livereloadSnippet;
var mountFolder = function (connect, dir) {
return connect.static(require('path').resolve(dir));
};
var pushStateHook = function (url) {
var path = require('path');
var request = require('request'); // Need to be added into package.json
@isochronous
isochronous / Application.root.js
Last active November 17, 2018 10:13
Root app for drop-in multi-app Marionette framework using requireJS and the subapprouter it works with
define([
"underscore",
"backbone",
"marionette",
"vent"
],
/**
* Creates the primary `Marionette.Application` object that runs the admin framework. Provides a central point
* from which all other sub-applications are started, shown, hidden, and stopped.
@yethee
yethee / app.foomodule.bar.js
Created September 15, 2012 19:47
Prototype of lazy-load a module of Marionette
App.module("FooModule.Bar", {
startWithApp: false,
define: function() {
// Code of submodule
}
});
@shrop
shrop / brewStack.md
Last active October 11, 2023 20:18
brewStack Docs
@marcedwards
marcedwards / high-dpi-media.css
Last active March 2, 2025 20:24
A CSS media query that captures almost all high DPI aware devices.
/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs running IE, zoomed in */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */
/* - Android hdpi devices and above */
@there4
there4 / handlebars-helpers.js
Created June 10, 2012 00:23 — forked from elidupuis/handlebars-helpers.js
Simple Handlebars.js helpers
define([
"use!underscore",
"use!handlebars",
"moment"
],
function(
_, Handlebars, Moment
) {
@mxriverlynn
mxriverlynn / 1.js
Created May 4, 2012 14:40
ajax command wrapper
var signForm = $.ajax({
type: "POST",
url: "/some/form",
dataType: "JSON",
data: myData
});
signForm.done(function(response){
// handle success here
});