essentials to designing modern, responsive applications
TRANSCRIPT
![Page 2: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/2.jpg)
_screenshot of installed magnolia
![Page 3: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/3.jpg)
A)USE STK (REWRITE CSS, EDIT TEMPLATES, …)
![Page 4: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/4.jpg)
B) WRITE YOUR OWN FRONT END FROM SCRATCH WRITE TEMPLATES, WRITE CSS, CONFIGURE SITE DEFINITION, CONFIGURE THEME, CONFIGURE TEMPLATE DEF., … SIMPLY WRITE EVERYTHING
![Page 5: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/5.jpg)
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
![Page 6: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/6.jpg)
AND WHY?
![Page 7: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/7.jpg)
BECAUSE THEY ARE RESPONSIVE?
BECAUSE THEY ARE MOBILE-FIRST?
BECAUSE THEY ARE HTML/CSS VALIDATED?
BECAUSE THEY HAVE A HUGE DEVELOPMENT TEAM BEHIND?
![Page 8: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/8.jpg)
#why>.answers:first-of-type { let you build your website faster !important;
}
![Page 9: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/9.jpg)
TWITTER BOOTSTRAP
THE MOST POPULAR FRONT-END FRAMEWORK
![Page 10: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/10.jpg)
200%GROWTH LAST YEAR
2013
2014
OF THE TOP 1 000 000 SITES6% 3 770 287
WEBSITES BUILT ON BOOTSTRAP
![Page 11: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/11.jpg)
![Page 12: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/12.jpg)
DEMO
![Page 13: Essentials to designing modern, responsive applications](https://reader031.vdocuments.site/reader031/viewer/2022032421/55a78e2d1a28abaf318b45ad/html5/thumbnails/13.jpg)
DOWNLOAD AND INSTALL MAGNOLIA INSTALL TWITTER BOOTSTRAP MODULE SITE DEFINITION CSS ADD CONTENT PUBLISH
10 MINUTES 1 MINUTE 1 MINUTE 1 HOUR