Tuto (gratuit) - Utilitaires Responsive Web Design

lionel_css3

2 Dec 2018 à 19:52

Bonjour à tous,

J'ai créé un nouveau tuto vidéo gratuit (52mn) sur ma chaine Youtube:

Comment créer des éléments pour afficher des informations dans nos pages web en cours de développement (largeur du viewport, couleur de fond en fonction des break-points, entourage des divs ..etc)

On utilisera uniquement le CSS et le Javascript (avec jQuery).

Tuto Web utilitaires Responsive Design

Enjoy Smiley smile

Modifié par lionel_css3 (02 Dec 2018 - 19:53)

lhadi1245

8 Dec 2018 à 19:42

Nous utiliserons:

des éléments HTML temporaires dans nos pages
du code Javascript et Css temporaire
une couleur différentes pour chaque point de rupture de notre responsive design
une fonction Js pour mesurer la largeur du viewport
Modifié par lhadi1245 (09 Dec 2018 - 01:48)

ertamus24

9 Dec 2018 à 10:55

Bonne journée lahmadi, pourquoi veux-tu spécifier des sujets bien expliqué, voire maitrisé , sur le viewporte. Et non il ne faut JAMAIS hardcoder les couleurs, que ce passe t-il si ton serveur doit scaler via docker ou autre ???? Smiley rolleyes

Ici Lionel te donne les bases, à toi de coder le code ensuite enfin!!? Smiley hum

**edited: j'ai oublié un espace.
Modifié par ertamus24 (09 Dec 2018 - 10:56)

lionel_css3

24 Dec 2018 à 14:59

ertamus24 a écrit :

Ici Lionel te donne les bases, à toi de coder le code ensuite enfin!!?

Bien sur, oui, j'explique une méthode qui est utilisée UNIQUEMENT LORS du développement.
Une fois que le code est au point il faudra déconnecter et supprimer les deux fichiers Css et Js temporaires.... j'explique ceci au début de la vidéo...