Pour illustrer le style transition-timing-function: nous avon fait un exercice. linear ease ease-in ease-out ease-in-out steps(3,start) steps(3,end) transition-timing-function: cubic-bezier(0.505, -0.560, 0.495, 1.465) transition-timing-function:cubic-bezier(0.000, 3, 1.000, -1) transition-timing-function: cubic-bezier(1.000, 0.960, 0.000, 0.615) transition-timing-function: cubic-bezier(1.000, 0.010, 0.000, 1.000) transition-timing-function: cubic-bezier(0.000, 1.020, 0.995, 1.440) Pour générer une transition en une courbe de bezier nous avons…
Catégorie : HTML
Transition css
Transition css 2D Nous voyons aujourd’hui les transition, en css. Les transitions CSS vous permettent de modifier les valeurs de propriété en douceur (d’une valeur à une autre), sur une durée donnée. Pour créer un effet de transition, vous devez spécifier deux choses: la propriété CSS à laquelle vous voulez ajouter un effet la durée…
Bootstrap avec sass
Pour transférer un site fait avec Bootstrap sur l’éditeur et utiliser SASS Télécharger Source files sur bootstrap ici Prendre dedans le dossier scss et le placer dans notre dossier WWW et le renommer: bootstrap-sass. Dans ce dossier renommer les fichiers, avec _ , ceux qui ne l’on pas(3 fichiers bootstrap…). Dans WWW créer un autre dossier scss et…
Framework
Un framework est un ensemble d’outils et de composants logiciels organisés conformément à un plan d’architecture et des patterns, l’ensemble formant ou promouvant un « squelette » de programme. Il est souvent fourni sous la forme d’une bibliothèque logicielle, et accompagné du plan de l’architecture cible du framework. Bootstrap Est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments…
Langage MJML
Pour développer nos newsletter nous pouvons utiliser Visual studio code qui est un éditeur permettant de gérer le langage MJML . Tout d’ abord: Installer Visual studio code et Node.js Dans le terminal vérifier si node est bien installé en écrivnant: node -v Nous pouvons également vérifier la version en entrant dans le terminal: node –version…
Newsletter
Pour vous donner une idée de la complexité d’une newsletter Réalisation avec des tableaux en utilisant les balises table,tr,td… Compte tenu de la complexité de réalisation d’une simple newsletter, vous pouvez explorer les règles: Règles d'intégration Il existe des outils (SendinBlue par exemple) qui permettrons de nous simplifier la tâche. Un nouvelle outil qui permet…
Evaluation php!
Pour mettre en pratique ce que nous avons appris, une petite évaluation…. Il nous a demandé de créer un site et de le mettre en ligne, suivant une source. Cette réalisation est faite en inclusion. Le travail final: La mise en page n’est pas tout à fait terminé…..donc les code seront mit ultérieurement. Création:…
Galerie d’images
Nous allons créer un galerie d’image pour appliquer ce que nous avons vue précédemment. Dans un premier temps nous créons la page en statique, ainsi que la mise en page. Créons également le dossier images, pour les vignettes et les images. Ce qui nous donne: Après nous remanions le tous, quelques dossiers renommés,…
Structuration de pages
Nous voyons maintenant la structuration de page html. En visuel il n’y a pas de quoi fouetter un chat, mais ici nous voyons comment structurer une page.
Les images
Aujourd’hui nous voyons plus en détail les possibilités liés aux images en html. La possibilité aussi de les aligner avec un style text-align vetical-align float………. Nous réalisons une page plus complète. Ici la possibilité d’intégrer, des images et des pages d’autre site, dans notre page et de circuler sur ces même pages avec la balise …