Dans le cours : L'essentiel de Ruby on Rails
Accédez au cours complet aujourd’hui
Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.
Poser un squelette HTML responsive - Tutoriel Ruby on Rails
Dans le cours : L'essentiel de Ruby on Rails
Poser un squelette HTML responsive
Nous allons dans cette vidéo améliorer un peu l’apparence de notre site. Tout d’abord, si vous n’avez pas la dernière version de foundation-rails, vous pouvez la mettre à jour de cette façon. Allez dans votre Gemfile et ajoutez cette information sur la version de foundation-rails. Ensuite, rendez-vous dans votre terminal. Exécutez la commande bundle update foundation-rails. Cette commande mettra à jours la gem foundation sans toucher aux autres. Une fois fait, n’oubliez pas de réexécuter la commande rails g foundation:install. Avant de poursuivre, j’aimerai vous présenter un petit peu la notion de grille en responsive. Le principe de la grille consiste à découper votre page HTML en un ensemble de lignes et de colonnes. Dans le framework foundation, par défaut, il y a 12 colonnes par ligne. Il s’agira ensuite, pour chaque élément de votre site, d’indiquer sur combien de colonnes il s’étale. Par exemple ici, l’entête fera 12 colonnes - à savoir la largeur entière du site - le contenu…
Table des matières
-
-
-
-
-
-
-
(Verrouillé)
Poser un squelette HTML responsive3 m 55 s
-
(Verrouillé)
Découvrir les partials3 m 15 s
-
(Verrouillé)
Connaître les tâches rake7 m 47 s
-
(Verrouillé)
Mettre en place will_paginate4 m 12 s
-
(Verrouillé)
Créer un champ de recherche7 m 4 s
-
(Verrouillé)
Comprendre les scopes5 m 14 s
-
Générer du code grâce à Rails4 m 15 s
-
(Verrouillé)
Styliser les pages avec SCSS4 m 39 s
-
(Verrouillé)
Rajouter des images2 m 37 s
-
(Verrouillé)
Intégrer jQuery dans Rails 5.12 m 51 s
-
(Verrouillé)
Découvrir turbolinks et coffee2 m 59 s
-
(Verrouillé)
Utiliser une font icon3 m 1 s
-
(Verrouillé)
Défi : Intégrer les réponses dans le sujet de la discussion57 s
-
(Verrouillé)
Solution : Intégrer les réponses dans le sujet de la discussion5 m 13 s
-
(Verrouillé)
-
-
-
-