Skip to content

Instantly share code, notes, and snippets.

View eli-oat's full-sized avatar

Eli Mellen eli-oat

72 followers · 196 following
View GitHub Profile
@eli-oat
eli-oat / gist:5190169
Last active December 15, 2015 02:49
Psychic Paper
<!DOCTYPE html><head><meta charset="utf-8"><title>psychic/paper</title><script>window.onload=function(){f1()};
function f1(){a=window.localStorage['e'];if(a) document.body.innerHTML=a};function f2(t,e){if(e.keyCode==13){window.localStorage['e']=t.innerHTML}}</script>data:text/html, <style type="text/css">#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/solarized_dark");e.getSession().setMode("ace/mode/html");</script>
<body contenteditable spellcheck="true" onkeypress="f2(this,event);"></body></html>
@eli-oat
eli-oat / minmal_twitter.css
Last active December 17, 2015 12:19 — forked from cmod/minmal_twitter.css
/* -------------------------------------------------
MINIMAL TWITTER FOR FLUID / USERSTYLES
Special thanks to:
Max Fenton (@maxfenton) for kicking this off
Based inpart on [https://github.com/connors/twitter-user-style/blob/master/twitter.css]
------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Noto+Serif);
@eli-oat
eli-oat / 1_Tiny_Content_Framework.md
Created January 25, 2014 01:55 — forked from nicoleslaw/1_Tiny_Content_Framework.md

Tiny Content Framework

About the Project

This is a tiny content strategy framework focused on goals, messages, and branding.

This is not a checklist and these are not templates. Use what you need and scrap the rest. Or rewrite what I wrote. Or add to it. These topics should help you get to the bottom of things with clients and people you work with.

Contribute

@eli-oat
eli-oat / Workflow.md
Created January 25, 2014 01:58

  • ##Content Inventory

    • Usually done in conjunction with the client, I take stock of what content they already have, what content they want to have, and what content they might need in the future. This includes sorting through visual and other multi-media assets like logos and photos.

  • ##Content Mapping

    • The next step is to map the existing content using simple diagrams, usually just pencil sketches. These diagrams help to suss out how the content flows and is connected. Later on more of these maps will be made to help sort out navigation and UI.

  • ##Designing in Text

    • Now is when the actual generation and making of a new design begins. Key to "readable" content is structure...anyone who has ever seen a painting by Picasso, or read fiction by Gertrude Stein or Virginia Woolf knowns this well. As modernists (or in the case of Stein and Picasso, modernist cubists) they intentionally played with the str
@eli-oat
eli-oat / Ruby Notepad Bookmarklet
Last active August 29, 2015 13:57 — forked from jakeonrails/Ruby Notepad Bookmarklet
data:text/html, <style type="text/css">#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/solarized_dark");e.getSession().setMode("ace/mode/html");</script>
@eli-oat
eli-oat / notepad.html
Created March 9, 2014 04:15 — forked from jdkanani/notepad.html
data:text/html, <style type="text/css">.e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div class="e" id="editor"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("editor");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/ruby");</script>
<!--
For other language: Instead of `ace/mode/ruby`, Use
Markdown -> `ace/mode/markdown`
Python -> `ace/mode/python`
C/C++ -> `ace/mode/c_cpp`
Javscript -> `ace/mode/javascript`
Java -> `ace/mode/java`
Scala- -> `ace/mode/scala`
@eli-oat
eli-oat / Contract Killer 3.md
Created March 24, 2014 22:42 — forked from malarkey/Contract Killer 3.md

Contract Killer

The popular open-source contract for web designers and developers by Stuff & Nonsense

  • Originally published: 23/12/2008
  • Revised date: 15/12/2013
  • Original post
@eli-oat
eli-oat / gist:1e70439d8f3895c7ccee
Created July 25, 2014 15:34
FizzBuzz
void FizzBuzz() {
for(int i=1;i<=100;++i) {
bool printNum = true;
if(!(i%3)) {
std::cout << "Fizz";
printNum = false;
}
if(!(i%5)) {
std::cout << "Buzz";
printNum = false;
@eli-oat
eli-oat / Emoticons
Created August 26, 2014 18:26
A collection of emoticons
ヾ(ˆ⑃ˆ)ノ
(๑▶﹏◀๑)
╭ↂ‿‿ↂ╮
|⊙,_ゝ⊙|
|⊙㇁⊙|
@eli-oat
eli-oat / bashi.zsh-theme
Created December 10, 2014 01:12
My simple ZSH prompt
ZSH_THEME_GIT_PROMPT_PREFIX="🍍 (%{$fg[yellow]%}"
ZSH_THEME_GIT_PROMPT_SUFFIX=" %{$reset_color%}"
ZSH_THEME_GIT_PROMPT_DIRTY="%{$fg[blue]%}) %{$fg[red]%}☁︎%{$reset_color%} "
ZSH_THEME_GIT_PROMPT_CLEAN="%{$fg[blue]%}) %{$fg[blue]%}☂%{$reset_color%} "
ZSH_THEME_SVN_PROMPT_PREFIX=$ZSH_THEME_GIT_PROMPT_PREFIX
ZSH_THEME_SVN_PROMPT_SUFFIX=$ZSH_THEME_GIT_PROMPT_SUFFIX
ZSH_THEME_SVN_PROMPT_DIRTY=$ZSH_THEME_GIT_PROMPT_DIRTY
ZSH_THEME_SVN_PROMPT_CLEAN=$ZSH_THEME_GIT_PROMPT_CLEAN
vcs_status() {