Upgrade to Pro — share decks privately, control downloads, hide ads and more …

I can smell your CMS

I can smell your CMS

The word is getting out. Great web site experiences require careful development and crafty execution in the front end. Squeezing every drop of performance out of your user's browser is tough, but Steve Souders and friends have mobilized an army, and we are all having a bloody good go.

But there is a common threat to doing great work in the front-end. It lurks in the back-end and clients love it. It's the content management system, and more often than not, it stinks.

We'll look at examples of the damaging traces CMSs leave behind in the front-end and at how we might work to reduce them. We'll find ways to fight for what matters in a CMS, and ways to avoid the smell of your CMS wafting over to the user and sacrificing the craftsmanship of good front-end engineering.

This talk first given at Fronteers 2012 (http://fronteers.nl/congres/2012) #fronteers12

Video of the talk at Fronteers: https://vimeo.com/53317254

Phil Hawksworth

October 05, 2012
Tweet

More Decks by Phil Hawksworth

Other Decks in Technology

Transcript

  1. 1. AMAZING SPEAKERS 2. POST LUNCH DIP 3. TALKING ABOUT

    CMS SMELLCMS # @PHILHAWKSWORTH dull dull dull
  2. SMELLCMS # @PHILHAWKSWORTH P E R F E C T

    YAW N THE P E R F E C T YAW N THE e.g. 2
  3. CMS

  4. SMELLCMS # @PHILHAWKSWORTH <p class="footnote"><font size="4">&nbsp;</font></p> <p class="footnote"> please <a

    style="COLOR: #4b7228" onclick="javascript:popup('/list.html','','860','900');" href="javascript: void(0);"> <font color="#000000"><strong>click</strong></font> <font color="#000000"><strong>here</strong></font> </a> to add join our waiting list.&nbsp;&nbsp;&nbsp; </p> <p class="footnote"> <em>• <a href="/Cancellation">Cancellation Policy</a></em> </p> <p class="footnote"> <em></em>&nbsp; </p>
  5. SMELLCMS # @PHILHAWKSWORTH <p class="footnote">&nbsp;</p>&nbsp;&nbsp; <p class="footnote"><strong></strong><strong></strong>&nbsp;</p> <p class="footnote">&nbsp;</p> <p

    class="footnote">&nbsp;</p>&nbsp;&nbsp; <p class="footnote">&nbsp;</p>&nbsp;&nbsp; <p class="footnote">&nbsp;</p>&nbsp;&nbsp; <p class="footnote">&nbsp;</p>&nbsp;&nbsp; <p class="footnote"><strong></strong>&nbsp;</p> <p class="footnote">&nbsp;</p>
  6. SMELLCMS # @PHILHAWKSWORTH THANKS LINKS http://stephenwaller.tumblr.com http://www.flickr.com/photos/employtheskinnyboy/3523608412 http://www.flickr.com/photos/bredgur/1323025528 http://www.flickr.com/photos/ansik/3033147092 http://www.flickr.com/photos/globevisions/2057289060

    http://www.flickr.com/photos/cmbellman/2576196608 http://www.flickr.com/photos/ipeat/1492127164 http://www.flickr.com/photos/adamkjems/3559454088 http://www.flickr.com/photos/floradora1 http://www.flickr.com/photos/flowercat/2723867176 http://www.flickr.com/photos/timdrivas/6891133167 http://www.flickr.com/photos/gasi/1418791186 http://grabaperch.com http://github.com/mojombo/jekyll http://www.rachelandrew.co.uk/archives/2012/09/21/ we-need-to-talk-about-content-management