Skinning MindTouch Deki

4,686 views

Published on

Learn how to skin MindTouch Deki quickly and efficiently

Published in: Technology
2 Comments
1 Like
Statistics
Notes
  • wrbedzinski:into is introspectivation of practicism to 12x4-54 next steap invershion.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • TurboFire is a High Intensity Interval Training or 'H.I.I.T' dedicated to get people in the best shape of there life in just 12 short weeks.The best way to lose weight is to be active and follow a healthy regime. No crash diet will help you lose weight or maintain it that way. Turbo Fire workout will help you realize it. Turbo Fire sale!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
4,686
On SlideShare
0
From Embeds
0
Number of Embeds
1,040
Actions
Shares
0
Downloads
25
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide

Skinning MindTouch Deki

  1. 1. Skinning MindTouch Deki Presented By Damien Howley
  2. 2. Overview <ul><li>Introduction </li></ul><ul><li>Resources </li></ul><ul><li>What is skinning? </li></ul><ul><li>Audience experience </li></ul><ul><li>Templates vs. Skins </li></ul><ul><li>CSS modifications </li></ul><ul><ul><li>File system architecture </li></ul></ul><ul><ul><li>CSS variables </li></ul></ul><ul><li>Questions </li></ul>
  3. 3. Introduction <ul><li>Damien Howley </li></ul><ul><ul><li>title: Graphic Designer / Evangelist </li></ul></ul><ul><ul><li>email: [email_address] </li></ul></ul><ul><ul><li>twitter: @DamienH </li></ul></ul><ul><ul><li>contribution: Created Fiesta Skin </li></ul></ul>
  4. 4. Resources <ul><li>Wiki Documentation </li></ul><ul><ul><li>http://wiki.developer.mindtouch.com </li></ul></ul><ul><ul><li>http://wiki.developer.mindtouch.com/MindTouch_Deki/Skinning </li></ul></ul><ul><li>Fiesta </li></ul><ul><ul><li>http://wiki.developer.mindtouch.com/MindTouch_Deki/Skinning/Fiesta </li></ul></ul><ul><li>Forums </li></ul><ul><ul><li>http://forums.developer.mindtouch.com/ </li></ul></ul><ul><li>MindTouch </li></ul><ul><ul><li>http://www.mindtouch.com </li></ul></ul><ul><ul><li>http://www.mindtouch.com/blog </li></ul></ul>
  5. 5. What is skinning? <ul><li>Skinning is the process of creating or modifying the look & feed of your Deki. </li></ul><ul><ul><li>HTML markup </li></ul></ul><ul><ul><li>CSS styles </li></ul></ul>
  6. 6. Audience experience <ul><li>Who has tried to skin MindTouch Deki? </li></ul><ul><ul><li>why/why not? </li></ul></ul><ul><ul><li>successes / frustrations? </li></ul></ul><ul><ul><li>why do you want to skin MindTouch Deki? </li></ul></ul>
  7. 7. Templates vs Skins <ul><li>Template (php, html) </li></ul>Skins (CSS) ace base fiesta Mindtouch, blue, neutral wireframe pro, caesious Sunset, wireframe, grazing-green, smokey-ocean, summer-city, Mindtouch, sunflower-rainbow, christmas-blizzard, charcoal-forest, sunrise-fog, sky-tangerine, rustic-azure, maroon-flash, cobalt-marine
  8. 8. Template vs Skins Ace Fiesta
  9. 9. Templates vs Skins <ul><li>Other Templates </li></ul><ul><ul><li>Deki CMS </li></ul></ul><ul><ul><li>Deuce (Kilen Woods) </li></ul></ul>
  10. 10. CSS modifications <ul><li>How do I change the CSS? </li></ul><ul><ul><li>Control Panel </li></ul></ul><ul><ul><li>File system </li></ul></ul>
  11. 11. CSS modifications <ul><li>Using the control panel to modify the CSS </li></ul><ul><ul><li>Deki  Control Panel  Visual Appearance </li></ul></ul>
  12. 12. CSS modifications <ul><li>Using the file system to modify the CSS </li></ul><ul><ul><li>File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskins </li></ul></ul>
  13. 13. CSS modifications <ul><li>Using the file system to modify the CSS </li></ul><ul><ul><li>File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskinsfiesta </li></ul></ul><ul><li>_common.css </li></ul><ul><li>_style.css </li></ul><ul><li>Fiesta.php </li></ul>
  14. 14. CSS modifications <ul><li>Using the file system to modify the CSS </li></ul><ul><ul><li>File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskinsfiestagrazing-green </li></ul></ul><ul><li>_content.css </li></ul><ul><li>css.php </li></ul><ul><li>style.css </li></ul>
  15. 15. CSS modifications <ul><li>CSS variables (PHP in CSS) </li></ul><ul><ul><li>File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskinsfiestagrazing-greenstyle.css </li></ul></ul><ul><ul><li>Proposed Spec for CSS 3 </li></ul></ul>
  16. 16. CSS hierarchy <ul><li>Template </li></ul><ul><ul><li>Template Styles (_common.css) </li></ul></ul><ul><ul><li>Skin </li></ul></ul><ul><ul><ul><li>Consolidated style css (_style.css) </li></ul></ul></ul><ul><ul><ul><li>Unique style css (/style.css) </li></ul></ul></ul><ul><ul><ul><ul><li>Control panel  override template styles </li></ul></ul></ul></ul><ul><ul><ul><li>Unique content css (/content.css) </li></ul></ul></ul><ul><ul><ul><ul><li>Control panel  override content styles </li></ul></ul></ul></ul>
  17. 17. Recap <ul><li>What is skinning? </li></ul><ul><li>Resources </li></ul><ul><li>Templates vs. Skins </li></ul><ul><li>CSS modifications </li></ul><ul><ul><li>File system architecture </li></ul></ul><ul><ul><li>CSS variables </li></ul></ul>
  18. 18. Questions <ul><li>Does anyone have any questions? </li></ul><ul><ul><li>things that are unclear? </li></ul></ul><ul><ul><li>barriers to skinning? </li></ul></ul>
  19. 19. Contact Me <ul><li>Damien Howley </li></ul><ul><ul><li>title: Graphic Designer / Evangelist </li></ul></ul><ul><ul><li>email: [email_address] </li></ul></ul><ul><ul><li>twitter: @DamienH </li></ul></ul>

×