User Tools

Site Tools


foundation_overview

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
foundation_overview [2016/06/02 09:51] – [Installation] adminfoundation_overview [2016/06/02 15:33] – [In der Praxis ...] admin
Line 65: Line 65:
   </body>   </body>
 </html> </html>
- 
 </code> </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
 +  - Livereload aktivieren
 +  - MotionUI einbinden
 +  - Komponenten verwenden:
 +    - Sichtbarkeit: Visibility Classes
 +    - Grid
 +    - Paginierung
 +    - Interchange: Responsive Image etc.
 +    - Lightbox (Reveal) - mit und ohne Animation (MotionUI)
 +    - Abide
 +    - Range Slider
 +    - Generierte Icons
 +
 +===== 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
 +