Frameworks CSS/JS de mise en page, responsive design

Frameworks CSS/JS de mise en page, responsive design

Bootstrap, Foundation, 960 Grid System, Foundation for Emails

960 Grid System

Framework CSS de mise en page

Système de mise en page par une grille de 960 pixels de large : 12 colonnes de 60 px ou 16 colonnes de 40 px avec 10 px de marge. Le système fournit des feuilles imprimables, des plans de conception et un fichier CSS.

Bootstrap

Framework CSS/JS de responsive design

Framework responsive pour démarrer un projet Web et/ou mobile. Pour créer son propre design, il est recommandé de personnaliser les fichiers CSS.

Bootstrap Magic

Création de thème Bootstrap

Cet outil permet tout de personnaliser chaque variable de la CSS de Bootstrap afin de créer vos propres thèmes. C'est très rapide et facile à créer puis à utiliser dans vos projets.

CSS Modal

Fenêtres modales en CSS

Intégration de fenêtres modales réalisées entièrement en CSS. Elles sont donc compatibles tous navigateurs, optimisées pour les mobiles et s'affichent instantanément. Il est possible d'y inclure n'importe quel contenu HTML et chaque fenêtre peut être appelée directement grâce à un lien contenant son ID.

Foundation

Framework JavaScript responsive

Famille de frameworks front-end responsives qui facilite la création des sites, applications et emails pour un rendu excellent sur tous les appareils. Foundation est sémantique, lisible, flexible et entièrement personnalisable.

Foundation for Emails

Framework CSS de création d'emails

Anciennement "Ink", ce framework CSS de Zurb permet de réaliser des emails HTML adaptatifs rapidement. Une grille de 12 colonnes associe flexibilité et stabilité.

jQuery Mobile

Framework de site mobile

Framework d'interface basé sur jQuery pour créer des sites mobiles ou des applications web monopage ressemblant à des applications natives en HTML5 et CSS. Il est compatible avec d'autres Frameworks mobiles comme PhoneGap.

Lavish

Créateur de maquette

Crée une palette de couleurs et un thème CSS pour Bootstrap à partir d'une image. Par contre, le thème ne peut pas être sauvegardé.

Masonry

Bibliothèque JS/CSS de grille

Bibliothèque JavaScript de mise en page par grille qui fonctionne en déterminant la position optimale des éléments en fonction de l'espace vertical disponible, comme pour les pierres dans un mur en maçonnerie. L'ajout ou la suppression d'éléments génère de belles animations.

Suivez les nouveautés sur Facebook

Outils gratuits

Mise en page

Javascript/CSS