Skip to content

Instantly share code, notes, and snippets.

View inlikealion's full-sized avatar

Matt Bainton inlikealion

12 followers · 3 following
View GitHub Profile
@inlikealion
inlikealion / dev-software.md
Last active February 3, 2017 04:55
List of dev software I use & would setup on a new machine.

List of Development Software

  1. GUI’s
  • Sublime Text
  • MAMP
  • VirtualHost X
  • iA Writer
  • iTerm
  • GitHub for Mac
  • SourceTree
@inlikealion
inlikealion / front-end-workflow.md
Last active February 3, 2017 04:54
Front-End Workflow Task-list (In-Progress)

Front-End Workflow Task-list (In-Progress)

  1. Prototype/test any mission-critical features integral to the site (impacting over-all markup)
  2. Setup boilerplate
  3. Mark-up:
  • Layout
  • Components
  • Content (all)
  1. Style:
  • Initial boilerplate/base
@inlikealion
inlikealion / add-compass.bash
Created August 15, 2012 21:06
Add Compass to an existing project (so it doesn't overwrite your files/directory structure).
compass create . --bare --sass-dir "source/assets/ss/sass" --css-dir "source/assets/ss/css" --javascripts-dir "source/assets/js" --images-dir "source/assets/img"
@inlikealion
inlikealion / 0_selector_hacks.scss
Created July 19, 2012 18:42 — forked from chriseppstein/0_selector_hacks.scss
This gist demonstrates some uses of the new sass feature: Passing content blocks to mixins.
@mixin ie6 { * html & { @content } }
#logo {
background-image: url("/images/logo.png");
@include ie6 { background-image: url("/images/logo.gif"); }
}
@inlikealion
inlikealion / walton-paragraph.html
Created June 20, 2012 20:18
Test typography size/measure with marks at the 45th & 75th characters. See http://trentwalton.com/2012/06/19/fluid-type/
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adip<span class="mark">*</span>isicing elit, sed do eiusmod <span class="mark">*</span>tempor incididunt ut labore et dolore magna&nbsp;aliqua.</p>
</blockquote>
@inlikealion
inlikealion / g.pie.js
Created June 6, 2012 20:04
g.Raphael example from @kyle
Raphael.fn.pieChart = function (cx, cy, r, rin, values, options) {
var paper = this,
rad = Math.PI / 180,
colors = options.colors
chart = this.set();
function sector(cx, cy, r, startAngle, endAngle, params) {
var x1 = cx + (r) * Math.cos(-startAngle * rad),
x2 = cx + (r) * Math.cos(-endAngle * rad),
y1 = cy + (r) * Math.sin(-startAngle * rad),
@inlikealion
inlikealion / kellum-method.css
Created March 1, 2012 19:52
New image-replace technique from: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
.hide-text {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
@inlikealion
inlikealion / tabs.js
Created July 6, 2011 20:52
Simply tabs.
$(function() {
// Functionality:
// ID tabs like this:
// [TAB_PREFIX][name_1]
// [TAB_PREFIX][name_2]
// [TAB_PREFIX][name_3]
// ID tab content like this:
// [CONTENT_PREFIX][name_1]
// [CONTENT_PREFIX][name_2]
// [CONTENT_PREFIX][name_3]
@inlikealion
inlikealion / .bash_profile
Created June 20, 2011 13:37 — forked from rickharris/.bash_profile
Two-line bash prompt
PS1='\r\n\[\033[0;35m\]\u@\H\[\033[0m\] in \[\033[34m\]\w\[\033[37m\]\r\n∴ \[\033[0m\]'
@inlikealion
inlikealion / windowshosts.txt
Created June 13, 2011 15:23
Windows hosts file location
c:\windows\system32\drivers\etc\hosts