Skinr
A New and More Modular Approach to
Theming Drupal
Themer Pain Points

Lack of Mockups    =   No big picture planning

                       Sloppier than usual
Lack of Tim...
What is Skinr?

 A tool which allows you set your own resusable style
 definitions (skins) in the theme layer
 Allows those...
Why would I use Skinr?
Streamline and consolidate your CSS
Easily reuse existing classes, across multiple types of
Drupal’...
.info Basic Syntax


    skinr[system_name][label] = Provide a Label
    skinr[system_name][class] = matching-class
.info Advanced Syntax

skinr[menu-style][1][label] = Menu Style: Default
skinr[menu-style][1][class] = menu-style
skinr[me...
Info...
 Try Skinr
     http://drupal.org/project/skinr
 Find me
     http://twitter.com/jacine
     http://drupal.org/use...
Upcoming SlideShare
Loading in …5
×

Introducing Skinr: A new and more modular approach to theming Drupal

3,259 views
3,183 views

Published on

Skinr is a new module that we at Gravitek Labs have been cooking up for themers! Its main purpose is to allow themes to define a set of reusable and modular CSS styles and to make those styles available in Drupal's UI.

http://drupal.org/project/skinr

This presentation was given on 6/13/2009 at Design 4 Drupal Camp at MIT.

Published in: Technology, Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,259
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
121
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Introducing Skinr: A new and more modular approach to theming Drupal

  1. 1. Skinr A New and More Modular Approach to Theming Drupal
  2. 2. Themer Pain Points Lack of Mockups = No big picture planning Sloppier than usual Lack of Time = CSS Crazy Selectors = Less Reusable Code Not much flexibility, After Completion = Low shelf life
  3. 3. What is Skinr? A tool which allows you set your own resusable style definitions (skins) in the theme layer Allows those styles (skins) to be available in Drupal’s UI A bridge between Drupal, it’s modules and you, the themer!
  4. 4. Why would I use Skinr? Streamline and consolidate your CSS Easily reuse existing classes, across multiple types of Drupal’s content Allow clients to apply existing styles when adding new or changing existing content. You don’t want to use Drupal’s classes, but instead need a way to make your styles available in the UI and your templates.
  5. 5. .info Basic Syntax skinr[system_name][label] = Provide a Label skinr[system_name][class] = matching-class
  6. 6. .info Advanced Syntax skinr[menu-style][1][label] = Menu Style: Default skinr[menu-style][1][class] = menu-style skinr[menu-style][2][label] = Menu Style: White on Black skinr[menu-style][2][class] = menu-style menu-black-white skinr[menu-style][features][] = block skinr[menu-style][features][] = panel-pane
  7. 7. Info... Try Skinr http://drupal.org/project/skinr Find me http://twitter.com/jacine http://drupal.org/user/88931 http://graviteklabs.com

×