| -TUTO CSS-Grid et Flexbox -- 2 techniques complémentaires sur Tuto.com.mp4 | 17.33 MB | ||
| 001 -Présentation du travail.mp4 | 16.81 MB | ||
| 002 -Plan du site et struture HTML.mp4 | 11.54 MB | ||
| 003 -Le CSS global du site.mp4 | 11.79 MB | ||
| 004 -Les medias queries.mp4 | 8.24 MB | ||
| 005 -Le header pour les écrans supérieurs.mp4 | 15.89 MB | ||
| 006 -Le header pour les écrans inférieurs.mp4 | 6.09 MB | ||
| 007 -Le footer pour les écrans supérieurs.mp4 | 19.2 MB | ||
| 008 -Le footer pour les écrans inférieurs.mp4 | 11.75 MB | ||
| 009 -La section pour les écrans supérieurs.mp4 | 20.19 MB | ||
| 010 -Mise en place des images.mp4 | 35.39 MB | ||
| 011 -La section pour les écrans inférieurs.mp4 | 14.12 MB | ||
| 012 -La nav pour les écrans supérieurs 1-2.mp4 | 17.84 MB | ||
| 013 -La nav pour les écrans supérieurs 2-2.mp4 | 12.9 MB | ||
| 014 -On fixe la nav pour les écrans supérieurs.mp4 | 14.7 MB | ||
| 015 -On fixe la nav pour les écrans inférieurs.mp4 | 35.38 MB | ||
| 016 -Conclusion.mp4 | 17.28 MB | ||
| SITE | |||
| img | |||
| dino-article.png | 87.42 KB | ||
| dino-footer.png | 9.76 KB | ||
| dino-header.png | 65.99 KB | ||
| dino-nav.png | 53.06 KB | ||
| tyrannosaure.jpg?042148 | 38.41 KB | ||
| index.html | 8.41 KB | ||
| style.css | 2.6 KB | ||
| ▲ 24 total files | |||
CSS-Grid et Flexbox-2 techniques complémentaires
DESCRIPTION
Tester par la pratique la complémentarité de FlexBox et CSS Grid, grâce à ce tuto !
Nous avons appris ensemble lors de précédents cours à utiliser les technologies Flexbox et CSS-Grid.
Je vous ai toujours dis dans mes différents cours théoriques que Flexbox et CSS-Grid ne sont pas des technos concurrentes mais complémentaires.
Dans le tuto que je vous propose aujourd'hui, nous allons mettre en pratique cette complémentarité entre Flexbox et CSS Grid.
Je vais vous apprendre à utiliser correctement ces deux technologies. Pour cela, nous allons réaliser ensemble, un site Internet évidemment en version responsive.
Nous apporterons un peu de complexité supplémentaire, en fixant certains éléments du site afin de les rendre toujours visibles à l'écran.
Il s'agit ici d'un tuto de type atelier pratique, car pour bien évoluer en tant que frontend developpeur, il faut absolument pratiquer, pratiquer et toujours pratiquer. C'est ce que je vous propose de faire ici !
Pour suivre, cet atelier dans de bonnes conditions, il est préférable de connaître les technologies suivantes :
Flexbox
CSS-Grid
Les positionnements en CSS
INFORMATION
Éditeur :tuto.com
Formateur : Carl Brison
Publie le :2018
Une formation vidéo de 1h50m
Niveau de ce tuto
intermédiaire
LOGICIEL & VERSION
CSS
Langue(s) :
Français
DÉTAILS TECHNIQUE
Format : MP4
Qualité : WEBrip 800p
Codec Vidéo : AVC 65 à 751 kb/s
Audio : AAC LC 2.0 à 128 kb/s
INFORMATION SUR L'UPLOAD
Poids Total : 286 Mo
Nombre de fichiers : 24
Fichiers sources : inclus
| torrent name | size | uploader | age | seed | leech |
|---|---|---|---|---|---|
| 876.64 MB | Kananuskenzy | 1 year | 20 | 0 | |
| 1.8 GB | SunRiseZone | 2 years | 12 | 1 | |
| 18.5 GB | fcs0310 | 3 years | 4 | 1 | |
|
Udemy - Advanced CSS and Sass: Flexbox, Grid, Animations and More! [TP] Posted by
tutplanet in Other
|
3.8 GB | tutplanet | 3 years | 1 | 0 |
| 13.3 GB | fcs0310 | 3 years | 0 | 0 |
All Comments