Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Kroc Camen
code is art
Camen Design
Three Principles
I. Code is Art (art is personality)
HTML5 since 2008;  No  <div> s. No  <span> s. No classes. No IDs (presentational)
II. Solve Only My Problem “ The Internet is full of generic code that solves generic problems, generically.”
Be personal. “ Blog for yourself, not for others.”
Don’t do what others say. No imaginary customer / boss / market-share to hold you back
III. Let Everybody Else Do Their Job “ Don’t lower your standards, simplify your methods.”
 
No comments. email or blog
“ The more JavaScript you add to a comment system, the worse it gets.”
 
No social junk. copy + paste, bookmarks
Some Things I Made  
Video for Everybody:
HTML was designed to last. JavaScript wasn’t.  HTML5 Video first, Flash second
VfE is a pattern, not a product! Use &quot;Media Element JS&quot; instead!
ReMarkable:
Converts Plain Text  Syntax to HTML <ul><li>Title 1 </li></ul><ul><li>======= </li></ul><ul><li>Title 2 </li></ul><ul><li>...
Markdown: ~1’400 loc Perl!
PHPMarkdownExtra: ~ 3’000 loc, 2 classes, 85 functions  (It does a lot more though!)
ReMarkable: 630 loc, 1 function  
^:: (?:(#([0-9a-z_-]+)) )?(.*)n{0,2}((?:t+.*n)+|(?:t+.*(?:n|(n)n)?)+)?n(?=n::|</dl>)
NoNonsense Forum:
A Brief History of Discussion on the Internet: <ul><li>1971        Email </li></ul><ul><li>1978        BBS </li></ul><ul><...
A Brief History of Discussion on the Internet: <ul><li>1971        Email  - Can't get rid of it </li></ul><ul><li>1978    ...
A Brief History of Discussion on the Internet: <ul><li>These are brands, not protocols </li></ul><ul><li>Their future is n...
The forum is not dead, it just lost its way
  <ul><ul><li>Signatures </li></ul></ul><ul><ul><li>Avatars bigger than your face </li></ul></ul><ul><ul><li>Ranks (I have...
Discussion has been drowned-out by ego.
NoNonsense Forum
No database Just RSS
No hurdles Register + post at the same time. No CAPTCHA
 
No distraction, just discussion No avatars, no post ranks, no signatures, no profiles
Works everywhere... <ul><ul><li>Internet Explorer 6 / 7 / 8 / 9 / 10 / 11... </li></ul></ul><ul><ul><li>Mozilla Firefox 3+...
iOS, Android, Kindle (including e-ink) & more
 
Easy to theme Templates are HTML and HTML only; no `{{template tags}}` or mixed server / client code.
 
NNF is not trying to be the only forum in town (e.g. phpBB)  
It’s good for team / office discussion  
There’s a lot still to improve <ul><ul><li>Easier installation, updating Why isn't installing a web-app on a web-server as...
You can help! <ul><ul><li>Study the code, make changes—it’s open source! </li></ul></ul><ul><ul><li>File issues </li></ul>...
Thank You. Questions?
Upcoming SlideShare
Loading in …5
×

Code is art

8,697 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Code is art

  1. 1. Kroc Camen
  2. 2. code is art
  3. 3. Camen Design
  4. 4. Three Principles
  5. 5. I. Code is Art (art is personality)
  6. 6. HTML5 since 2008; No <div> s. No <span> s. No classes. No IDs (presentational)
  7. 7. II. Solve Only My Problem “ The Internet is full of generic code that solves generic problems, generically.”
  8. 8. Be personal. “ Blog for yourself, not for others.”
  9. 9. Don’t do what others say. No imaginary customer / boss / market-share to hold you back
  10. 10. III. Let Everybody Else Do Their Job “ Don’t lower your standards, simplify your methods.”
  11. 12. No comments. email or blog
  12. 13. “ The more JavaScript you add to a comment system, the worse it gets.”
  13. 15. No social junk. copy + paste, bookmarks
  14. 16. Some Things I Made  
  15. 17. Video for Everybody:
  16. 18. HTML was designed to last. JavaScript wasn’t. HTML5 Video first, Flash second
  17. 19. VfE is a pattern, not a product! Use &quot;Media Element JS&quot; instead!
  18. 20. ReMarkable:
  19. 21. Converts Plain Text  Syntax to HTML <ul><li>Title 1 </li></ul><ul><li>======= </li></ul><ul><li>Title 2 </li></ul><ul><li>------- </li></ul><ul><li>The quick brown fox _ </li></ul><ul><li>jumps over the lazy dog. </li></ul><ul><li><Click Me! (//google.com)> </li></ul><ul><li><h1>Title 1</h1> </li></ul><ul><li><h2>Title 2</h2> </li></ul><ul><li><p> </li></ul><ul><li>The quick brown fox<br /> </li></ul><ul><li>jumps over the lazy dog. </li></ul><ul><li></p> </li></ul><ul><li>  </li></ul><ul><li><a href=&quot;http://google </li></ul><ul><li>.com&quot;>Click me!</a> </li></ul>
  20. 22. Markdown: ~1’400 loc Perl!
  21. 23. PHPMarkdownExtra: ~ 3’000 loc, 2 classes, 85 functions (It does a lot more though!)
  22. 24. ReMarkable: 630 loc, 1 function  
  23. 25. ^:: (?:(#([0-9a-z_-]+)) )?(.*)n{0,2}((?:t+.*n)+|(?:t+.*(?:n|(n)n)?)+)?n(?=n::|</dl>)
  24. 26. NoNonsense Forum:
  25. 27. A Brief History of Discussion on the Internet: <ul><li>1971        Email </li></ul><ul><li>1978        BBS </li></ul><ul><li>1980        Usenet </li></ul><ul><li>1988        Internet Relay Chat </li></ul><ul><li>1994        Web Forums </li></ul><ul><li>1997        Blogging </li></ul><ul><li>2004        Facebook </li></ul><ul><li>2006        Twitter </li></ul>
  26. 28. A Brief History of Discussion on the Internet: <ul><li>1971        Email - Can't get rid of it </li></ul><ul><li>1978        BBS - Dead, replaced by Web </li></ul><ul><li>1980        Usenet - Dying, BitTorrent </li></ul><ul><li>1988        Internet Relay Chat - Alive + well </li></ul><ul><li>1994        Web Forums - Still going strong </li></ul><ul><li>1997        Blogging - Popular as ever </li></ul><ul><li>2004        Facebook </li></ul><ul><li>2006        Twitter </li></ul>
  27. 29. A Brief History of Discussion on the Internet: <ul><li>These are brands, not protocols </li></ul><ul><li>Their future is not guaranteed. </li></ul><ul><li>Anybody remember MySpace? Bebo? </li></ul><ul><li>2004        Facebook </li></ul><ul><li>2006        Twitter </li></ul>
  28. 30. The forum is not dead, it just lost its way
  29. 31.   <ul><ul><li>Signatures </li></ul></ul><ul><ul><li>Avatars bigger than your face </li></ul></ul><ul><ul><li>Ranks (I have more posts than you!!!) </li></ul></ul><ul><ul><li>Over-engineered: groups, bookmarks, profiles, messaging </li></ul></ul><ul><ul><li>Noise, clutter, hostility </li></ul></ul>
  30. 32. Discussion has been drowned-out by ego.
  31. 33. NoNonsense Forum
  32. 34. No database Just RSS
  33. 35. No hurdles Register + post at the same time. No CAPTCHA
  34. 37. No distraction, just discussion No avatars, no post ranks, no signatures, no profiles
  35. 38. Works everywhere... <ul><ul><li>Internet Explorer 6 / 7 / 8 / 9 / 10 / 11... </li></ul></ul><ul><ul><li>Mozilla Firefox 3+ </li></ul></ul><ul><ul><li>Google Chrome </li></ul></ul><ul><ul><li>Safari 3+ </li></ul></ul><ul><ul><li>Opera 9+ </li></ul></ul><ul><ul><li>Text browsers! </li></ul></ul><ul><ul><li>... </li></ul></ul>
  36. 39. iOS, Android, Kindle (including e-ink) & more
  37. 41. Easy to theme Templates are HTML and HTML only; no `{{template tags}}` or mixed server / client code.
  38. 42.  
  39. 43. NNF is not trying to be the only forum in town (e.g. phpBB)  
  40. 44. It’s good for team / office discussion  
  41. 45. There’s a lot still to improve <ul><ul><li>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 :( </li></ul></ul><ul><ul><li>Easier administration I plan to develop an admin web-interface so you don’t have to FTP-in and edit text files by hand </li></ul></ul><ul><ul><li> Translation Working on translation-support at the moment! </li></ul></ul>
  42. 46. You can help! <ul><ul><li>Study the code, make changes—it’s open source! </li></ul></ul><ul><ul><li>File issues </li></ul></ul><ul><ul><li> Make suggestions on the Camen Design forum </li></ul></ul><ul><ul><li>Spread the word! </li></ul></ul>
  43. 47. Thank You. Questions?

×