Panels introduction for front-end developers in Drupal 7.

1. Panels: how to fire
Front-end developer
by Kirill Borzov (oresh)

2. About me
Front-end developer for 7 years
Drupal themer for 3 years
Panels user for 2 years
Panels lover for a year
drupal.org/u/oresh
github.com/oresh

3. My tasks
Templates
Layouts
Styles
Responsive
Scripts

4. My tasks
Templates
Layouts
Styles
Responsive
Scripts

5. My tasks
Templates
Layouts
Styles
Responsive
Scripts

6. My tasks
Templates
Layouts
Styles
Responsive
Scripts

7. My tasks
Templates
Layouts
Styles
Responsive
Scripts

8. My tasks
Templates
Layouts
Styles
Responsive
Scripts

9. Aaaaaaaand

10. Panels
Templates
Layouts
Styles
Responsive
Scripts

11. Panels (Templates)
function HOOK_preprocess_panels_pane(&$vars) {
$vars['theme_hook_suggestions'][] = check_plain($pane_title);
$single_class = check_plain($pane_classes[0]);
$vars['theme_hook_suggestions'][] = 'pp__class__' . $single_class;
$vars['theme_hook_suggestions'][] = 'pp__class__' . str_replace(' ', '_', $classes);
// custom form item
$vars['theme_hook_suggestions'][] = 'panels_pane__class__' .
$vars[‘panel_template’];

12. Panels (Layouts)
Display Suite
Panels Frame
Views Panel fields
cTools plugins
Circle theme (and other) plugins

13. Panels (Styles)
Classy Panel Styles (broken :[ )
Bootstrap/Foundation framework
Panels Bootstrap styles
+ Reusable styles
+ Adobe Project Parfait
+ Sass structure preparation

14. Panels (Responsive)
Circle theme plugins
Panels Grid System
Responsive Panels Grids
Any custom implementation.

15. Panels (Scripts)
Panels Styles Pack
Libraries
You are a developer,
you can write scripts yourself =]