Slide 1

Slide 1 text

I C CAN SMELL YOUR MS ~

Slide 2

Slide 2 text

PHILHAWKSWORTH @

Slide 3

Slide 3 text

@PHILHAWKSWORTH ANXIOUS

Slide 4

Slide 4 text

@PHILHAWKSWORTH 1. INCREDIBLE SPEAKERS 2. POST LUNCH DIP 3. TALKING ABOUT CMS dull dull dull

Slide 5

Slide 5 text

@PHILHAWKSWORTH CONTEXT

Slide 6

Slide 6 text

@PHILHAWKSWORTH

Slide 7

Slide 7 text

@PHILHAWKSWORTH AGENCY GAP

Slide 8

Slide 8 text

@PHILHAWKSWORTH WANT GIVE THEM what they

Slide 9

Slide 9 text

@PHILHAWKSWORTH NEED GIVE THEM what they

Slide 10

Slide 10 text

TENSION & TRENDS

Slide 11

Slide 11 text

GROLSCH.COM

Slide 12

Slide 12 text

MCDONALDS.CO.UK

Slide 13

Slide 13 text

@PHILHAWKSWORTH 38.28 MB 405 HTTP REQUESTS 1.1 MINUTE ONLOAD

Slide 14

Slide 14 text

@PHILHAWKSWORTH PERFORMANCE MATTERS

Slide 15

Slide 15 text

@PHILHAWKSWORTH Greg Linden, Amazon 100ms OF EXTRA LOAD TIME CAUSED 1% DROP IN SALES

Slide 16

Slide 16 text

@PHILHAWKSWORTH FRONT END DEVELOPMENT HAS BECOME A SERIOUS BUSINESS

Slide 17

Slide 17 text

@PHILHAWKSWORTH FRONT END ENGINEERING HAS BECOME A SERIOUS BUSINESS

Slide 18

Slide 18 text

@PHILHAWKSWORTH I’M A SOFTWARE ENGINEER JAVASCRIPT WHAT LANGUAGE? HA HA HA HA ..!

Slide 19

Slide 19 text

@PHILHAWKSWORTH F#@!!!

Slide 20

Slide 20 text

@PHILHAWKSWORTH ~ AVOID LOCK-IN

Slide 21

Slide 21 text

FREEDOM

Slide 22

Slide 22 text

@PHILHAWKSWORTH DODGE DODGE DODGE DODGE

Slide 23

Slide 23 text

CMS

Slide 24

Slide 24 text

O RLY?

Slide 25

Slide 25 text

@PHILHAWKSWORTH WHY A CMS?

Slide 26

Slide 26 text

@PHILHAWKSWORTH 1. REDUCE COST OF CHANGE 2. MINIMISE DEPENDANCIES 3. EMPOWER CONTENT AUTHORS

Slide 27

Slide 27 text

@PHILHAWKSWORTH ENTERPRISE LEVEL ~

Slide 28

Slide 28 text

@PHILHAWKSWORTH EXPENSIVE REASSURINGLY ~

Slide 29

Slide 29 text

@PHILHAWKSWORTH EXPENSIVE

Slide 30

Slide 30 text

does not give FLEXIBILITY FLEXIBILITY

Slide 31

Slide 31 text

CHOICE ~ PARALYSIS

Slide 32

Slide 32 text

@PHILHAWKSWORTH proportional to CHANGES COST OF SYSTEM COST OF

Slide 33

Slide 33 text

@PHILHAWKSWORTH POWERFUL WORKFLOW GETTING SHIT DONE versus

Slide 34

Slide 34 text

@PHILHAWKSWORTH or INTERN CEO DEVELOPER / CTO / CMO

Slide 35

Slide 35 text

@PHILHAWKSWORTH SUBVERT

Slide 36

Slide 36 text

@PHILHAWKSWORTH

Slide 37

Slide 37 text

@PHILHAWKSWORTH CODE SMELL

Slide 38

Slide 38 text

@PHILHAWKSWORTH symptom in the source code that possibly indicates a deeper problem

Slide 39

Slide 39 text

CMS SMELL

Slide 40

Slide 40 text

@PHILHAWKSWORTH CMS STINK

Slide 41

Slide 41 text

@PHILHAWKSWORTH of EXAMPLES STINK

Slide 42

Slide 42 text

@PHILHAWKSWORTH .html .shtml .pl .php .jsp .asp .aspx to the CONTENT COUPLED TECHNOLOGY

Slide 43

Slide 43 text

TIMBL SAYS

Slide 44

Slide 44 text

@PHILHAWKSWORTH LOCK IN

Slide 45

Slide 45 text

BURTON.COM

Slide 46

Slide 46 text

@PHILHAWKSWORTH _GLOBAL-Site /default /Home http://global.burton.com /on/demandware.store /Sites-Burton -Show

Slide 47

Slide 47 text

@PHILHAWKSWORTH ~ ENTERPRISE LEVEL

Slide 48

Slide 48 text

ENTERPRISE FACEPALM level

Slide 49

Slide 49 text

@PHILHAWKSWORTH _GLOBAL-Site /default /Home http://global.burton.com /on/demandware.store /Sites-Burton -Show

Slide 50

Slide 50 text

@PHILHAWKSWORTH STINK

Slide 51

Slide 51 text

@PHILHAWKSWORTH LOCK IN

Slide 52

Slide 52 text

@PHILHAWKSWORTH FUGLY

Slide 53

Slide 53 text

@PHILHAWKSWORTH HYGIENE URL minty fresh ~

Slide 54

Slide 54 text

URL DESIGN CRAFT

Slide 55

Slide 55 text

@PHILHAWKSWORTH MAKE URL DESIGN A PRIORITY

Slide 56

Slide 56 text

@PHILHAWKSWORTH URL STABILITY tip

Slide 57

Slide 57 text

SIREN OF SOCIAL MEDIA tip

Slide 58

Slide 58 text

FACEBOOK LIKES tip

Slide 59

Slide 59 text

PERFORMANCE

Slide 60

Slide 60 text

STEVE SOUDERS

Slide 61

Slide 61 text

@PHILHAWKSWORTH OPTIMISATION

Slide 62

Slide 62 text

@PHILHAWKSWORTH OPTIMISATION

Slide 63

Slide 63 text

@PHILHAWKSWORTH TUNING OPTIMISATIONS TRICKS CRAFT FOUNDATION ~

Slide 64

Slide 64 text

@PHILHAWKSWORTH TUNING OPTIMISATIONS TRICKS CRAFT ~ CMS

Slide 65

Slide 65 text

EPiSERVER

Slide 66

Slide 66 text

@PHILHAWKSWORTH UI HOOKS

Slide 67

Slide 67 text

@PHILHAWKSWORTH CLASSIC STINK

Slide 68

Slide 68 text

@PHILHAWKSWORTH MODULARITY FLEXIBILITY &

Slide 69

Slide 69 text

@PHILHAWKSWORTH A GOOD THING

Slide 70

Slide 70 text

O RLY?

Slide 71

Slide 71 text

@PHILHAWKSWORTH A MODULE / HTML TARGET CSS JAVASCRIPT ENCAPSULATED REPEATABLE /

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

No content

Slide 74

Slide 74 text

@PHILHAWKSWORTH ~ RENDERING PERFORMANCE KILLS

Slide 75

Slide 75 text

@PHILHAWKSWORTH ~ MAINTENANCE NIGHTMARE

Slide 76

Slide 76 text

@PHILHAWKSWORTH STINK

Slide 77

Slide 77 text

@PHILHAWKSWORTH MAKES SOUDERS CRY

Slide 78

Slide 78 text

@PHILHAWKSWORTH THOU SHALT NOT MAKE SOUDERS CRY

Slide 79

Slide 79 text

AMAZING DESIGNERS

Slide 80

Slide 80 text

@PHILHAWKSWORTH DESIGN EXPERTISE

Slide 81

Slide 81 text

@PHILHAWKSWORTH Rachel Andrew THE POWER TO RUIN THEIR SITE

Slide 82

Slide 82 text

@PHILHAWKSWORTH CORE FEATURE...

Slide 83

Slide 83 text

@PHILHAWKSWORTH WYSIWYG

Slide 84

Slide 84 text

@PHILHAWKSWORTH WYSIWYG DANGER

Slide 85

Slide 85 text

@PHILHAWKSWORTH WYSIWYG DANGER

Slide 86

Slide 86 text

@PHILHAWKSWORTH WYSIWYG DANGER

Slide 87

Slide 87 text

@PHILHAWKSWORTH WYSIWYG DANGER

Slide 88

Slide 88 text

@PHILHAWKSWORTH WYSIWYG DANGER

Slide 89

Slide 89 text

@PHILHAWKSWORTH WYSIwYG DANGER

Slide 90

Slide 90 text

@PHILHAWKSWORTH WYSIWY G WYSIWY G WYSIWY G $ @PHILHAWK

Slide 91

Slide 91 text

@PHILHAWKSWORTH WYSIWYGITE

Slide 92

Slide 92 text

WYSIWYGITE

Slide 93

Slide 93 text

@PHILHAWKSWORTH WYSIWTF

Slide 94

Slide 94 text

@PHILHAWKSWORTH the DESIGNED EXPERIENCE PROTECT

Slide 95

Slide 95 text

@PHILHAWKSWORTH MARKUP PROTECT the

Slide 96

Slide 96 text

 

please click here to add join our waiting list.   

Cancellation Policy

 

Slide 97

Slide 97 text

 

  

 

 

 

  

 

  

 

  

 

  

 

 

Slide 98

Slide 98 text

@PHILHAWKSWORTH STINK

Slide 99

Slide 99 text

@PHILHAWKSWORTH ROUND TRIPPING

Slide 100

Slide 100 text

@PHILHAWKSWORTH EMERGENCY MEASURES

Slide 101

Slide 101 text

@PHILHAWKSWORTH CIRCULAR STINK

Slide 102

Slide 102 text

@PHILHAWKSWORTH MARKDOWN

Slide 103

Slide 103 text

STRUCTURED CONTENT

Slide 104

Slide 104 text

@PHILHAWKSWORTH MANAGE CONTENT DESIGN not

Slide 105

Slide 105 text

@PHILHAWKSWORTH SIMPLICITY

Slide 106

Slide 106 text

@PHILHAWKSWORTH Government Digital Service 23 MILLION UNIQUES PER MONTH 115 MILLION PAGE VIEWS PER MONTH

Slide 107

Slide 107 text

MARKDOWN 67120 PUBLISHED DOCUMENTS 1000+ AUTHORS GLOBALLY

Slide 108

Slide 108 text

CONSTRAINTS CAN BE ENABLERS

Slide 109

Slide 109 text

CHOICE ~ PARALYSIS

Slide 110

Slide 110 text

@PHILHAWKSWORTH OUR CMS DOESN’T SUPPORT MOBILE WTF?

Slide 111

Slide 111 text

@PHILHAWKSWORTH ...MOBILE MODULE CAN BE PURCHASED

Slide 112

Slide 112 text

ENTERPRISE FACEPALM level

Slide 113

Slide 113 text

@PHILHAWKSWORTH MANAGE not CONTENT DESIGN

Slide 114

Slide 114 text

@PHILHAWKSWORTH FUTURE FRIENDLY

Slide 115

Slide 115 text

@PHILHAWKSWORTH SIMPLICITY again?!

Slide 116

Slide 116 text

@PHILHAWKSWORTH NEEDS WHAT CONTENT to be DYNAMIC?

Slide 117

Slide 117 text

@PHILHAWKSWORTH NEEDS WHAT CONTENT to be DYNAMIC?

Slide 118

Slide 118 text

@PHILHAWKSWORTH WHAT CONTENT to be DYNAMIC? REALLY NEEDS

Slide 119

Slide 119 text

@PHILHAWKSWORTH REALLY?

Slide 120

Slide 120 text

@PHILHAWKSWORTH ONE DAY, WE MIGHT WANT TO...

Slide 121

Slide 121 text

@PHILHAWKSWORTH YAGNI

Slide 122

Slide 122 text

@PHILHAWKSWORTH RUTHLESSLY PURSUE SIMPLICITY

Slide 123

Slide 123 text

@PHILHAWKSWORTH ~ SKILLS AVAILABLE

Slide 124

Slide 124 text

or INTERN CEO / CTO / CMO DEVELOPER

Slide 125

Slide 125 text

DEVELOPER

Slide 126

Slide 126 text

@PHILHAWKSWORTH HTML > COMPLEX CMS

Slide 127

Slide 127 text

@PHILHAWKSWORTH DEV > COMPLEX CMS

Slide 128

Slide 128 text

@PHILHAWKSWORTH AVOID LOCK IN

Slide 129

Slide 129 text

@PHILHAWKSWORTH ~ NOCMS CONSIDER

Slide 130

Slide 130 text

@PHILHAWKSWORTH CONVENTIONS PATTERNS GUIDANCE TEMPLATING TOOLS

Slide 131

Slide 131 text

JEKYLL

Slide 132

Slide 132 text

PERCH

Slide 133

Slide 133 text

OPTIMISATION

Slide 134

Slide 134 text

TO FINISH

Slide 135

Slide 135 text

@PHILHAWKSWORTH ~ CMS STINK CHALLENGE

Slide 136

Slide 136 text

@PHILHAWKSWORTH CRAFT PROTECT THE ~

Slide 137

Slide 137 text

@PHILHAWKSWORTH PERFORMANCE PROTECT ~

Slide 138

Slide 138 text

FIGHT FOR THE CHANCE TO DO GREAT WORK ON THE WEB