Web punk mystery of web design is fading given
description
Transcript of Web punk mystery of web design is fading given
![Page 1: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/1.jpg)
#webpunk 1
The Mystery ofWeb Design is Fading
maanantaina 31. toukokuuta 2010
![Page 2: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/2.jpg)
#webpunk 2
ERECTORSET
maanantaina 31. toukokuuta 2010
![Page 3: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/3.jpg)
#webpunk 3
"Punk rock was rock and roll by people who didn't have very much skills as musicians but still felt the need to express themselves through music.” John Holmstrom, founder of Punk magazine
maanantaina 31. toukokuuta 2010
![Page 4: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/4.jpg)
#webpunk 4
Punk Rock >mainstream music
maanantaina 31. toukokuuta 2010
![Page 5: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/5.jpg)
#webpunk 5
Punk Todaymaanantaina 31. toukokuuta 2010
![Page 6: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/6.jpg)
#webpunk
Where is thepunk spiriton the web?
6
maanantaina 31. toukokuuta 2010
![Page 7: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/7.jpg)
#webpunk 7
10,000 hours rulemaanantaina 31. toukokuuta 2010
![Page 8: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/8.jpg)
#webpunk 8
"Punk rock was an ideaand when people ask me what I do,I try to make ideas happen - ideas that could change life ”
Malcolm McLaren
punk > ideasmaanantaina 31. toukokuuta 2010
![Page 9: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/9.jpg)
#webpunk 9
Web Punk is web design by people who are not rock-star coders but still feel the need to express their creativity online.
Web Punk is an idea
maanantaina 31. toukokuuta 2010
![Page 10: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/10.jpg)
#webpunk 10
Reactionsmaanantaina 31. toukokuuta 2010
![Page 11: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/11.jpg)
#webpunk 11
Punk’s independent spirits spurred a DIY revolution, encouraging us to reject authority and hierarchy, advocating that we can and should produce as much as we consume.… There is a misconception that all changes we are experiencing as a society are the result of new technologies… the changes are profoundly cultural.’
Matt Mason, The Pirate’s Dilemma
punk > mindsetmaanantaina 31. toukokuuta 2010
![Page 12: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/12.jpg)
#webpunk 12
“Tell me about picking up the guitar....”
“Actually, it was three months before we did our first gig.”Steve JonesThe Sex Pistolsinterviewed by Jerry McCulley in 2008 for Gibson Lifestyle
maanantaina 31. toukokuuta 2010
![Page 13: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/13.jpg)
#webpunk 13
punk > (re)action
maanantaina 31. toukokuuta 2010
![Page 14: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/14.jpg)
#webpunk 14
Ideas and extreme creativityDIY and independencePassion and action
maanantaina 31. toukokuuta 2010
![Page 15: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/15.jpg)
#webpunk 15
Screw it, just do it!maanantaina 31. toukokuuta 2010
![Page 16: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/16.jpg)
#webpunk
Why do we needweb punk?
16
maanantaina 31. toukokuuta 2010
![Page 17: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/17.jpg)
#webpunk 17
30 agenciesFin, UK, Ger with real pain
maanantaina 31. toukokuuta 2010
![Page 18: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/18.jpg)
#webpunk 18
Their Pains > 4Cs
maanantaina 31. toukokuuta 2010
![Page 19: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/19.jpg)
#webpunk 18
CostsTheir Pains > 4Cs
maanantaina 31. toukokuuta 2010
![Page 20: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/20.jpg)
#webpunk 18
CostsControl
Their Pains > 4Cs
maanantaina 31. toukokuuta 2010
![Page 21: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/21.jpg)
#webpunk 18
CostsControlComplexity
Their Pains > 4Cs
maanantaina 31. toukokuuta 2010
![Page 22: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/22.jpg)
#webpunk 18
CostsControlComplexityCommunication
Their Pains > 4Cs
maanantaina 31. toukokuuta 2010
![Page 23: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/23.jpg)
#webpunk
Inefficiency
19
maanantaina 31. toukokuuta 2010
![Page 24: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/24.jpg)
#webpunk 20
IMPATIENCEmaanantaina 31. toukokuuta 2010
![Page 25: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/25.jpg)
#webpunk
So what have HTML5, CSS3, JQuery & APIs got to do with it?
21
maanantaina 31. toukokuuta 2010
![Page 26: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/26.jpg)
#webpunk 22
Reduce costReuse assetsSimplify
Painkillers?
maanantaina 31. toukokuuta 2010
![Page 27: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/27.jpg)
#webpunk
Yes and No
23
maanantaina 31. toukokuuta 2010
![Page 28: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/28.jpg)
#webpunk 24
<video> <source src="assets/dizzy.mp4"> </video>
<object width="425px" height="360px" >! <param name="allowFullScreen" value="true"/>! <param name="wmode" value="transparent"/>! <param name="movie" value="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825,t=1,mt=video,searchID=,primarycolor=,secondarycolor="/>! <embed src="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825,t=1,mt=video,searchID=,primarycolor=,secondarycolor=" width="425" height="360" allowFullScreen="true" type="application/x-shockwave-flash" wmode="transparent"/></object>
HTML4 HTML5
maanantaina 31. toukokuuta 2010
![Page 29: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/29.jpg)
#webpunk 25
Opening the floodgatesmaanantaina 31. toukokuuta 2010
![Page 30: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/30.jpg)
#webpunk
Bigger Picture
26
CODING > DESIGNSITES > SERVICESCRAFT > INDUSTRIALISED
maanantaina 31. toukokuuta 2010
![Page 31: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/31.jpg)
#webpunk
Why are we inefficient?
27
“Instead of learning from each other, we repeat the mistakes of others”Christian HeilmannYahoo! Developer Evangelist
maanantaina 31. toukokuuta 2010
![Page 32: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/32.jpg)
#webpunk
Why are we inefficient?
28
“hey, this is exactly what we’ve been doing all along! Let’s avoid asking ourselves hard questions and let’s not change the way we work.”Brian Marick, Writer on Agile Developmentcommenting on how people react when they read about Agile
maanantaina 31. toukokuuta 2010
![Page 33: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/33.jpg)
#webpunk
Why are we inefficient?
29
maanantaina 31. toukokuuta 2010
![Page 34: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/34.jpg)
#webpunk
We still work the same way now as when the WWW first appeared
30
maanantaina 31. toukokuuta 2010
![Page 35: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/35.jpg)
#webpunk
Collaborative joy
31
RemixingRemasteringCo-creation
maanantaina 31. toukokuuta 2010
![Page 36: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/36.jpg)
#webpunk 32
webi!na?leberli"n
a"altoun?ivers!ity
Aalto University - energy from play
“Rebrandable brand”
>
maanantaina 31. toukokuuta 2010
![Page 37: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/37.jpg)
#webpunk 33
New news!maanantaina 31. toukokuuta 2010
![Page 38: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/38.jpg)
#webpunk 34
We’re not a newspaper -we’re a content distribution platform
maanantaina 31. toukokuuta 2010
![Page 39: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/39.jpg)
#webpunk 35
Retweet is the ultimate content remixer140 chars is todays 2 min punk song
maanantaina 31. toukokuuta 2010
![Page 40: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/40.jpg)
#webpunk
Democratisation of Content has been driven by social media
36
maanantaina 31. toukokuuta 2010
![Page 41: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/41.jpg)
#webpunk 37
Democratisation of Concepts and Serviceswill be drivenby the next wave
maanantaina 31. toukokuuta 2010
![Page 42: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/42.jpg)
#webpunk
Where does HammerKit fit into the picture?
38
We are part of the next wavemaanantaina 31. toukokuuta 2010
![Page 43: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/43.jpg)
#webpunk 39
Online and collaborativeDesign FreedomOpen and ExtensibleReal-timeNoHTML
maanantaina 31. toukokuuta 2010
![Page 44: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/44.jpg)
#webpunk
“Do not build your own login system. We have Facebook Connect, we have Google we have Twitter - all of which
already give you a social graph”Christian Heilmann
Yahoo! Developer Evangelist40
ServiceDesigner
AccountManager
ComponentStore
Reuse parts or get them easily
Design new services faster
Commonproduction
system
Collaborate andshare with peers
maanantaina 31. toukokuuta 2010
![Page 45: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/45.jpg)
#webpunk 41
“this platform is a great opportunity for business, design and technology students to work together on application development”
Nina HellmanCourse Leader, Industrial Design
Metropolia, Helsinki
CollectiveImprovisationbiz + des + tech
maanantaina 31. toukokuuta 2010
![Page 46: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/46.jpg)
#webpunk 42
Do it onceDo it well
craft > industrymaanantaina 31. toukokuuta 2010
![Page 47: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/47.jpg)
#webpunk 43
THE HP GARAGE
Is this still valid?maanantaina 31. toukokuuta 2010
![Page 48: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/48.jpg)
#webpunk 44
Our value chainRaw
Material + = niche/luxuryCraftsman
Parts
Parts
Parts
Parts + Process =mass marketeveryday
Industrialisation
maanantaina 31. toukokuuta 2010
![Page 49: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/49.jpg)
#webpunk 45
⅘ issuemaanantaina 31. toukokuuta 2010
![Page 50: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/50.jpg)
#webpunk 46
maanantaina 31. toukokuuta 2010
![Page 51: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/51.jpg)
#webpunk 47
maanantaina 31. toukokuuta 2010
![Page 52: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/52.jpg)
#webpunk 48
Mass-market approach:> Lower costs> Simplify assembly> Speed up production
Solving ⅘
> REAL PAINKILLERSmaanantaina 31. toukokuuta 2010
![Page 53: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/53.jpg)
#webpunk 49
In summarywe need more punk spirit
>collaborative joy>collective improvision>new ways of working as well as new standards
maanantaina 31. toukokuuta 2010
![Page 54: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/54.jpg)
#webpunk 50
The web is17 years old
> age of rebellionmaanantaina 31. toukokuuta 2010
![Page 55: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/55.jpg)
It wants to be a
Mark [email protected]
#webpunk www.hammerkit.com
thanks
maanantaina 31. toukokuuta 2010
![Page 56: Web punk mystery of web design is fading given](https://reader038.fdocuments.in/reader038/viewer/2022110115/5487fad4b47959ce0c8b55e1/html5/thumbnails/56.jpg)
It wants to be a
Mark [email protected]
#webpunk www.hammerkit.com
thanks
maanantaina 31. toukokuuta 2010