kroc camen. code is art camen design three principles

47
Kroc Camen

Upload: bernard-dennis

Post on 25-Dec-2015

221 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Kroc Camen. code is art Camen Design Three Principles

Kroc Camen

Page 2: Kroc Camen. code is art Camen Design Three Principles

code is art

Page 3: Kroc Camen. code is art Camen Design Three Principles

Camen Design

Page 4: Kroc Camen. code is art Camen Design Three Principles

Three Principles

Page 5: Kroc Camen. code is art Camen Design Three Principles

I. Code is Art

(art is personality)

Page 6: Kroc Camen. code is art Camen Design Three Principles

HTML5 since 2008; No <div>s. No <span>s.No classes. No IDs(presentational)

Page 7: Kroc Camen. code is art Camen Design Three Principles

II. Solve Only My Problem

“The Internet is full of generic code that solves generic problems, generically.”

Page 8: Kroc Camen. code is art Camen Design Three Principles

Be personal.

“Blog for yourself, not for others.”

Page 9: Kroc Camen. code is art Camen Design Three Principles

Don’t do what others say.

No imaginary customer / boss / market-share to hold you back

Page 10: Kroc Camen. code is art Camen Design Three Principles

III. Let Everybody Else Do Their Job

“Don’t lower your standards,simplify your methods.”

Page 11: Kroc Camen. code is art Camen Design Three Principles
Page 12: Kroc Camen. code is art Camen Design Three Principles

No comments.

email or blog

Page 13: Kroc Camen. code is art Camen Design Three Principles

“The more JavaScript you add to a comment system,

the worse it gets.”

Page 14: Kroc Camen. code is art Camen Design Three Principles
Page 15: Kroc Camen. code is art Camen Design Three Principles

No social junk.

copy + paste, bookmarks

Page 16: Kroc Camen. code is art Camen Design Three Principles

Some Things I Made

 

Page 17: Kroc Camen. code is art Camen Design Three Principles

Video for Everybody:

Page 18: Kroc Camen. code is art Camen Design Three Principles

HTML was designed to last.JavaScript wasn’t.

HTML5 Video first, Flash second

Page 19: Kroc Camen. code is art Camen Design Three Principles

VfE is a pattern, not a product!

Use "Media Element JS" instead!

Page 20: Kroc Camen. code is art Camen Design Three Principles

ReMarkable:

Page 21: Kroc Camen. code is art Camen Design Three Principles

Converts Plain Text  Syntax to HTMLTitle 1=======Title 2-------The quick brown fox _jumps over the lazy dog.

<Click Me! (//google.com)>

<h1>Title 1</h1><h2>Title 2</h2><p>The quick brown fox<br /> jumps over the lazy dog.</p> <a href="http://google.com">Click me!</a>

Page 22: Kroc Camen. code is art Camen Design Three Principles

Markdown: ~1’400 loc

Perl!

Page 23: Kroc Camen. code is art Camen Design Three Principles

PHPMarkdownExtra: ~ 3’000 loc,

2 classes, 85 functions (It does a lot more though!)

Page 24: Kroc Camen. code is art Camen Design Three Principles

ReMarkable: 630 loc,1 function

 

Page 25: Kroc Camen. code is art Camen Design Three Principles

^:: (?:\(#([0-9a-z_-]+)\) )?(.*)\n{0,2}((?:\t+.*\n)+|(?:\t+.*(?:\n|(\n)\n)?)+)?\n(?=\

n::|<\/dl>)

Page 26: Kroc Camen. code is art Camen Design Three Principles

NoNonsense Forum:

Page 27: Kroc Camen. code is art Camen Design Three Principles

A Brief History of Discussion on the Internet:

1971        Email1978        BBS1980        Usenet1988        Internet Relay Chat1994        Web Forums1997        Blogging2004        Facebook 2006        Twitter

Page 28: Kroc Camen. code is art Camen Design Three Principles

A Brief History of Discussion on the Internet:

1971        Email - Can't get rid of it1978        BBS - Dead, replaced by Web1980        Usenet - Dying, BitTorrent1988        Internet Relay Chat - Alive + well1994        Web Forums - Still going strong1997        Blogging - Popular as ever2004        Facebook 2006        Twitter

Page 29: Kroc Camen. code is art Camen Design Three Principles

A Brief History of Discussion on the Internet:

These are brands, not protocolsTheir future is not guaranteed.

Anybody remember MySpace? Bebo?

2004        Facebook 2006        Twitter

Page 30: Kroc Camen. code is art Camen Design Three Principles

The forum is not dead,it just lost its way

Page 31: Kroc Camen. code is art Camen Design Three Principles

 

•Signatures•Avatars bigger than your face•Ranks (I have more posts than you!!!)•Over-engineered: groups, bookmarks,

profiles, messaging•Noise, clutter, hostility

Page 32: Kroc Camen. code is art Camen Design Three Principles

Discussion has beendrowned-out by ego.

Page 33: Kroc Camen. code is art Camen Design Three Principles

NoNonsense Forum

Page 34: Kroc Camen. code is art Camen Design Three Principles

No database

Just RSS

Page 35: Kroc Camen. code is art Camen Design Three Principles

No hurdles

Register + post at the same time.No CAPTCHA

Page 36: Kroc Camen. code is art Camen Design Three Principles
Page 37: Kroc Camen. code is art Camen Design Three Principles

No distraction, just discussion

No avatars, no post ranks, no signatures, no profiles

Page 38: Kroc Camen. code is art Camen Design Three Principles

Works everywhere...

• Internet Explorer 6 / 7 / 8 / 9 / 10 / 11...• Mozilla Firefox 3+• Google Chrome • Safari 3+ • Opera 9+• Text browsers!• ...

Page 39: Kroc Camen. code is art Camen Design Three Principles

iOS, Android, Kindle (including e-ink) & more

Page 40: Kroc Camen. code is art Camen Design Three Principles
Page 41: Kroc Camen. code is art Camen Design Three Principles

Easy to theme

Templates are HTML and HTML only; no `{{template tags}}` or

mixed server / client code.

Page 42: Kroc Camen. code is art Camen Design Three Principles

 

Page 43: Kroc Camen. code is art Camen Design Three Principles

NNF is not trying to be the only forum in town (e.g.

phpBB) 

Page 44: Kroc Camen. code is art Camen Design Three Principles

It’s good for team / office discussion

 

Page 45: Kroc Camen. code is art Camen Design Three Principles

There’s a lot still to improve

• Easier installation, updating

Why isn't installing a web-app on a web-server as easy as buying an app on an iPhone? Industry-wide problem :(

• Easier administration

I plan to develop an admin web-interface so you don’t have to FTP-in and edit text files by hand

• Translation

Working on translation-support at the moment!

Page 46: Kroc Camen. code is art Camen Design Three Principles

You can help!

• Study the code, make changes—it’s open source!• File issues• Make suggestions on the Camen Design forum• Spread the word!

Page 47: Kroc Camen. code is art Camen Design Three Principles

Thank You.

Questions?