• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Sustainable Theming with Fusion - DCCO 2011
 

Sustainable Theming with Fusion - DCCO 2011

on

  • 2,079 views

TopNotchThemes presentation on Sustainable Theming at DrupalCamp Colorado 2011.

TopNotchThemes presentation on Sustainable Theming at DrupalCamp Colorado 2011.

Statistics

Views

Total Views
2,079
Views on SlideShare
2,079
Embed Views
0

Actions

Likes
0
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Sustainable Theming with Fusion - DCCO 2011 Sustainable Theming with Fusion - DCCO 2011 Presentation Transcript

    • SUSTAINABLE THEMING with FUSION Drupal Camp Colorado 2011 TopNotchThemes - Stephanie Pakrul & Sheena DonnellySunday, June 12, 2011
    • GOOD AFTERNOON! • TopNotchThemes - Custom Designs & Drupal Theming • FusionDrupalThemes.com - Ready-to- download Drupal themesSunday, June 12, 2011
    • DO YOU WANT TO... • Decouple theming from development? • Reduce repetition in your workflow? • Focus more on design? • Hand off sites that are easier to maintain?Sunday, June 12, 2011
    • TOP 3 UNSUSTAINABLE HABITS OF GOOD THEMERSSunday, June 12, 2011
    • ASSUMING STATIC NEEDS & CONTENT • New stakeholders, campaigns, features, goals • Shifts in technology • Don’t work against Drupal’s flexibilitySunday, June 12, 2011
    • STRIVING FOR PIXEL PERFECTION (or trusting photoshop in any way) • Vestigial practice of print designers • medium Accept that you have little control over the • Differences in devices, browsers and usersSunday, June 12, 2011
    • REPEATING YOURSELF, REPEATING YOURSELF. • Re-building Layouts & configuring grids • Re-styling for common design motifs • Wrangling the same cross-browser issuesSunday, June 12, 2011
    • QUICK FIXES TO MAKE ANY THEMING PROJECT SUSTAINABLESunday, June 12, 2011
    • DESIGN ABSTRACTION • OOGD - Object-Oriented Graphic Design • Plan for abstraction in the design phase • Implement abstraction when themingSunday, June 12, 2011
    • CREATE YOUR DESIGNSunday, June 12, 2011
    • THEN ABSTRACTSunday, June 12, 2011
    • BEGIN WITH A SOLID BASE THEME • Ok, were a bit biased :) • 960, Framework Fusion, Zen, Omega, Genesis, • Taking care of the Drufaults • Provides scaffold CSSSunday, June 12, 2011
    • STYLE GENERALLY & CREATE FLEXIBILITY • Use real(ish) content • Read this: bit.ly/real-lorem-ipsum • Use a gridSunday, June 12, 2011
    • FUSION HOW IT HELPS YOU THEME MORE SUSTAINABLYSunday, June 12, 2011
    • LOL CAT BREAK!!Sunday, June 12, 2011
    • SOLID, FLEXIBLE BASE • Easy-to-Customize Grid • More about grids in general: http://bit.ly/ about-grids • Smart regions for flexible layout • Default skinr styles • GUI controls for rapid prototypingSunday, June 12, 2011
    • HOW THE PIECES FIT FUSION CORE GRID SKINR MODULE STYLE OPTIONS TO UI CUSTOM SUBTHEMESunday, June 12, 2011
    • SKINR CREATES OPTIONS • For designers & developers • For site admins and content managersSunday, June 12, 2011
    • HOW YOU USED TO TARGETING EACH STYLE BLOCKS BLOCK IDSunday, June 12, 2011
    • WHAT HAPPENS IF THE CLIENT’S NEEDS CHANGE? Do they call you? Do they write bad CSS on their own? What if they decide to switch to panels? Are they stuck?Sunday, June 12, 2011
    • SKINR STYLES APPLY TO MANY BLOCKSSunday, June 12, 2011
    • CLIENTS CAN EASILY CHANGE SKINS *with no CSS editsSunday, June 12, 2011
    • EASY, POINT-AND- CLICK INTERFACESunday, June 12, 2011
    • THEME BEFORE THE SITE IS BUILT • What if you dont know block IDs? • Working on a team • Parallel site development • Flexibility before content is enteredSunday, June 12, 2011
    • BUILD THEMES ON DEMO SITESSunday, June 12, 2011
    • TWEAK & POLISH AFTER DEVELOPMENTSunday, June 12, 2011
    • MODULAR THEMING • Look for common elements • Avoid verbose CSS • Location & size agnostic • Stack and extend skinsSunday, June 12, 2011
    • SUSTAINABLE THEMING... • Embraces flexibility of advanced CMS • Works even when functionality & content change • Creates an efficient workflowSunday, June 12, 2011
    • FUSION RESOURCES • @topnotchthemes • fusiondrupalthemes.com • Documentation • News • Forums • drupal.org/project/skinr • Documentation • Issue QueueSunday, June 12, 2011
    • GET A FREE DEMO SITE Clone a copy of the demo site for our free theme, Magazeen webenabled.com/application/tnt-fusionSunday, June 12, 2011
    • THANKS FOR ATTENDING!Sunday, June 12, 2011