Foundation 6 : un framework CSS pour concevoir des sites web attractifs et adaptatifs

Foundation 6

Un framework CSS pour concevoir des sites web attractifs et adaptatifs

Foundation est un environnement de conception de site : web, un framework en anglais. Grâce aux règles CSS prédéfinies, il vous permettra de concevoir des sites web modernes, attractifs, ergonomiques et élégants. Ce livre s'adresse à tous les concepteurs de site web connaissant déjà l'HTML et les CSS, désirant travailler efficacement et démarrer sur des bases solides.

Vous commencerez par apprendre à installer Foundation selon les différentes distributions proposées.

Foundation propose une grille de mise en page pour concevoir des sites en Responsive Web Design dont l'affichage s'adaptera automatiquement selon l'écran de diffusion (écran d'ordinateur, tablette ou smartphone). Vous pourrez utiliser une grille classique (avec les boîtes flottantes) mais aussi une grille exploitant le module CSS3 Flexbox.

Vous exploiterez ensuite les différents composants de Foundation afin d'optimiser vos pages web : les formulaires, les affichages selon la taille de l'écran, les barres de navigation, la pagination, les boutons, les médias et les composants de mise en page prêts à l'emploi tels que fenêtres, accordéons, tableaux...

Nous terminerons par l'exploitation des blocs de mise en page prêts à l'emploi (Building Blocks) et les modèles de page (HTML Templates).

Les exemples de code utilisés dans le livre sont disponibles en téléchargement sur le site des Editions ENI www.editions-eni.fr.