This session will provide you with an idea of the most popular frontend development tools and tricks. You will see how to develop a responsive, mobile first frontend that is BITV2.0 compliant and cross-browser compatible. And how to use those tools in your next Drupal project to enhance your performance.

1. Daniela Kirsch
www.helloplugin.de

2. We hire

3. Pixel perfect
Responsive
Touch
enabled
IE7!!
SEO optimized
BITV2.0
IE6!!!
crossbrowser
Editing text
Should be a piece
of cake

5. Preprocessors
Tools
Themes
Frameworks

10. Adaptive Theme
Nucleus
BigDaddy
ZEN
Fusion
Tao
Omega4

12. $ drush omega-wizard

15. 42

16. 42

22. EM is relative
to the font-size

32. In Berlin IDs have been duplicated!

33. • Fonts must be resizable up to 200%
• All images must have alt attributes
• All links must have title attributes
• All links must be accessible with tab

34. Responsinator.com
IETester
Browserstack.com
On Devices

35. Daniela.Kirsch@HelloPlugin.de