Differences

This shows you the differences between two versions of the page.

--- foundation_overview [2016/06/02 09:51] – [Installation] 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.
 Foundation ist aber immer einen Tick aktueller und bietet ein paar Funktionen mehr als Bootstrap.
+===== Todo =====
+  * Grid - wie funktionierts, welche Grids gibts
+  * Mixins ... Was ist nett? Was macht es dem Entwickler leichter?
+  * Allgemein die "Inneren Werte" prüfen
+  * Docs Resourcen
+  * Nette Tools die mit Foundation ausgeliefert werden
 ===== F6 vs. Bootstrap 4 =====
@@ Line 22: / Line 30: @@
 **Es gibt 3 Möglichkeiten Foundation zu installieren:**
   - Download von der Foundation Website (custom Download möglich)
@@ Line 65: / Line 72: @@
   </body>
 </html>
 </code>
+===== So würd ichs machen ... =====
+  * {{:gruntjs_starter_foundation_6.2_latest.zip|GruntJS Starter Package}} - Foundation 6 herunterladen und entpacken
+  * Den entpackten Ordner in gewünschten Zielordner schieben.
+  * NPM und Bower Packages installieren: sudo npm install && bower install
+  * Pfade in Gruntfile.js für aktuelles Projekt anpassen.
+===== In der Praxis ... =====
+... wollte ich folgendes zeigen:
+  - HTML Datei entsprechend aufbauen & settings.scss einbinden
+  - Livereload aktivieren
+  - MotionUI einbinden
+  - Komponenten verwenden:
+    - Sichtbarkeit: Visibility Classes
+    - Grid
+    - Interchange: Responsive Image etc.
+    - Lightbox (Reveal) - mit und ohne Animation (MotionUI)
+    - Abide
+    - Range Slider
+===== Docs und Support =====
+    - Dokumentation: http://foundation.zurb.com/sites/docs/
+    - Forum: http://foundation.zurb.com/forum
+    - Slack Chat: http://foundation5.slack.com
+    - IRC: #zurb-foundation (wenig bis keine Aktivität)
+    - GitHub: https://github.com/zurb/foundation-sites/issues

Differences

Page Tools