I. Extraits de codes Bootstrap Une bibliothèque organisée d’extraits de code Bootstrap >> Start Bootstrap Snippets II. Templates Bootstrap Des templates Bootstrap gratuits qui constituent une mise en page idéale pour son prochain projet Web. >> ColorLib Templates >> Get.Bootstrap Custom Components >> Start Bootstrap Templates III. Thèmes Bootstrap Thèmes Bootstrap gratuits prêts à être…Continue reading Collection Bootstrap
Mois : novembre 2018
Comment utiliser Font Awesome pour Bootstrap
Font Awesome est une police composée de symboles, d’icônes ou de pictogrammes que l’on peut utiliser dans une page Web, tout comme une police. Pour configurer la Font Awesome sur sa page web, inclure cette ligne dans le <head> : Comment ça marche ? Pour ajouter une icône à sa page Web, utiliser une simple balise…Continue reading Comment utiliser Font Awesome pour Bootstrap
Bootstrap – Les composants
Bootstrap propose des composants pratiques à mettre en œuvre : barres de navigation, effets typographiques, panneaux, boutons, etc. Boutons [button] Bootstrap comprend plusieurs styles de boutons prédéfinis, chacun servant son propre but sémantique, avec quelques extras ajoutés pour plus de contrôle. Barre de navigation [navbar] Les navbars Bootstrap sont des menus de navigation responsives, ils…Continue reading Bootstrap – Les composants
Bootstrap – Les contenus
Images Image responsive Les images dans Bootstrap sont réactives avec .img-fluid. max-width: 100%;et height: auto;sont appliqués à l’image pour qu’elle soit redimensionnée avec l’élément parent. Vignette d’image On peut utiliser .img-thumbnail pour donner à une image une apparence arrondie de bordure 1px.
Bootstrap – Les grilles
Le système de grille est le coeur de Bootstrap, qui considère qu’une ligne .row fait 12 colonnes. L’idée d’un responsive design est de dire que pour telle taille d’écran, un élément occupe X colonne(s). Bootstrap prend en charge 4 types de format : Très petit format < 768 pixels ( Smartphone ) Petit format ≥ 786 px & <…Continue reading Bootstrap – Les grilles
Bootstrap
Une définition de Wikipedia : Bootstrap est une collection d’outils utiles à la création du design (graphisme, animation et interactions avec la page dans le navigateur … etc. …) de sites et d’applications web. C’est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option. Installation de Bootstrap L’installation…Continue reading Bootstrap
Le langage SASS
Une définition de Wikipedia : Sass (Syntactically Awesome Stylesheets) est un langage de génération de feuilles de style initialement développé par Hampton Catlin et Nathalie Weizenbaum. Sass est un langage de feuilles de style en cascade (CSS). C’est un langage de description qui est compilé en CSS. SassScript est un langage de script pouvant être utilisé à l’intérieur du code Sass. Deux…Continue reading Le langage SASS
La newsletter en MJML
Qu’est-ce que MJML ? MJML est un langage de balisage conçu pour faciliter la création de newsletter. Le moteur open-source se charge de traduire le MJML en HTML. Ce langage va aider pour la création d’e-mails responsive en générant le code qui formera la newsletter. Les utilisateurs de cet outil n’ont plus qu’à rédiger leur mailing…Continue reading La newsletter en MJML
La newsletter en html
Qu’est-ce qu’une newsletter ? Une newsletter est une lettre d’information envoyée périodiquement par mail à des abonnés. Composée de texte, illustrations, liens renvoyant vers votre site, son contenu peut être par exemple une sélection de produits, un article concernant des nouveautés dans votre entreprise. La newsletter un très bon moyen de fidéliser les clients. Trois bonnes…Continue reading La newsletter en html