I can smell your CMS

SMELLCMS#

PHILHAWKSWORTH@

~I

CCAN SMELL YOUR

MS

ANXIOUSHTML5DEVCONF#@PHILHAWKSWORTH

1. AMAZING SPEAKERS2. YOU HAVE OPTIONS3. TALKING ABOUT CMS

HTML5DEVCONF#@PHILHAWKSWORTH

dulldull

dulldull

HTML5DEVCONF


HTML5DEVCONF


F/EHTML5DEVCONF#@PHILHAWKSWORTH


CONTEXT

have aAGENCIESDILEMA


have aAGENCIESPROBLEM


CLIENTSHTML5DEVCONF#@PHILHAWKSWORTH

FIRED!HTML5DEVCONF#@PHILHAWKSWORTH


AGENCY GAP


what they

WANTGIVE THEM


what they

NEEDGIVE THEM


TENSION

HTML5DEVCONF#

~

@PHILHAWKSWORTH

AGENCYRESPONSIBILITY

HTML5DEVCONF#

~

@PHILHAWKSWORTH

DEVELOPERRESPONSIBILITY


BRANDSSTAGEAUDIENCEBIG


HTML5DEVCONF#@PHILHAWKSWORTH GROLSCH.COM

HTML5DEVCONF#@PHILHAWKSWORTH BEETLE.COM

HTML5DEVCONF#@PHILHAWKSWORTH MCDONALDS.CO.UK


38.28 MB405 HTTP REQUESTS1.1 MINUTE ONLOAD



by

EXAMPLELEARN


HTML5DEVCONF#@PHILHAWKSWORTH MILWAUKEEPOLICENEWS.COM




by

EXAMPLELEARN

HTML5DEVCONF#

is

@PHILHAWKSWORTH

CRAFTCODE


TENSION


~AVOIDLOCK-IN


FREEDOM


DODGEDODGEDODGEDODGE

CMS


O RLY?

~

PARADOXTHE CMS



~ENTERPRISE

LEVEL


~REASSURINGLY EXPENSIVE


EXPENSIVE


does not giveFLEXIBILITY FLEXIBILITY

CHOICE~

PARALYSIS

proportional to


CHANGESCOST OFSYSTEMCOST OF


POWERFUL WORKFLOW

HTML5DEVCONF#

versus

@PHILHAWKSWORTH

POWERFUL WORKFLOW

GETTINGSHIT DONE

orINTERN

CEO


DEVELOPER

/ CTO/ CMO


SUBVERT

CODE SMELLHTML5DEVCONF#@PHILHAWKSWORTH


symptom in the source code that possibly indicates

a deeper problem

http://en.wikipedia.org/wiki/Symptom

http://en.wikipedia.org/wiki/Symptom

http://en.wikipedia.org/wiki/Source_code

http://en.wikipedia.org/wiki/Source_code


CMSSMELL


CMSSTINK


ofEXAMPLES

STINK


.html

.shtml

.pl

.php

.jsp

.asp

.aspx


.html

.shtml

.pl

.php

.jsp

.asp

.aspx

to the

CONTENTCOUPLEDTECHNOLOGY

TIMBL SAYS

LOCK IN

http://global.burton.com


http://global.burton.com/on/demandware.store/Sites-Burton_GLOBAL-Site/default/Home-Show










http://global.burton.com/on/demandware.store












http://global.burton.com/on/demandware.store/Sites-Burton_GLOBAL-Site












http://global.burton.com/on/demandware.store/Sites-Burton_GLOBAL-Site/default












http://global.burton.com/on/demandware.store/Sites-Burton_GLOBAL-Site/default/Home












http://global.burton.com/on/demandware.store/Sites-Burton_GLOBAL-Site/default/Home


-Show













~ENTERPRISE

LEVEL


ENTERPRISEFACEPALM

level































































































































































LOCK IN

FUGLY


URL DESIGN CRAFT


MAKE URL DESIGN A PRIORITY


URL STABILITY

tip


SIREN OF SOCIAL MEDIAtip


FACEBOOK LIKEStip


PERFORMANCE

HTML5DEVCONF#@PHILHAWKSWORTH STEVE SOUDERS

OPTIMISATION

OPTIMISATION


~

TUNINGOPTIMISATIONS

TRICKSCRAFT

CMS


.net BURP


UI HOOKS


CLASSICSTINK


MODULARITYFLEXIBILITY

&


A GOOD THING

O RLY?



A MODULE / HTMLTARGETCSSJAVASCRIPT



ENCAPSULATEDREPEATABLE/



ENCAPSULATEDREPEATABLE/




~

RENDERING PERFORMANCE

KILLS


~MAINTENANCE

NIGHTMARE

STINK


MAKES SOUDERS CRY


THOU SHALT NOTMAKE SOUDERS CRY

HTML5DEVCONF#@PHILHAWKSWORTH AMAZING DESIGNERS


DESIGN EXPERTISE


CORE FEATURE


WYSIWYG


WYSIWYGDANGER

WYSIWYGHTML5DEVCONF#@PHILHAWKSWORTH

DANGER


DANGER


DANGER


DANGER

WYSIwYGHTML5DEVCONF#@PHILHAWKSWORTH

DANGER


WYSIWYG

WYSIWYG

WYSIWYG

$ ��

WYSIWYG

WYSIWYGITE


WYSIWYGITE

WYSIWTF


the

MARKUPPROTECT


 please <a style="COLOR: #4b7228" onclick="javascript:popup('/list.html','','860','900');" href="javascript: void(0);"> click here </a> to add join our waiting list. • <a href="/Cancellation">Cancellation Policy</a> 


 

STINK


ROUNDTRIPPING

CIRCULARSTINK


MARKDOWN


STRUCTUREDCONTENTCHANGE


MANAGEnot

CONTENTDESIGN


~AVOIDLOCK-IN


TEACH A MAN TO FISH


HOST A BBQ

http://www.flickr.com/photos/cmbellman/2576196608/

http://www.flickr.com/photos/floradora1/3063668471/



RESEARCH PAPERSON INTENSIVE SALMON FARMING


SAUSAGES


BAD SAUSAGES


theCHALLENGINGINTRODUCTIONOF STINK


CONSTRAINTS CAN BE

ENABLERS

SIMPLICITYHTML5DEVCONF#@PHILHAWKSWORTH

CHOICE~

PARALYSIS


OUR CMS DOESN’T SUPPORT MOBILE

WTF?


...MOBILE MODULE CAN BE PURCHASED


ENTERPRISEFACEPALM

level






MANAGEnot

CONTENTDESIGN


FUTURE FRIENDLY

SIMPLICITYHTML5DEVCONF#@PHILHAWKSWORTH

NEEDS


WHAT CONTENT

to be

DYNAMIC?


WHAT CONTENT

to be

DYNAMIC?REALLY NEEDS

REALLY?HTML5DEVCONF#@PHILHAWKSWORTH


ONE DAY, WE MIGHT WANT TO...


YAGNI


RUTHLESSLY PURSUE

SIMPLICITY


~

SKILLSAVAILABLE


orINTERN

CEO / CTO/ CMO

DEVELOPER


DEVELOPER


>

COMPLEX CMSHTML


>

COMPLEX CMSDEV

AVOIDLOCK IN


~

NOCMSCONSIDER


CONVENTIONSPATTERNSGUIDANCETEMPLATING

TOOLS

JEKYLL github.com/mojombo/jekyll

https://github.com/mojombo/jekyll


PERCH grabaperch.com



OPTIMISATION


COMMON AGENCY

APPROACH



USER EXPERIENCEDESIGNF/E DEV

INTEGRATION


USER EXPERIENCEDESIGNF/E DEV

INTEGRATION

HTML5DEVCONF#@PHILHAWKSWORTH TO FINISH


~

CMS STINKCHALLENGE


~

CRAFTPROTECT YOUR


FIGHT FOR THE CHANCE

TO DO GOOD ON THE WEB


THANKS

LINKS

http://stephenwaller.tumblr.comhttp://www.flickr.com/photos/employtheskinnyboy/3523608412http://www.flickr.com/photos/bredgur/1323025528http://www.flickr.com/photos/ansik/3033147092http://www.flickr.com/photos/globevisions/2057289060http://www.flickr.com/photos/cmbellman/2576196608http://www.flickr.com/photos/ipeat/1492127164http://www.flickr.com/photos/adamkjems/3559454088http://www.flickr.com/photos/floradora1http://www.flickr.com/photos/flowercat/2723867176http://www.flickr.com/photos/timdrivas/6891133167http://www.flickr.com/photos/gasi/1418791186

http://hawksworx.comhttp://grabaperch.comhttp://github.com/mojombo/jekyllhttp://www.rachelandrew.co.uk/archives/2012/09/21/we-need-to-talk-about-content-management

http://stephenwaller.tumblr.com

http://stephenwaller.tumblr.com

http://www.flickr.com/photos/employtheskinnyboy/3523608412






http://www.flickr.com/photos/globevisions/2057289060

http://www.flickr.com/photos/globevisions/2057289060





http://www.flickr.com/photos/flowercat/2723867176/








http://www.flickr.com/photos/gasi/1418791186

http://www.flickr.com/photos/gasi/1418791186

Date post:	19-Sep-2014
Category:	Technology
View:	13 times
Download:	0 times

I can smell your CMS

Technology