Skip to content

Instantly share code, notes, and snippets.

View eli-oat's full-sized avatar

Eli Mellen eli-oat

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>
/* -------------------------------------------------
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);

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

  • ##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
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>
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`

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

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() {