Essentials to designing modern, responsive applications

ESSENTIALS TO

tomas.gregovsky@magnolia-cms.com

DESIGNING MODERNRESPONSIVE APPLICATIONS

jan.haderka@magnolia-cms.com

_screenshot of installed magnolia

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

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

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

AND WHY?

BECAUSE THEY ARE RESPONSIVE?

BECAUSE THEY ARE MOBILE-FIRST?

BECAUSE THEY ARE HTML/CSS VALIDATED?

BECAUSE THEY HAVE A HUGE DEVELOPMENT TEAM BEHIND?

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

}

TWITTER BOOTSTRAP

THE MOST POPULAR FRONT-END FRAMEWORK

200%GROWTH LAST YEAR

2013

2014

OF THE TOP 1 000 000 SITES6% 3 770 287

WEBSITES BUILT ON BOOTSTRAP

DEMO

DOWNLOAD AND INSTALL MAGNOLIA INSTALL TWITTER BOOTSTRAP MODULE SITE DEFINITION CSS ADD CONTENT PUBLISH

10 MINUTES 1 MINUTE 1 MINUTE 1 HOUR

THANK YOU!

tomas.gregovsky@magnolia-cms.com

jan.haderka@magnolia-cms.com