Skip to content

Instantly share code, notes, and snippets.

View inlikealion's full-sized avatar

Matt Bainton inlikealion

View GitHub Profile
@inlikealion
inlikealion / Dummy Text
Created April 7, 2011 13:53
Dummy text provided by Matthew Smith of Squared Eye
This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed. These words are here to provide the reader with a basic impression of how actual text will appear in its final presentation. Think of them merely as actors on a paper stage, in a performance devoid of content yet rich in form. That being the case, there is really no point in your continuing to read them. After all, you have many other things you should be doing. Who's paying you to waste this time, anyway?
This is dummy copy. It's Greek to you. Unless, of course, you're Greek, in which case, it really makes no sense. Why, you can't even read it! It is strictly for mock-ups. You may mock it up as strictly as you wish.
Meaningless mock-up, mock turtle soup spilled on a mock turtle neck. Mach I Convertible copy. To kill a mockingbird, you need only force it to read this copy. This is Meaningless
@inlikealion
inlikealion / color-vars--example.scss
Created February 12, 2014 18:53
Sass color palette function from Erskine:
// http://codepen.io/erskine/pen/wLclB
// config
$_color-base-grey: rgb(229,231,234);
$palettes: (
purple: (
base: rgb(42,40,80),
light: rgb(51,46,140),
dark: rgb(40,38,65)
),
grey: (
@inlikealion
inlikealion / webp-batch.sh
Created October 22, 2020 12:14
sh one-liners for batch-conversion of images to webp via cwebp
# One-liners:
# See: https://www.smashingmagazine.com/2018/07/converting-images-to-webp/
## JPG
find ./ -type f -name '*.jpg' -exec sh -c 'cwebp -q 80 $1 -o "${1%.jpg}.webp"' _ {} \;
## PNG
find ./ -type f -name '*.png' -exec sh -c 'cwebp -q 80 $1 -o "${1%.png}.webp"' _ {} \;
@inlikealion
inlikealion / Procfile
Created August 5, 2020 15:10
Example Procfile for running our Rails sites locally with Overmind
web: rails server
redis: redis-server
search: elasticsearch
@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 / 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
# this way is best if you want to stay up to date
# or submit patches to node or npm
mkdir ~/local
# I use .bash_profile instead of .bashrc
echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bash_profile
. ~/.bash_profile
# could also fork, and then clone your own fork instead of the official one
@inlikealion
inlikealion / Preferences.sublime-settings
Last active December 29, 2015 09:09
Sublime Text 3 - User Prefs
{
"auto_complete": true,
"bold_folder_labels": true,
"caret_style": "phase",
"close_windows_when_empty": true,
"color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
"fade_fold_buttons": false,
"file_exclude_patterns":
[
"*.scssc",
@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"); }
}