Skip to content

Instantly share code, notes, and snippets.

View brianveltman's full-sized avatar
👀
Don't say

Brian Veltman brianveltman

👀
Don't say
View GitHub Profile
@brianveltman
brianveltman / 0_reuse_code.js
Last active August 29, 2015 14:10
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
@brianveltman
brianveltman / javascript_resources.md
Last active August 29, 2015 14:10 — 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
@brianveltman
brianveltman / css_resources.md
Last active August 29, 2015 14:10 — 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

@brianveltman
brianveltman / MariaDB.repo
Created February 18, 2016 10:53
MariaDB 10.1 for CentOS 7
# MariaDB 10.1 CentOS repository list - created 2016-02-18 10:45 UTC
# http://mariadb.org/mariadb/repositories/
[mariadb]
name = MariaDB
baseurl = http://yum.mariadb.org/10.1/centos7-amd64
gpgkey=https://yum.mariadb.org/RPM-GPG-KEY-MariaDB
gpgcheck=1
@brianveltman
brianveltman / nginx
Last active February 20, 2016 18:56
Nginx upstart script Centos7
#!/bin/sh
#
# nginx - this script starts and stops the nginx daemon
#
# chkconfig: - 85 15
# description: NGINX is an HTTP(S) server, HTTP(S) reverse \
# proxy and IMAP/POP3 proxy server
# processname: nginx
# config: /etc/nginx/nginx.conf
# config: /etc/sysconfig/nginx
@brianveltman
brianveltman / Preferences.sublime-settings
Last active October 29, 2016 20:39
User settings for Sublime Text 3
{
// Theming / Appearance [editor]
"color_scheme": "Packages/Theme - Cobalt2/cobalt2.tmTheme",
"highlight_line": true,
"indent_guide_options": [ "draw_normal", "draw_active" ],
"line_padding_bottom": 6,
"line_padding_top": 1,
"wide_caret": true,
"caret_extra_bottom": 4,
"caret_extra_top": 4,
@brianveltman
brianveltman / NewReactComponent.sublime-snippet
Created November 5, 2016 13:26
SublimeText 3 snippet to create React component
<snippet>
<content><![CDATA[
import React from 'react';
class ${1:componentName} extends React.Component {
render() {
return(
<div className="${1:componentName}">
</div>
)
@brianveltman
brianveltman / NewReactPropType.sublime-snippet
Created November 5, 2016 13:27
Create new PropType in React
<snippet>
<content><![CDATA[
${1:Component}.propTypes = {
${2:method}: React.PropTypes.${3:type}.isRequired
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>proptype</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.js</scope>
@brianveltman
brianveltman / pre-commit
Created November 6, 2016 14:48 — forked from broofa/pre-commit
Git pre-commit hook that runs `eslint` with the `--fix` option to fix up issues where possible, and adds "fix"ed files into the commit
#!/bin/bash
cd "$(git rev-parse --show-toplevel)"
ESLINT="node_modules/.bin/eslint"
pwd
if [[ ! -x "$ESLINT" ]]; then
printf "\t\033[41mPlease install ESlint\033[0m (npm install eslint)\n"
exit 1
fi
@brianveltman
brianveltman / NewReactStatelessComponent.sublime-snippet
Last active November 7, 2016 13:21
Stateless functional component
<snippet>
<content><![CDATA[
import React from 'react';
const ${1:this} = () => <div className="${1:this}">Hello</div>;
export default ${1:this};
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->