Eli Mellen eli-oat

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

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

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.

	ヾ(ˆ⑃ˆ)ノ

	(๑▶﹏◀๑)

	╭ↂ‿‿ↂ╮

	\|⊙,_ゝ⊙\|

	\|⊙㇁⊙\|

	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;

	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`

	/* -------------------------------------------------

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

	<!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 Mellen eli-oat

Contract Killer

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

Tiny Content Framework

About the Project

Contribute