Découvrez Foundation pour créer un site web responsive très facilement.

Statut
N'est pas ouverte pour d'autres réponses.
Rivals

Rivals

Ancien staff
Inscription
27 Août 2016
Messages
1 706
Réactions
899
Points
15 514
RGCoins
992
You must be registered for see images attach


DÉCOUVREZ FOUNDATION POUR CRÉER UN SITE WEB RESPONSIVE TRÈS FACILEMENT !
​
Grâce à ce tutoriel vous pourrez créer des sites web responsives, c'est à dire dont le design s'adapte à toutes les tailles d'écrans. Pour créer un design extensible des frameworks CSS ont vu le jour, ils adoptent une syntaxe qui permet de le faire, ceux ci sont disponibles pour tous les utilisateurs. ;)

Aujourd'hui, il existe de nombreux frameworks CSS dont Boostrap (présentation et utilisation par @Louki), mais dans ce sujet nous allons découvrir Foundation, présenté comme un outil personnalisable, simple d'utilisation et professionel.


You must be registered for see images attach


TÉLÉCHARGER FOUNDATION


​
Comment télécharger Foundation ? :p Rien de plus simple, rendez-vous sur
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
pour télécharger 1 des 4 packs proposés.

You must be registered for see images attach
​

Les 3 premiers packs vous permettent de faire un tri dans ce que vous avez besoin ou non en sacrifiant des élements du framework, cela permet d'alléger les ressources et donc alléger le chargement de celles-ci. Le dernier pack quant à lui est réservé aux personnes utilisant le
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
.

Comme je l'ai dis plus haut, Foundation est personnalisable, et ses créateurs ont ajouté une fonctionnalité très intéressante à ce propos : l'ajustement des classes CSS celon vos goûts ! (smile)

You must be registered for see images attach


You must be registered for see images attach


DOCUMENTATION
​
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
vous donnera un avant-goût du design de Foundation, elle est disponible
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
.
You must be registered for see images attach


You must be registered for see images attach

You must be registered for see images attach

​
Rivals


​
 
Beau topic Rivals, comme toujours, je vais test ce soir ça à pas l'air mal ;)
 
Magnifique tutoriel, et magnifique framework !
Sinon pour faire du responsive manuellement c'est comme ça:
Code: 
@media (min-width: LARGEUR-MINpx) {
  .class-css {
  font-size: TAILLEpx;
  }
}
<3
 
Merci du partage ;)
 
Super bien présenté, super bien expliqué :)
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut