code is art

47
Kroc Camen

Upload: worthingdigital

Post on 16-May-2015

7.460 views

Category:

Technology


2 download

DESCRIPTION

Kroc Camen of Camen design describes the principles he uses when developing software

TRANSCRIPT

Page 1: Code is art

Kroc Camen

Page 2: Code is art

code is art

Page 3: Code is art

Camen Design

Page 4: Code is art

Three Principles

Page 5: Code is art

I. Code is Art

(art is personality)

Page 6: Code is art

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

Page 7: Code is art

II. Solve Only My Problem

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

Page 8: Code is art

Be personal.

“Blog for yourself, not for others.”

Page 9: Code is art

Don’t do what others say.

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

Page 10: Code is art

III. Let Everybody Else Do Their Job

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

Page 11: Code is art
Page 12: Code is art

No comments.

email or blog

Page 13: Code is art

“The more JavaScript you add to a comment system,

the worse it gets.”

Page 14: Code is art
Page 15: Code is art

No social junk.

copy + paste, bookmarks

Page 16: Code is art

Some Things I Made

 

Page 17: Code is art

Video for Everybody:

Page 18: Code is art

HTML was designed to last.JavaScript wasn’t.

HTML5 Video first, Flash second

Page 19: Code is art

VfE is a pattern, not a product!

Use "Media Element JS" instead!

Page 20: Code is art

ReMarkable:

Page 21: Code is art

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: Code is art

Markdown: ~1’400 loc

Perl!

Page 23: Code is art

PHPMarkdownExtra: ~ 3’000 loc,

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

Page 24: Code is art

ReMarkable: 630 loc,1 function

 

Page 25: Code is art

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

n::|<\/dl>)

Page 26: Code is art

NoNonsense Forum:

Page 27: Code is art

A Brief History of Discussion on the Internet:

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

Page 28: Code is art

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: Code is art

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: Code is art

The forum is not dead,it just lost its way

Page 31: Code is art

 

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

profiles, messaging•Noise, clutter, hostility

Page 32: Code is art

Discussion has beendrowned-out by ego.

Page 33: Code is art

NoNonsense Forum

Page 34: Code is art

No database

Just RSS

Page 35: Code is art

No hurdles

Register + post at the same time.No CAPTCHA

Page 36: Code is art
Page 37: Code is art

No distraction, just discussion

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

Page 38: Code is art

Works everywhere...

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

Page 39: Code is art

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

Page 40: Code is art
Page 41: Code is art

Easy to theme

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

mixed server / client code.

Page 42: Code is art

 

Page 43: Code is art

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

phpBB) 

Page 44: Code is art

It’s good for team / office discussion

 

Page 45: Code is art

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: Code is art

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: Code is art

Thank You.

Questions?