Kroc Camen. code is art Camen Design Three Principles.

Slides:



Advertisements
Similar presentations
WordPress Installation for Beginners Sheila Bergman
Advertisements

Maximise Your Online Presence SEO & Social Media Strategies For Local Business Owners.
Internet Browsers and Add-ons Popular browsers What a browser does Javascript Add-ons Also see an explanation and examples of HTML code in Past Meeting.
Internet and Me Ok the first thing I can say about internet is, it’s very helpful important. I can’t imagine my day without it. I use Inet every day every.
WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.
IU Librarians’ Day - 05/15/09 Emerging Technologies & Libraries: What’s new & useful to libraries Chanitra Bishop, Instruction & Emerging Technologies.
HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.
Library 2.0 Gillian Wood / Graham Spooner NSW Health & The College of Nursing.
Links and Comments.
James Tam Web Browsers In this section of notes you will learn about the web browsing process, some of the important features of popular browsers and a.
Introduction Web Development II 5 th February. Introduction to Web Development Search engines Discussion boards, bulletin boards, other online collaboration.
UWWD In our quest to eliminate bad websites, we present…. HALLELUJAH!!
The easy way to a nice looking website design By a total non-designer (Me!)
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Google Confidential and Proprietary 1 Intro to Docs Google Apps Apps.
Create Your Own Webpage. Today’s Agenda Cut & paste code Notepad++ or Notepad at home FTP Web Hosting Wordpress.
How to Use Digital Business Cards to Build Referral Network.
Introduce of XML Xiaoling Song CS157A. What is XML? XML stands for EXtensible Markup Language XML stands for EXtensible Markup Language XML is a markup.
Microsoft SharePoint 2010 Upgrade Preview FSU SharePoint Users Group Presents: Thursday, December 1 st, 2011.
A detailed guide on how to set-up your printing storefront. Please Note: Storefronts are compatible with all browsers, however for optimal use of the admin.
Browser Comparisons - Convenience Internet Explorer 8 & 9, Chrome 11 and Firefox 4 Searching, Convenience & Add-ons.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.
HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.
Computer Concepts 2014 Chapter 7 The Web and .
Introduction to Web Design Web Design Concepts Joe Griffin.
. Social Media for Social Good. Where Are We Now? Does Your Club Have a Website? Does Your Club Have a Facebook Page? Do you have a personal Facebook.
Confidential - © 2012 StreamWIDE © StreamWIDE
WIKIS IN PHYSICAL EDUCATION Helena Baert AAHPERD Conference, April, 2009.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
{ flS Tutorial By  flS uses SMTP protocol to send mails, so your SMTP information is needed.  The first time you launch flS, you will be.
What is Social Media? And how best to use it.
Internet Browsers and Add-ons Popular browsers Browser stats (shown in talk) What a browser does Javascript (shown in talk) * Add-ons * Also see an explanation.
NETWORK HARDWARE AND SOFTWARE MR ROSS UNIT 3 IT APPLICATIONS.
UPLOAD / DOWNLOAD april  HTML5 is just the next iteration of HTML  Previous version was technically HTML 4.01, which incorporated XHTML 1.0.
A Day of technology Improving upon your technology skills Giving every child the opportunity to learn in a robust digital environment everyday. making.
Once posted, other YouTube users can post comments about the video, post their YouTube video responses, or rate the video. Videos that are uploaded to.
Web Site Design & Management Class One Agenda Attendance Questionnaire Introductions Class Policies About the class Code your first page FTP Assignments.
HTML5 Video Player For SharePoint HTML5 Background Why creating video player in HTML5 is easy? Can we do it without Javascript? Easy or Difficult?
THE INTERNET. TABLE OF CONTENT CONNECTING TO THE INTERNET ELECTRONIC MAIL WORLD WIDE WEB INTERNET SERVICES.
Mozilla Firefox By Duane Adekoya. What is Mozilla Firefox? Mozilla Firefox is a free and open source web browser descended from the Mozilla Application.
Creating Webpages. Today’s Topics Embed video Embed music More text formatting Wordpress.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
HINDU STYLE PORTFOLIO TEMPLATE
 Internet Basics I Fulton County Public Library Mobile Digital Media Lab.
What is ? ●It is a Halton District School Board term ●It is HDSB use of Google Apps for education. It includes: ■ Google Docs ■ Google Drive ■ Google Applications.
The Internet What is the Internet? The Internet is a lot of computers over the whole world connected together so that they can share information. It.
Library Web Site 2.0 Easy Tools For Creating Interactive Sites Miranda Doyle Library Media Teacher Martin Luther King Middle School San Francisco Unified.
IN THIS LESSON WE WILL REVIEW THE STRUCTURE OF THE INTERNET AND HOW BROWSERS ASSEMBLE WEBSITES BASED ON INSTRUCTIONS THEY RECEIVE FROM SERVERS. Internet.
An Introduction.  Introduction  Logging in from D1  Raison d'être  RSS and Podcasting  DragonDrop is…  What does it do?  Upload  Available Output.
MOBILE APPLICATION DEVELOPMENT SERVICES
Using the AFRESH software Ruaraidh Dobson University of Aberdeen V1.0 27/04/2016.
Cms Full-featured Flexible Web Content Management System for All Your Needs.
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
Links and Comments in HTML5
Step by Step Linking it all together
Chapter 4: HTML5 Media - <video> & <audio>
Richland 1 professional development
Network Media, models and number systems
Objectives To understand the about types of computer network
What is the World Wide Web (www)
آموزش نحوه ورود و استفاده از سامانه آموزش مجازی
Poster Title Heading Heading Heading Heading Heading Heading
2016 REPORTING The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
How to Maintain Your ARS Websites
HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:
2016 REPORT.
eHarmony for Recruiters
201X REPORT.
2016 REPORT.
Presentation transcript:

Kroc Camen

code is art

Camen Design

Three Principles

I. Code is Art (art is personality)

HTML5 since 2008; No s. No 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. 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 "Media Element JS" instead!

ReMarkable:

Converts Plain Text Syntax to HTML Title 1 ======= Title The quick brown fox _ jumps over the lazy dog. Title 1 Title 2 The quick brown fox jumps over the lazy dog. <a href=" me!

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

NoNonsense Forum:

A Brief History of Discussion on the Internet: BBS 1980 Usenet 1988 Internet Relay Chat 1994 Web Forums 1997 Blogging 2004 Facebook 2006 Twitter

A Brief History of Discussion on the Internet: Can't get rid of it 1978 BBS - Dead, replaced by Web 1980 Usenet - Dying, BitTorrent 1988 Internet Relay Chat - Alive + well 1994 Web Forums - Still going strong 1997 Blogging - Popular as ever 2004 Facebook 2006 Twitter

A Brief History of Discussion on the Internet: These are brands, not protocols Their future is not guaranteed. Anybody remember MySpace? Bebo? 2004 Facebook 2006 Twitter

The forum is not dead, it just lost its way

Signatures Avatars bigger than your face Ranks (I have more posts than you!!!) Over-engineered: groups, bookmarks, profiles, messaging Noise, clutter, hostility

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... Internet Explorer 6 / 7 / 8 / 9 / 10 / Mozilla Firefox 3+ Google Chrome Safari 3+ Opera 9+ Text browsers!...

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

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

Thank You. Questions?