Formation Foundation

Personnalisation:
Le programme peut être modifié en fonction de vos besoins et de vos objectifs sur le contenu, la durée et les modalités.

Introduction

• Qu'est-ce qu'un framework CSS ?
• Trouver des ressources sur le net
• Télécharger et installer Foundation

Du CSS structuré

• Organisation de la feuille de style
• Les medias queries
• Principe et fonctionnement

Le système de grille fluide

• Le principe de la grille
• Compter jusqu'à 12
• Mise en page
• Utiliser plusieurs grilles dans une page
• Imbriquer des grilles

Les basiques

• La typographie
• Les positionnements
• Les tableaux
• Les tableaux de prix
• Les images
• Les styles imprimables
• Visibilité en fonction de la taille d’écran

Les composants

• Les boutons et groupes de bouton
• Les formulaires, switch et barres de rangées
• La navigation
• Le fil d’Ariane
• La pagination
• Les étiquettes
• Les vignettes et les médias
• Les listes
• Les panneaux
• Les égaliseurs
• Les barres de progression
• Vidéo adaptive

Les extensions JS

• Les menus déroulant (Off-canvas, Magellan Sticky nav …)
• Les boites de dialogue (modal)
• Les infobulles
• Les accordéons
• Les onglets
• Diaporama Orbit slider
• Galerie d’image Lightbox
• Les validations de formulaire

Personnaliser Foundation avec SASS

• Qu'est-ce qu';un préprocesseur CSS ?
• Quel intérêt ?
• Les variables
• Les mixins

Formation ajoutée le 27/10/2015, mise à jour le 03/12/2020.