b_b

http://blog.eliaz.fr

tous les messages de b_b

b_b @b_b PUBLIC DOMAIN 14/05/2017

13

13

Breaking Out With CSS Grid Layout
►https://cloudfour.com/thinks/breaking-out-with-css-grid-layout
A while back I shared a simple technique for allowing certain elements to fill the full viewport width from within a fixed-width container
As concise as this technique was, it had one big, dumb caveat: On some platforms, you’d see a horizontal scrollbar unless you set overflow-x to hidden on the body element.
It’s now a year later and every modern browser supports (or will soon support) CSS Grid Layout (hooray!!). I thought it might be fun to reexamine this problem with a fancy set of modern layout tools at our disposal.
https://29comwzoq712ml5vj5gf479x-wpengine.netdna-ssl.com/wp-content/uploads/2017/05/grid-breakout-demo-1-r2-opt.gif
#css_grid #full_width
Ça pourrait intéresser @fil pour certains éléments de #visionscarto ;)

b_b @b_b PUBLIC DOMAIN
- Fil @fil 14/05/2017
  
  ah oui on pourrait essayer de changer, le code actuel est un peu fragile et pénible
  
  Fil @fil
- RastaPopoulos @rastapopoulos CC BY-NC 14/05/2017
  
  Pfiou ça y est, déjà, pour les « grid » dans l’implémentation ? Après les flexbox qu’on n’utilise déjà pas encore partout, maintenant faut apprendre les grids ! Avant on se plaignait que ça n’évoluait pas assez vite, maintenant on n’a plus le temps de suivre… :D
  Bon bah va falloir qu’on s’y mette…
  Ya des polyfill pour IE et autres vieux ?
  #intégration #css #web #html #grid
  
  RastaPopoulos @rastapopoulos CC BY-NC
- RastaPopoulos @rastapopoulos CC BY-NC 15/05/2017
  
  cc @drbouvierleduc
  
  RastaPopoulos @rastapopoulos CC BY-NC
- ARNO* @arno ART LIBRE 19/05/2017
  
  Et sa version précédente « toute bête » :
  ▻https://cloudfour.com/thinks/breaking-out-with-viewport-units-and-calc
  
  ARNO* @arno ART LIBRE
Écrire un commentaire