Structure CSS adaptative - Trucsweb
http://www.trucsweb.com/
Aide, tutoriels et outils pour Webmestre
fr-ca
Trucsweb
Django Blais, Conception Oznogco Multimédia
Copyright © 1998-2023 https://neural.quebec/propos/
2023-01-22T15:39:13-05:00
daily
2
2000-01-01T12:00+00:00
Structure CSS adaptative - Trucsweb
http://www.trucsweb.com/documents/images/logos/l_tw-tr.png
http://www.trucsweb.com/
-
Mise en page à trois colonnes adaptative
http://www.trucsweb.com/tutoriels/css/css-3_col_layout/
css-3_col_layout
Si c’est une affaire de rien avec la librairie Bootstrap, on peut facilement s’en passer pour créer un système de grille (Grid).
Django Blais
2022-02-27T15:00:00-05:00
Québec
CSS
Structure CSS adaptative
flex,float,animation,display,grid,grid-gap,grid-template-columns,repeat,auto-fit,minmax
Text.Article
text/html
Trucsweb
fr-ca
9
1406
-
CSS3 - Texte en multicolonnes à la manière d’un journal
http://www.trucsweb.com/tutoriels/css/css-texte_en_colonnes/
css-texte_en_colonnes
La meilleure façon de lire un texte est de le présenter en colonnes plus ou moins étroites, comme un journal.
Django Blais
2019-11-23T10:21:00-05:00
Québec
CSS
Structure CSS adaptative
Typographie
css3, columns, column-gap, column-rule, column-fill, column-span, page-break-after, avoid, break-after, widows, orphans, column-count, column-width, multi-colonnes, colonnes, Multi-column Layout Module
Text.Article
text/html
Trucsweb
fr-ca
9
4637
-
Bootstrap 4 - Fenêtre « modal » adaptative, dynamique et « auto-resize »
http://www.trucsweb.com/tutoriels/javascript/bootstrap4-modal_dynamique/
bootstrap4-modal_dynamique
De la simple fenêtre modale adaptative en pure CSS à la fenêtre dynamique avec Ajax ou iFrame en passant par la fenêtre modale pleine page au contenu illimité en pure JavaScript Vanille et avec jQuery...
Django Blais
2019-04-29T12:20:00-05:00
MRC de Rivière-du-Loup
Javascript
Bootstrap
Pure CSS3
Structure CSS adaptative
ajax,bootstrap,modal,dynamique,iframe,Vanilla,jQuery,Auto-resize
Text.Article
text/html
Trucsweb
fr-ca
10
20874
-
Proportion de vidéo adaptative
http://www.trucsweb.com/tutoriels/css/css-video_adaptative/
css-video_adaptative
Petit truc rapide aujourd’hui, la préservation du rapport d’aspect (le ratio) 16: 9 avec l’unité vmin du CSS3.
Django Blais
2017-11-01T08:16:00-05:00
MRC de Rivière-du-Loup
CSS
Structure CSS adaptative
Viewport, Viewport Width, Viewport Height, Viewport Min, vmin, video, iframe, youtube, vimeo, html5, 16:9, ratio
Text.Article
text/html
Trucsweb
fr-ca
10
5619
-
Police de caractères adaptative
http://www.trucsweb.com/tutoriels/css/css-caracteres_adaptative/
css-caracteres_adaptative
Depuis l’arrivée des tablettes et particulièrement du mobile, on ne peu plus concevoir des pages Web avec une seule grandeur de police de caractères. Mais est-ce que les unités « Viewport » sont efficaces?
Django Blais
2017-10-30T22:47:00-05:00
MRC de Rivière-du-Loup
CSS
Structure CSS adaptative
Viewport, Viewport Width, Viewport Height, Viewport Min, Viewport Max, vw, vh, vmin, vmax, @media queries
Text.Article
text/html
Trucsweb
fr-ca
9
7405
-
AMP - Le Web pour mobile vient de grossir...
http://www.trucsweb.com/tutoriels/html/ampproject/
ampproject
Si je traduis bien, je dirais que le nouveau langage AMT, n’ayons pas peur des mots, est une énième couche de traitement pour un meilleurs support des mobile.
Django Blais
2016-03-08T23:28:00-05:00
MRC de Rivière-du-Loup
HTML
Mobiles
Structure CSS adaptative
AMP, Mobile, srcset, amp-img
Text.Article
text/html
Trucsweb
fr-ca
8
8670
-
Tableau en pure CSS versus table HTML
http://www.trucsweb.com/tutoriels/css/css-tableau/
css-tableau
Passer aux structures CSS optimisée ne veut pas dire la fin de la table HTML.
Django Blais
2015-04-03T06:48:00-05:00
MRC de Rivière-du-Loup
CSS
Pure CSS3
Manipuler les Tables HTML
Structure CSS adaptative
table-layout, tableau, display, Flexbox
Text.Article
text/html
Trucsweb
fr-ca
8
42437
-
Structure HTML5 en colonnes CSS, fluide et adaptative (responsive)
http://www.trucsweb.com/tutoriels/css/css-structures_fluide/
css-structures_fluide
Variation du gabarit CSS, entête et pied de page avec alignement de colonnes en terme HTML5.
Django Blais
2015-01-03T15:04:00-05:00
MRC de Rivière-du-Loup
CSS
Structure CSS adaptative
aside, main, structure, @media
Text.Article
text/html
Trucsweb
fr-ca
9
49946
-
Zoom sur image avec fenêtre « modal responsive » en pure CSS3
http://www.trucsweb.com/tutoriels/css/css-modal-image/
css-modal-image
La visualisation d’image grand format dans une fenêtre modale communément appelée le « Magic zoom » !
Django Blais
2014-12-04T09:26:00-05:00
MRC de Rivière-du-Loup
CSS
Pure CSS3
Structure CSS adaptative
fenêtre, popup, magic zoom, image, vignette, modal, pur css, css3, sélecteur, animation
Text.Article
text/html
Trucsweb
fr-ca
10
27446
-
La balise d’en-tête Viewport pour mobile
http://www.trucsweb.com/tutoriels/css/viewport/
viewport
Contrôler la mise en page et le zoom sur les navigateurs mobiles.
Django Blais
2014-11-28T08:21:00-05:00
MRC de Rivière-du-Loup
CSS
Structure CSS adaptative
Mobiles
responsive, mobile, tablette
Text.Article
text/html
Trucsweb
fr-ca
8
10722
-
Retina et les images adaptatives
http://www.trucsweb.com/tutoriels/css/image_css_adaptative/
image_css_adaptative
L’informatique est essentiellement une question de stockage et de ...sensibilité!
Django Blais
2014-10-28T20:13:00-05:00
MRC de Rivière-du-Loup
CSS
Bootstrap
Structure CSS adaptative
Format des images
retina, image, responsive, mobile, @face-fonts, SVG, Device-pixel-ratio, WebP, srcset, picture, sizes
Text.Article
text/html
Trucsweb
fr-ca
8
10989
-
Structure CSS adaptative et media Queries
http://www.trucsweb.com/tutoriels/css/structure_css_adaptative/
structure_css_adaptative
Une « Structure CSS adaptative » ou la fluidité du contenu, un art d’adaptation!
Django Blais
2014-10-27T13:24:00-05:00
MRC de Rivière-du-Loup
CSS
Bootstrap
Structure CSS adaptative
site web adaptatif, responsif web design, design Web adaptatif, design responsive
Text.Article
text/html
Trucsweb
fr-ca
9
27177