Coding for DesignersA Primerbuild 130511CC BY-NC-SAFabian Fabian middot filtercake middot filtercakecom

Or

Designing interaction in Photoshop is like building a mechanical watch

with a hammer

Me

Designer

Hamburg

Freelancing StartUps Agencies

Proud father of twins

Fabian (filtercake)

What is beyond HTML and CSS And WHY should one make the eort and go deeper into designing with code What does that mean anyways

Taking o from static web design we will take a heavy tour de force including but not limited to the Shell and bash scripting Git and Github Ruby and Rails vvvv and Processing Arduino and Raspberry Pi

We will also see how and why open source and open standards are a good thing and why we as designers should support them

What is beyond HTML and CSS And WHY should one make the eort and go deeper into designing with code What does that mean anyways

Taking o from static web design we will take a heavy tour de force including but not limited to the Shell and bash scripting Git and Github Ruby and Rails vvvv and Processing Arduino and Raspberry Pi

We will also see how and why open source and open standards are a good thing and why we as designers should support them

Our goal for today

thisisindexedcom

Or

Designing interaction in Photoshop is like building a mechanical watch

with a hammer

Me

Designer

Hamburg

Freelancing StartUps Agencies

Proud father of twins

Fabian (filtercake)

What is beyond HTML and CSS And WHY should one make the eort and go deeper into designing with code What does that mean anyways

Taking o from static web design we will take a heavy tour de force including but not limited to the Shell and bash scripting Git and Github Ruby and Rails vvvv and Processing Arduino and Raspberry Pi

We will also see how and why open source and open standards are a good thing and why we as designers should support them

What is beyond HTML and CSS And WHY should one make the eort and go deeper into designing with code What does that mean anyways

Taking o from static web design we will take a heavy tour de force including but not limited to the Shell and bash scripting Git and Github Ruby and Rails vvvv and Processing Arduino and Raspberry Pi

We will also see how and why open source and open standards are a good thing and why we as designers should support them

Our goal for today

thisisindexedcom

Me

Designer

Hamburg

Freelancing StartUps Agencies

Proud father of twins

Fabian (filtercake)

What is beyond HTML and CSS And WHY should one make the eort and go deeper into designing with code What does that mean anyways

Taking o from static web design we will take a heavy tour de force including but not limited to the Shell and bash scripting Git and Github Ruby and Rails vvvv and Processing Arduino and Raspberry Pi

We will also see how and why open source and open standards are a good thing and why we as designers should support them

What is beyond HTML and CSS And WHY should one make the eort and go deeper into designing with code What does that mean anyways

Taking o from static web design we will take a heavy tour de force including but not limited to the Shell and bash scripting Git and Github Ruby and Rails vvvv and Processing Arduino and Raspberry Pi

We will also see how and why open source and open standards are a good thing and why we as designers should support them

Our goal for today

thisisindexedcom

What is beyond HTML and CSS And WHY should one make the eort and go deeper into designing with code What does that mean anyways

Taking o from static web design we will take a heavy tour de force including but not limited to the Shell and bash scripting Git and Github Ruby and Rails vvvv and Processing Arduino and Raspberry Pi

We will also see how and why open source and open standards are a good thing and why we as designers should support them

What is beyond HTML and CSS And WHY should one make the eort and go deeper into designing with code What does that mean anyways

Taking o from static web design we will take a heavy tour de force including but not limited to the Shell and bash scripting Git and Github Ruby and Rails vvvv and Processing Arduino and Raspberry Pi

We will also see how and why open source and open standards are a good thing and why we as designers should support them

Our goal for today

thisisindexedcom

What is beyond HTML and CSS And WHY should one make the eort and go deeper into designing with code What does that mean anyways

Taking o from static web design we will take a heavy tour de force including but not limited to the Shell and bash scripting Git and Github Ruby and Rails vvvv and Processing Arduino and Raspberry Pi

We will also see how and why open source and open standards are a good thing and why we as designers should support them

Our goal for today

thisisindexedcom

Our goal for today

thisisindexedcom

WHYWHATHOW

WHYYYYYYYYYY

Why did you become a designer in the

first place

WHAT

source

WHYYYYYYYYYY

Why did you become a designer in the

first place

WHAT

source

Why did you become a designer in the

first place

WHAT

source

WHAT

source

ltpgthello worldltpgt

HTML

HTMLHypertext Markup Language

Hypertext Markup Language

ldquoenwikipediaorgwikiHyper

A prefix used in mathematics to denote four or more dimensionsA prefix oen used in scientific and technical words to denote something above or beyond the usual normal expected or healthy level Sometimes used to mean extreme or specifically more than super-

HTML

HTMLHypertext Markup Language

Hypertext Markup Language

ldquoenwikipediaorgwikiHyper

A prefix used in mathematics to denote four or more dimensionsA prefix oen used in scientific and technical words to denote something above or beyond the usual normal expected or healthy level Sometimes used to mean extreme or specifically more than super-

HTMLHypertext Markup Language

Hypertext Markup Language

ldquoenwikipediaorgwikiHyper

A prefix used in mathematics to denote four or more dimensionsA prefix oen used in scientific and technical words to denote something above or beyond the usual normal expected or healthy level Sometimes used to mean extreme or specifically more than super-

Hypertext Markup Language

ldquoenwikipediaorgwikiHyper

A prefix used in mathematics to denote four or more dimensionsA prefix oen used in scientific and technical words to denote something above or beyond the usual normal expected or healthy level Sometimes used to mean extreme or specifically more than super-

Hypertext Markup Language

ldquoenwikipediaorgwikiText_(literary_theory)

In literary theory a text is any object that can be read whether this object is a work of literature a street sign an arrangement of buildings on a city block or styles of clothing It is a coherent set of signs that transmits some kind of informative message This set of symbols is considered in terms of the informative messages content rather than in terms of its physical form or the medium in which it is represented

Hypertext Markup Language

ldquoenwikipediaorgwikiText_(literary_theory)

In literary theory a text is any object that can be read whether this object is a work of literature a street sign an arrangement of buildings on a city block or styles of clothing It is a coherent set of signs that transmits some kind of informative message This set of symbols is considered in terms of the informative messages content rather than in terms of its physical form or the medium in which it is represented

markup The notation that is used to indicate how text should be displayed

Hypertext Markup Language

ldquoThe notation that is used to indicate how text should be displayed

markup

Hypertext Markup Language

ldquoMarkup_language middot Semiotics

Markup Language is a system for annotating a document in a way that is syntactically distinguishable from the text

Syntactics The branch of semiotics that deals with the formal properties of signs and symbols

Semiotics the study of signs and sign processes (semiosis) indication designation likeness analogy metaphor symbolism signification and communication Semiotics is closely related to the field of linguistics which for its part studies the structure and meaning of language more specifically

Markup is a set of rules and vocubalary on how to add meta information to data

ltpgthello worldltpgtp color black

hamlinfo

hamlinfo

p hello world ltpgthello worldltpgt

HAML HTML

h1 the bird is the wordp hello world

lth1gt the bird is the wordlth1gtltpgthello worldltpgt

peterh1 the bird is the wordp hello world

ltdiv class=ldquopeterldquogtlth1gt the bird is the wordlth1gtltpgthello worldltpgtltdivgt

peterh1 the bird is the wordp hello worldspan how are you today

ltdiv class=ldquopeterldquogtlth1gt the bird is the wordlth1gtltpgthello world ltspangthow are your todayltspangtltpgtltdivgt

sass-langcom

sass-langcom

daringfireballnetprojectsmarkdown

- bullet- points- are- awesome

hello world ltpgthello worldltpgt

Markdown HTML

ltulgtltligtbulletltligtltligtpointsltligtltligtareltligtltligtawesomeltligtltulgt

lthrgt

the bird is the wordhello world

lth1gtthe birdlth1gtlth2gtis the wordlth2gtltpgthello worldltpgt

[ilsquom a link](httpanywherecom) lta href=ldquohttpanywherecom)ldquogt ilsquom a link ltagt

[i am an image](httpplacekittencomg500300)

ltimg alt=ldquoi am an imageldquo src=ldquohttpplacekittencomg500300ldquogt

iawritercom middot mouappcom middot markedappcom

tryghostorg

IN THE BEGINNING THERE WAS THE COMMAND LINE

OSX Terminal

bash

ldquoIn the beginning there was the command line

cryptonomiconcombeginninghtml

ldquoIn the beginning there was the command line

cryptonomiconcombeginninghtml

Shell

ldquoShell_(computing)

A shell is soware that provides an interface for users of an operating system to access the services of a kernel The name shell originates from shells being an outer layer of interface between the user and the internals of the operating system (the kernel)

Shell

ldquoShell_(computing)

A shell is soware that provides an interface for users of an operating system to access the services of a kernel The name shell originates from shells being an outer layer of interface between the user and the internals of the operating system (the kernel)

$ ps aux | awk if ($5 = 0 ) print $2$5$6$11 | sort -k2n

Shell Finder$ mv filetxt destination

$ cp filetxt destination

bdquoHold + DRAGldquomove

copybdquoHold + Alt + DRAGldquo

Shell Finder$ mv filetxt destination

$ cp filetxt destination

bdquoHold + DRAGldquomove

copybdquoHold + Alt + DRAGldquo

VERBS

$PATH

$PATH = bin $PATH = Applications

$MY_NAME = filtercake$MY_SHOESIZE = 45

$FOO = BAR

VERSIONING

VERSIONING

shell

ldquoVersioning

Soware versioning is the process of assigning either unique version names or unique version numbers to unique states of computer soware

Shell Finder$ mv filetxt destination

$ cp filetxt destination

bdquoHold + DRAGldquomove

copybdquoHold + Alt + DRAGldquo

Shell Finder$ mv filetxt destination

$ cp filetxt destination

bdquoHold + DRAGldquomove

copybdquoHold + Alt + DRAGldquo

VERBS

$PATH

$PATH = bin $PATH = Applications

$MY_NAME = filtercake$MY_SHOESIZE = 45

$FOO = BAR

VERSIONING

VERSIONING

shell

ldquoVersioning

Soware versioning is the process of assigning either unique version names or unique version numbers to unique states of computer soware

Shell Finder$ mv filetxt destination

$ cp filetxt destination

bdquoHold + DRAGldquomove

copybdquoHold + Alt + DRAGldquo

VERBS

$PATH

$PATH = bin $PATH = Applications

$MY_NAME = filtercake$MY_SHOESIZE = 45

$FOO = BAR

VERSIONING

VERSIONING

shell

ldquoVersioning

Soware versioning is the process of assigning either unique version names or unique version numbers to unique states of computer soware

$PATH

$PATH = bin $PATH = Applications

$MY_NAME = filtercake$MY_SHOESIZE = 45

$FOO = BAR

VERSIONING

VERSIONING

shell

ldquoVersioning

Soware versioning is the process of assigning either unique version names or unique version numbers to unique states of computer soware

$PATH = bin $PATH = Applications

$MY_NAME = filtercake$MY_SHOESIZE = 45

$FOO = BAR

VERSIONING

VERSIONING

shell

ldquoVersioning

Soware versioning is the process of assigning either unique version names or unique version numbers to unique states of computer soware

VERSIONING

VERSIONING

shell

ldquoVersioning

Soware versioning is the process of assigning either unique version names or unique version numbers to unique states of computer soware

VERSIONING

shell

ldquoVersioning

Soware versioning is the process of assigning either unique version names or unique version numbers to unique states of computer soware

my super design final4 final2 version b nr6 exportpsd

my super design 2012-05-23-14hpsd

my super design 2012-05-23-14hpsd

my super design 2012-05-23-19hpsd

my super design 2012-05-25-9hpsd

my super design 2012-05-25-18hpsd

DVCS Distributed Version Control System

Version Control System (VCS)

DVCS Distributed Version Control System

Version Control System (VCS)

Git

Distributed Version Control System (DVCS)

Before Aer01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [i am an image](httpplacekittencomg500300)

01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [ilsquom an image](httpplacekittencomg500300)

-08 [i am an image](httpplacekittencomg500300)+08 [ilsquom an image](httpplacekittencomg500300) ∆

Delta

my super design 2012-05-23-14hpsd

my super design 2012-05-23-14hpsd

my super design 2012-05-23-19hpsd

my super design 2012-05-25-9hpsd

my super design 2012-05-25-18hpsd

DVCS Distributed Version Control System

Version Control System (VCS)

DVCS Distributed Version Control System

Version Control System (VCS)

Git

Distributed Version Control System (DVCS)

Before Aer01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [i am an image](httpplacekittencomg500300)

01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [ilsquom an image](httpplacekittencomg500300)

-08 [i am an image](httpplacekittencomg500300)+08 [ilsquom an image](httpplacekittencomg500300) ∆

Delta

my super design 2012-05-23-14hpsd

my super design 2012-05-23-19hpsd

my super design 2012-05-25-9hpsd

my super design 2012-05-25-18hpsd

DVCS Distributed Version Control System

Version Control System (VCS)

DVCS Distributed Version Control System

Version Control System (VCS)

Git

Distributed Version Control System (DVCS)

Before Aer01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [i am an image](httpplacekittencomg500300)

01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [ilsquom an image](httpplacekittencomg500300)

-08 [i am an image](httpplacekittencomg500300)+08 [ilsquom an image](httpplacekittencomg500300) ∆

Delta

DVCS Distributed Version Control System

Version Control System (VCS)

DVCS Distributed Version Control System

Version Control System (VCS)

Git

Distributed Version Control System (DVCS)

Before Aer01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [i am an image](httpplacekittencomg500300)

01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [ilsquom an image](httpplacekittencomg500300)

-08 [i am an image](httpplacekittencomg500300)+08 [ilsquom an image](httpplacekittencomg500300) ∆

Delta

DVCS Distributed Version Control System

Version Control System (VCS)

Git

Distributed Version Control System (DVCS)

Before Aer01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [i am an image](httpplacekittencomg500300)

01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [ilsquom an image](httpplacekittencomg500300)

-08 [i am an image](httpplacekittencomg500300)+08 [ilsquom an image](httpplacekittencomg500300) ∆

Delta

Before Aer01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [i am an image](httpplacekittencomg500300)

01 the bird02 is the word03 04 hello world05 06 [ilsquom a link](httpanywherecom)07 08 [ilsquom an image](httpplacekittencomg500300)

-08 [i am an image](httpplacekittencomg500300)+08 [ilsquom an image](httpplacekittencomg500300) ∆

Delta

$ git commit

$ git branch

GITHUB

follow

see commits

GITHUB

follow

see commits

GITHUB

follow

see commits

beforeheavy forking action

aftergraph

$ git clone gitgithubcom5v3nratpackgit

PACKAGE MANAGEMENT

PACKAGE MANAGEMENT

ldquoA package manager is a collection of soware tools to automate the process of installing upgrading configuring and removing soware packages for a computers operating system It typically maintains a database of soware dependencies and version information to prevent soware mismatches and missing prerequisites

Package_management_system

$ git branch

GITHUB

follow

see commits

GITHUB

follow

see commits

GITHUB

follow

see commits

beforeheavy forking action

aftergraph

$ git clone gitgithubcom5v3nratpackgit

PACKAGE MANAGEMENT

PACKAGE MANAGEMENT

ldquoA package manager is a collection of soware tools to automate the process of installing upgrading configuring and removing soware packages for a computers operating system It typically maintains a database of soware dependencies and version information to prevent soware mismatches and missing prerequisites

Package_management_system

GITHUB

follow

see commits

GITHUB

follow

see commits

GITHUB

follow

see commits

beforeheavy forking action

aftergraph

$ git clone gitgithubcom5v3nratpackgit

PACKAGE MANAGEMENT

PACKAGE MANAGEMENT

ldquoA package manager is a collection of soware tools to automate the process of installing upgrading configuring and removing soware packages for a computers operating system It typically maintains a database of soware dependencies and version information to prevent soware mismatches and missing prerequisites

Package_management_system

GITHUB

follow

see commits

GITHUB

follow

see commits

beforeheavy forking action

aftergraph

$ git clone gitgithubcom5v3nratpackgit

PACKAGE MANAGEMENT

PACKAGE MANAGEMENT

ldquoA package manager is a collection of soware tools to automate the process of installing upgrading configuring and removing soware packages for a computers operating system It typically maintains a database of soware dependencies and version information to prevent soware mismatches and missing prerequisites

Package_management_system

GITHUB

follow

see commits

beforeheavy forking action

aftergraph

$ git clone gitgithubcom5v3nratpackgit

PACKAGE MANAGEMENT

PACKAGE MANAGEMENT

ldquoA package manager is a collection of soware tools to automate the process of installing upgrading configuring and removing soware packages for a computers operating system It typically maintains a database of soware dependencies and version information to prevent soware mismatches and missing prerequisites

Package_management_system

beforeheavy forking action

aftergraph

$ git clone gitgithubcom5v3nratpackgit

PACKAGE MANAGEMENT

PACKAGE MANAGEMENT

ldquoA package manager is a collection of soware tools to automate the process of installing upgrading configuring and removing soware packages for a computers operating system It typically maintains a database of soware dependencies and version information to prevent soware mismatches and missing prerequisites

Package_management_system

PACKAGE MANAGEMENT

PACKAGE MANAGEMENT

ldquoA package manager is a collection of soware tools to automate the process of installing upgrading configuring and removing soware packages for a computers operating system It typically maintains a database of soware dependencies and version information to prevent soware mismatches and missing prerequisites

Package_management_system

PACKAGE MANAGEMENT

ldquoA package manager is a collection of soware tools to automate the process of installing upgrading configuring and removing soware packages for a computers operating system It typically maintains a database of soware dependencies and version information to prevent soware mismatches and missing prerequisites

Package_management_system

PACKAGE MANAGEMENT

ldquoA package manager is a collection of soware tools to automate the process of installing upgrading configuring and removing soware packages for a computers operating system It typically maintains a database of soware dependencies and version information to prevent soware mismatches and missing prerequisites

Package_management_system

PACKAGE

PACKAGE

rvmio

PACKAGE

rvmio

rvmio

rubygemsorg

RVM RUBYGEMS NPM APTITUDE BOWER

npmjsorg

RVM RUBYGEMS NPM APTITUDE BOWER

linuxdienetman8apt-get

RVM RUBYGEMS NPM APTITUDE BOWER

bowerio

HOMEBREW

mxclgithubiohomebrew

Tree

Tree$ brew install tree

done

Okay so can we now solve a real problem please

Shell Finder$ mv filetxt destination

$ cp filetxt destination

bdquoHold + DRAGldquomove

copybdquoHold + Alt + DRAGldquo

The Job

Move all photoshop files from all projects which are bigger than 100 mb and older than one month to the archive if they havenlsquot been archieved yet

The Job

Convert flac files to Apple lossless

ldquoIn the beginning there was the command line

cryptonomiconcombeginninghtml

Tree$ brew install tree

done

Okay so can we now solve a real problem please

Shell Finder$ mv filetxt destination

$ cp filetxt destination

bdquoHold + DRAGldquomove

copybdquoHold + Alt + DRAGldquo

The Job

Move all photoshop files from all projects which are bigger than 100 mb and older than one month to the archive if they havenlsquot been archieved yet

The Job

Convert flac files to Apple lossless

ldquoIn the beginning there was the command line

cryptonomiconcombeginninghtml

Okay so can we now solve a real problem please

Shell Finder$ mv filetxt destination

$ cp filetxt destination

bdquoHold + DRAGldquomove

copybdquoHold + Alt + DRAGldquo

The Job

Move all photoshop files from all projects which are bigger than 100 mb and older than one month to the archive if they havenlsquot been archieved yet

The Job

Convert flac files to Apple lossless

ldquoIn the beginning there was the command line

cryptonomiconcombeginninghtml

Shell Finder$ mv filetxt destination

$ cp filetxt destination

bdquoHold + DRAGldquomove

copybdquoHold + Alt + DRAGldquo

The Job

Move all photoshop files from all projects which are bigger than 100 mb and older than one month to the archive if they havenlsquot been archieved yet

The Job

Convert flac files to Apple lossless

ldquoIn the beginning there was the command line

cryptonomiconcombeginninghtml

The Job

Move all photoshop files from all projects which are bigger than 100 mb and older than one month to the archive if they havenlsquot been archieved yet

The Job

Convert flac files to Apple lossless

ldquoIn the beginning there was the command line

cryptonomiconcombeginninghtml

The Job

Convert flac files to Apple lossless

ldquoIn the beginning there was the command line

cryptonomiconcombeginninghtml

ldquoIn the beginning there was the command line

cryptonomiconcombeginninghtml

duckduckgocom

$ brew install ffmpeg

$ touch flac2alacsh

SCREENSHOT SUBLIME$ chmod +x flac2alacsh

$ mv flac2alacsh ~scripts

$PATH = Usersfiltercakervmgemsruby-193-p392binUsersfiltercakervmgemsruby-193-p392globalbinUsersfiltercakervmrubiesruby-193-p392binUsersfiltercakervmbinusrlocalbinusrbinbinusrsbinsbinusrX11binusrlocalMacGPG2binUsersfiltercakescripts

TRANSFER

WHOAA11

IDEs vs TEXTEDITORS

sublimetextcom

SCREENSHOT SUBLIME$ chmod +x flac2alacsh

$ mv flac2alacsh ~scripts

$PATH = Usersfiltercakervmgemsruby-193-p392binUsersfiltercakervmgemsruby-193-p392globalbinUsersfiltercakervmrubiesruby-193-p392binUsersfiltercakervmbinusrlocalbinusrbinbinusrsbinsbinusrX11binusrlocalMacGPG2binUsersfiltercakescripts

TRANSFER

WHOAA11

IDEs vs TEXTEDITORS

sublimetextcom

TRANSFER

WHOAA11

IDEs vs TEXTEDITORS

sublimetextcom

WHOAA11

IDEs vs TEXTEDITORS

sublimetextcom

IDEs vs TEXTEDITORS

sublimetextcom

sublimetextcom

macromatescom

paniccomcoda

Rubymine something something Eclipse

jetbrainscomruby

httpeclipseorg

eclipseorg

httpeclipseorg

eclipseorg

PROCESSING IDE + website

processingorg

natureofcodecom

HELLO WORLD PROCESSING

hello-worldcc

ARDUINO SCREENSHOT

ARDUINO SCREENSHOT

ARDUINO SCREENSHOT

ARDUINO and PROCESSING

youtubecomwatchv=g0pSfyXOXj8

ARDUINO SCREENSHOT

ARDUINO SCREENSHOT

ARDUINO and PROCESSING

youtubecomwatchv=g0pSfyXOXj8

ARDUINO SCREENSHOT

ARDUINO and PROCESSING

youtubecomwatchv=g0pSfyXOXj8

ARDUINO and PROCESSING

youtubecomwatchv=g0pSfyXOXj8

Wait a second

Werenlsquot we talking about

Ruby and Rails

craphoundcom

Rails Haml etcLibraries Gems

Your own code

ServerHTMLCSSJS

Browser

Language Ruby

Versioning Git

Package ManagmentRVM Rubygems Bundler

Control Terminal

Texteditor Sublime Text

Collaboration Github

rvmio

rvmio

rvmio

~rvmrubies $ ls -ldrwxr-xr-x 8 filtercake staff 272 14 Aug 2012 ruby-192-p320drwxr-xr-x 8 filtercake staff 272 29 Aug 2012 ruby-193-p125drwxr-xr-x 8 filtercake staff 272 29 Aug 2012 ruby-193-p194drwxr-xr-x 8 filtercake staff 272 17 Maumlr 1845 ruby-193-p392drwxr-xr-x 8 filtercake staff 272 24 Maumlr 2242 ruby-200-p0

$PATH

rubygemsorg

rubyonrailsorg

$ gem install rails

$ rails new wollmilchsau

fatfreecrmcom

fatfreecrmcom

Fork example project$ git clone gitgithubcomfatfreecrmfat_free_crmgit wollmilchsau

fatfreecrmcom

gembundlercom

gembundlercom

Gemfile

source httpsrubygemsorggem nokogirigem rack ~gt11gem rspec require =gt spec

$ bundle install

$ rails s

sublimetextcom

HOW

OPEN SOURCE

Culture

ldquoCulture is everything which is not written down anywhere

Merlin Mann

OPEN SOURCE

Culture

ldquoCulture is everything which is not written down anywhere

Merlin Mann

Culture

ldquoCulture is everything which is not written down anywhere

Merlin Mann

tim berners lee

via flickr

lostechiescom

OK but why is that

important

What properitary closed systems do to you

Facebook changing their API at free will Now you tell your client

Google shutting down Reader Now you tell your users

Apple rejecting or taking down certain apps at free will Now you tell your users

Twitter basically saying bdquoThanks for making us not suck so much but we decided to go ahead and suck BIG TIME so we do not need you anymoreldquo Now you tell your users

Malware on Android Explain that to your mom

They are ALL bdquoevilldquo

BS

OPEN STANDARDS

remotestorageio middot unhostedorg

What properitary closed systems do to you

Facebook changing their API at free will Now you tell your client

Google shutting down Reader Now you tell your users

Apple rejecting or taking down certain apps at free will Now you tell your users

Twitter basically saying bdquoThanks for making us not suck so much but we decided to go ahead and suck BIG TIME so we do not need you anymoreldquo Now you tell your users

Malware on Android Explain that to your mom

They are ALL bdquoevilldquo

BS

OPEN STANDARDS

remotestorageio middot unhostedorg

They are ALL bdquoevilldquo

BS

OPEN STANDARDS

remotestorageio middot unhostedorg

OPEN STANDARDS

remotestorageio middot unhostedorg

remotestorageio middot unhostedorg

WHY did you become a designer in the first place

Why did you become a designer in the

first place

DIY

SHAPEMAKE

CREATE

CHANGE

httpswwwyoutubecomwatchv=u6XAPnuFjJc

Drive Daniel H Pink

DIY

SHAPEMAKE

CREATE

CHANGE

httpswwwyoutubecomwatchv=u6XAPnuFjJc

Drive Daniel H Pink

SHAPEMAKE

CREATE

CHANGE

httpswwwyoutubecomwatchv=u6XAPnuFjJc

Drive Daniel H Pink

CHANGE

httpswwwyoutubecomwatchv=u6XAPnuFjJc

Drive Daniel H Pink

httpswwwyoutubecomwatchv=u6XAPnuFjJc

Drive Daniel H Pink

CAUSE NOT

EFFECT

You want to be the needle

Not the haystack

Fabian Fabian filtercake filtercakecomCC BY-NC-SA

THANKS

You want to be the needle

Not the haystack

Fabian Fabian filtercake filtercakecomCC BY-NC-SA

THANKS

Fabian Fabian filtercake filtercakecomCC BY-NC-SA

THANKS