christiannaths’s gists

christiannaths / Preferences.sublime-settings

Last active November 19, 2015 18:17

Some simple Sublime Text user settings.

	{
	"always_show_minimap_viewport": true,
	"auto_complete": false,
	"ensure_newline_at_eof_on_save": true,
	"hot_exit": false,
	"remember_open_files": false,
	"scroll_past_end": true,
	"tab_size": 2,
	"translate_tabs_to_spaces": true,
	"trim_trailing_white_space_on_save": true

christiannaths / style.css

Created October 23, 2015 23:09

Box with a bg image and semi-transparent overlay.

	/*
	The box:
	Make a box, give it a background image. Set
	its position to relative
	*/
	.box {
	position: relative;
	background: url('...') center center no-repeat;
	background-size: cover;
	}

christiannaths / install-bootstrap.html

Last active October 22, 2015 18:26

Installing Bootstrap

	<!DOCTYPE html>
	<html lang="en">
	<!--
	BEFORE YOU START, DOWNLOAD BOOTSTRAP FROM http://getbootstrap.com/getting-started/
	AND ADD THAT FOLDER TO YOUR PROJECT DIRECTORY. I usually prefer to keep assets like
	this in a separate folder called "vendor". This helps remind me that the files within
	shouldn't be manipulated directly, but are just there for me to use as-is.
	-->

	<head>

christiannaths / cheatsheet.css

Created October 5, 2015 21:02

very basic css cheat sheet

christiannaths / index.html

Last active October 2, 2015 18:55

Simple fixed-width, centered container elements.

	<div class="container">
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
	<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.</p>
	<p>Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing

christiannaths / index.html

Created October 2, 2015 03:24

Simple State Control with CSS / Event Control with JS

	<button class="toggle-nav">Clicky</button>
	<nav class="main-navigation">
	<ul>
	<li><a href="">Home</a></li>
	<li><a href="">About</a></li>
	<li><a href="">Contact</a></li>
	<li><a href="">Search</a></li>
	</ul>
	</nav>

christiannaths / style.css

Created October 2, 2015 02:46

Mobile First Responsive CSS for Absolute Beginners

	/* ----------------------------------------
	Start by writing all the styles you need
	to make the page in the "narrowest" (~300px)
	viewport look the way it should.

	No media query is needed here, and it's
	important to remember that all of the styles
	you write will be effective for all possible
	viewports, unless you override them later.

christiannaths / example.brocfile.js

Created July 26, 2015 18:03

	var filterCoffeeScript = require('broccoli-coffee')
	var filterTemplates = require('broccoli-template')
	var uglifyJavaScript = require('broccoli-uglify-js')
	var compileES6 = require('broccoli-es6-concatenator')
	var compileSass = require('broccoli-sass')
	var pickFiles = require('broccoli-funnel')
	var mergeTrees = require('broccoli-merge-trees')
	var findBowerTrees = require('broccoli-bower')
	var env = require('broccoli-env').getEnv()

christiannaths / ember-package.js

Last active August 29, 2015 14:19 — forked from joefiorini/ember-package.js

	/*

	Copyright (C) 2011 by Yehuda Katz

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:

christiannaths / map-canvas.sass

Last active August 29, 2015 14:18

Christian Naths christiannaths