Skip to content

Instantly share code, notes, and snippets.

View jjjjjenkins's full-sized avatar

Adam Jenkins jjjjjenkins

View GitHub Profile
@jjjjjenkins
jjjjjenkins / 0_reuse_code.js
Created July 10, 2014 13:18
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@jjjjjenkins
jjjjjenkins / javascript_resources.md
Created July 10, 2014 13:18 — forked from jookyboi/javascript_resources.md
Here are a set of libraries, plugins and guides which may be useful to your Javascript coding.

Libraries

  • jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
  • Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
  • AngularJS - Conventions based MVC framework for HTML5 apps.
  • Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
  • lawnchair - Key/value store adapter for indexdb, localStorage
@jjjjjenkins
jjjjjenkins / css_resources.md
Created July 10, 2014 13:18 — forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.

Libraries

  • 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
  • Compass - Open source CSS Authoring Framework.
  • Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
  • Font Awesome - The iconic font designed for Bootstrap.
  • Zurb Foundation - Framework for writing responsive web sites.
  • SASS - CSS extension language which allows variables, mixins and rules nesting.
  • Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

@jjjjjenkins
jjjjjenkins / sublimeTextShortcuts
Last active August 29, 2015 14:11
Sublime Text Shortcuts (Mac OS)
NOTE:
Emmett actions: https://github.com/sergeche/emmet-sublime#available-actions
Find / Replace:
------------------
CMD + e = Use selection for find
ALT + CMD + e = Replace and next
Highlight / Select:
--------------------
@jjjjjenkins
jjjjjenkins / A-Instructions.js
Last active September 27, 2016 08:24
react-dnd - Instructions (Part 1) Based off of: http://gaearon.github.io/react-dnd/examples-sortable-cancel-on-drop-outside.html
/************************************************************************
1) Have the Container which has the DragDropContext with HTML5Backend
*/
...
import { DragDropContext } from 'react-dnd';
import HTML5Backend from 'react-dnd/modules/backends/HTML5';
...
class Container extends Component {
render() { ... }
@jjjjjenkins
jjjjjenkins / index.html
Created July 19, 2017 20:41
Testing d3
<!doctype html>
<html>
<head>
<style>
svg {width:500px; height:500px}
button {float:left}
line {stroke:#ddd;shape-rendering: crispEdges;}
text {text-anchor:middle;}
circle {fill:orange;stroke:orange;fill-opacity:0.5;}
.axis line {fill:none;stroke:#ddd;shape-rendering: crispEdges;}