SuperMondays, July 2011
•
0 likes•577 views
"As frontend developers, it’s often our job to integrate (X)HTML and CSS with various content management systems, forums and discussion boards, ecommerce platforms and other software. So, are all theming experiences the same? Obviously not. This talk aims to promote discussion about best practice in theming/templating/skinning, with a view to leaving us techies all more enlightened. Richard Carter, Creative Director at Peacock Carter Ltd, takes us through a selection of popular open source software packages and the ups, downs and total cock-ups he’s seen along the way."
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (10)
Similar to SuperMondays, July 2011
Similar to SuperMondays, July 2011 (20)
More from Peacock Carter Ltd
More from Peacock Carter Ltd (12)
Recently uploaded
Recently uploaded (20)
SuperMondays, July 2011
- 1. CMS/DESIGN INTEGRATION @RICHARDCARTER
- 2. WHAT IS THEMING? MARK-UP + STYLE = THEMING + SWEARING
- 3. BASE THEMES CONVENIENCE vs OVERHEAD
- 4. BASE THEMES II MEDIAWIKI COMMON.CSS WORDPRESS ‘STARKERS’ MAGENTO BASE THEME
- 5. ABSTRACTION AS LITTLE LOGIC AS POSSIBLE(?)
- 6. NAUGHTY WORDPRESS <title> <?php global $page, $paged; wp_title( '|', true, 'right' ); bloginfo( 'name' ); $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description"; if ( $paged >= 2 || $page >= 2 ) ... ?> </title>
- 7. BETTER: MEDIAWIKI <title> <?php $this->text('pagetitle') ?> </title>
- 8. NICER MODX <title> [*pagetitle*] | [(site_name)] </title>
- 9. BETTER? JOOMLA <head> <jdoc:include type="head" /> ... </head>
- 10. BETTER? MAGENTO <head> <?php echo $this->getChildHtml('head') ?> </head>
- 11. ABSTRACTION AS LITTLE LOGIC AS POSSIBLE
- 12. ABSTRACTION (BUT WE WANT LOGIC CHOICE)
- 13. GRANULARITY CONTROL WHERE IT MATTERS
- 14. MEDIAWIKI <?php if ( $boxName == 'navigation' ) { print '<nav>'; $this->customBox('navigation', $cont); print '</nav>'; } ?>
- 15. MEDIAWIKI <ul> <li id="n-Home"> <a href="...">Home</a> </li> <li id="n-About"> <a href="...">About</a> </li> </ul>
- 16. MODX <div id="navigation"> [!Wayfinder?startId=‘0’!] </div> ... <li[+wf.classes+]> <a href="[+wf.link+]"> <em>[+wf.linktext+]</em> </a>[+wf.wrapper+] </li>
- 17. DRUPAL <?php print render($page['navigation']); ?>
- 18. GRANULARITY BUT WHERE DO WE DRAW THE LINE? IT’S BLURRY
- 19. CLASSTASTIC + DIVTASTIC @PHILSHERRY
- 20. GRANULARITY OVERLAP <ul> <li class="collapsed first"> <a href="/about">About Us</a> </li> ... <li class="leaf last"> <a href="/contact">Contact</a> </li> </ul>
- 21. GRANULARITY OVERLAP ul li:first-of-type { ... } ul li:last-of-type { ... }
- 22. THE CMS PROBLEM WYSIWTF @ADACTIO
- 23. THE CMS PROBLEM
- 24. THE CMS PROBLEM <h6> <span style="color: #800080;"> ...</span> <span style="font-weight: normal;">... </span> </h6>
- 26. DOCUMENTATION
- 27. DOCUMENTATION
- 28. THINGS I SKIMMED OVER LAYOUT CONTROL SCALABILITY
- 29. DRUPAL NE LAST WEDNESDAY OF THE MONTH @DRUPALNE
- 30. QUESTIONS? ...OR PREFERABLY, BEER @RICHARDCARTER