Skip to content

Instantly share code, notes, and snippets.

@mrobinson537
mrobinson537 / 0_reuse_code.js
Created October 28, 2013 00:55
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
@mrobinson537
mrobinson537 / javascript_resources.md
Created October 28, 2013 00:55 — 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
@mrobinson537
mrobinson537 / css_resources.md
Created October 28, 2013 00:55 — 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

@mrobinson537
mrobinson537 / days-of-week.js
Created October 31, 2013 17:03
Display days of the week using Array's and For loops in Javascript...
var days = new Array();
days[0] = "Sun";
days[1] = "Mon";
days[2] = "Tues";
days[3] = "Wed";
days[4] = "Thur";
days[5] = "Fri";
days[6] = "Sat";
// Second way you could do this
@mrobinson537
mrobinson537 / box-shadow-hover-resize.js
Created November 5, 2013 20:46
Adding A Box-Shadow on HOVER with an image, or resizing it!
<!DOCTYPE html>
<head>
<style>
body {
background:#e2e2e2;
color:#1c1c1c;
font-size:2em;
}
article {
width:1200px;
@mrobinson537
mrobinson537 / color_highlighted_text.css
Created December 12, 2013 15:35
Changing highlighted text background color from blue to something other than blue.
<style>
::selection {
background: #24890d; /* Safari */
}
::-moz-selection {
background: #24890d; /* Firefox */
}
::selection {
background: #24890d;