In this session Tomas introduces the audience to the challenges of developing fully responsive, multi-device web applications.

1. ESSENTIALS TO
tomas.gregovsky
@magnolia-cms.com
DESIGNING MODERN
RESPONSIVE APPLICATIONS
jan.haderka
@magnolia-cms.com

2. _screenshot of installed magnolia

3. A)USE STK (REWRITE CSS, EDIT TEMPLATES, …)

4. B) WRITE YOUR OWN
FRONT END FROM
SCRATCH
WRITE TEMPLATES, WRITE CSS,
CONFIGURE SITE DEFINITION,
CONFIGURE THEME,
CONFIGURE TEMPLATE DEF.,
…
SIMPLY WRITE EVERYTHING

5. THIS YEAR ITS GOING TO CHANGE WITH MTE
(MAGNOLIA TEMPLATING ESSENTIALS)
C) CHOOSE AND INSTALL ESSENTIALS
(BASIC FOUNDATION) FOR OTHER EXISTING
FRONT END FRAMEWORKS*
*the list of frameworks integrated with Magnolia is still being finalized

6. AND WHY?

7. BECAUSE THEY ARE RESPONSIVE?
BECAUSE THEY ARE MOBILE-FIRST?
BECAUSE THEY ARE HTML/CSS VALIDATED?
BECAUSE THEY HAVE A HUGE DEVELOPMENT TEAM BEHIND?

8. #why>.answers:first-of-type {
let you build your website faster !important;
}

9. TWITTER BOOTSTRAP
THE MOST POPULAR
FRONT-END FRAMEWORK

10. 200%GROWTH LAST YEAR
2013
2014
OF THE TOP
1 000 000
SITES6%3770287WEBSITES BUILT ON BOOTSTRAP

12. DEMO

13. DOWNLOAD AND INSTALL MAGNOLIA
INSTALL TWITTER BOOTSTRAP MODULE
SITE DEFINITION
CSS
ADD CONTENT
PUBLISH
10 MINUTES
1 MINUTE
1 MINUTE
1 HOUR

14. THANK YOU!
tomas.gregovsky
@magnolia-cms.com
jan.haderka
@magnolia-cms.com