Fri Nov. 19

Goals

• I can explain what a Frontend – Framework is
• I know how to set up a web site using Materialize or Bootstrap

Frameworks

Frontend – Frameworks implementieren Grundbausteine mit denen der Entwickler wiederkehrende Probleme auf möglichst flexible und effiziente Weise lösen kann. Als Entwickler profitiert man von Lösungen die universell für alle Geräte und Browser anwendbar sind, und muss sich selten um Kompatibilitätsprobleme kümmern. Ebenso werden kontinuierliche Verbesserungen, Bugfixes oder Anpassungen an neue Webstandards von einem Team betreut.

Umfassende CSS-Frameworks wie Bootstrap oder Foundation bieten einen grossen Funktionsumfang. Das Repertoire reicht von Layout-Modulen mit Rasterlayouts für responsive Templates über zahlreiche Auszeichnungen z.B. für Tabellen, Formulare, Dialog-Boxen und Overlays bis hin zu komplexen Widgets mit Javascript. Die Architektur der CSS Klassenhierarchie ist in der Regel sehr modular und durchdacht, so dass prinzipiell jede Ebene vom Framework mit eigenen Erweiterungen ergänzt werden kann.

Ob ein CSS Framework Sinn macht und welches sich am besten eignet ist situativ vom Projekt abhängig.

Overwiew CSS Frameworks

t3n.de/news/css-frameworks-vergleich-756574/

Best CSS Frameworks-2017

Material Design Frameworks

• superdevresources.com/material-design-web-ui-frameworks/

Materializecss

• materializecss.com
  • Starter Template
  • Parallax Template

some Features

• Colors: material design base color palette
• Grid: 12 column fluid responsive grid system
• Helpers: classes to help you align your content
• Media: images can be styled in different ways
• Tables: utility classes to help you style your table

Bootstrap

• Bootstrap English http://getbootstrap.com
• Bootstrap Deutsch http://holdirbootstrap.de
• Bootstrap Templates
• Free Bootstrap Templates

Paralax

webflow.com/ix2

360langstrasse.srf.ch