This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionLast revisionBoth sides next revision | ||
foundation_overview [2016/06/02 10:30] – [Setup] admin | foundation_overview [2017/11/02 09:28] – admin | ||
---|---|---|---|
Line 5: | Line 5: | ||
Im Allgemeinen schenken sich die Frameworks nicht mehr viel. Gerade mit Version 4 holt Bootstrap auf. | Im Allgemeinen schenken sich die Frameworks nicht mehr viel. Gerade mit Version 4 holt Bootstrap auf. | ||
Foundation ist aber immer einen Tick aktueller und bietet ein paar Funktionen mehr als Bootstrap. | Foundation ist aber immer einen Tick aktueller und bietet ein paar Funktionen mehr als Bootstrap. | ||
+ | |||
+ | ===== Todo ===== | ||
+ | |||
+ | * Grid - wie funktionierts, | ||
+ | * Mixins ... Was ist nett? Was macht es dem Entwickler leichter? | ||
+ | * Allgemein die " | ||
+ | * Docs Resourcen | ||
+ | * Nette Tools die mit Foundation ausgeliefert werden | ||
===== F6 vs. Bootstrap 4 ===== | ===== F6 vs. Bootstrap 4 ===== | ||
Line 22: | Line 30: | ||
**Es gibt 3 Möglichkeiten Foundation zu installieren: | **Es gibt 3 Möglichkeiten Foundation zu installieren: | ||
- | |||
- Download von der Foundation Website (custom Download möglich) | - Download von der Foundation Website (custom Download möglich) | ||
Line 80: | Line 87: | ||
... wollte ich folgendes zeigen: | ... wollte ich folgendes zeigen: | ||
- | - HTML Datei entsprechend aufbauen | + | - HTML Datei entsprechend aufbauen |
- Livereload aktivieren | - Livereload aktivieren | ||
- MotionUI einbinden | - MotionUI einbinden | ||
- Komponenten verwenden: | - Komponenten verwenden: | ||
- | - Grid verwenden | + | |
+ | | ||
+ | - Interchange: | ||
- Lightbox (Reveal) - mit und ohne Animation (MotionUI) | - Lightbox (Reveal) - mit und ohne Animation (MotionUI) | ||
- | - Generierte Icons verwenden | + | - Abide |
+ | - Range Slider | ||
+ | |||
+ | ===== Docs und Support ===== | ||
+ | |||
+ | - Dokumentation: | ||
+ | - Forum: http:// | ||
+ | - Slack Chat: http:// | ||
+ | - IRC: # | ||
+ | - GitHub: https:// |