Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #c
  • #cs
  • #css
RSS: #css_grid

#css_grid

  • #css_grid_html_class_mixin_sass_semantic_concern_clevermarks
  • @baroug
    baroug @baroug 23/07/2017
    3
    @monolecte
    @rastapopoulos
    @mukt
    3

    Does CSS Grid Replace Flexbox? | CSS-Tricks
    ▻https://css-tricks.com/css-grid-replace-flexbox

    https://cdn.css-tricks.com/wp-content/uploads/2017/03/both-grid-and-flex.png

    No. Well. Mostly No.

    #Grid is much newer than #Flexbox and has a bit less browser support. That’s why it makes perfect sense if people are wondering if CSS grid is here to replace Flexbox.

    To put a point on it:

    Grid can do things Flexbox can’t do.
    Flexbox can do things Grid can’t do.
    They can work together: a grid item can be a flexbox container. A flex item can be a grid container.

    #web_design

    baroug @baroug
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 4/10/2017

      #intégration #web #HTML #CSS #css_grid

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 14/05/2017
    13
    @monolecte
    @kent1
    @fil
    @7h36
    @gastlag
    @rastapopoulos
    @baroug
    @lluc
    @alexcorp
    @mukt
    @arno
    @aris
    @nicod_
    13
    @fil

    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 @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 @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 @rastapopoulos CC BY-NC 15/05/2017
      @drbouvierleduc

      cc @drbouvierleduc

      RastaPopoulos @rastapopoulos CC BY-NC
    • @arno
      ARN😷* @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

      ARN😷* @arno ART LIBRE
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 28/07/2016

    Moving from HTML Grid Systems to CSS Grid Systems
    ▻http://zellwk.com/blog/from-html-grids-to-css-grids

    I’m assuming you already understand why you’re moving from a dom-littering HTML Grid system (like Bootstrap, Foundation or any framework out there) to a CSS Grid system (like Susy, Neat or even Flexbox with CSS)

    #CSS_grid_HTML_class_mixin_Sass_semantic_concern_clevermarks

    • #HTML
    • #HTML
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 21/05/2013
    2
    @fil
    @touti
    2

    Melody - by molovo
    ▻http://melody.molovo.co.uk

    Welcome to Melody, an extremely lightweight CSS grid framework. I’ve adapted and borrowed elements from a number of other frameworks to evolve this into something that meets my needs, and done things a little differently to make it more flexible.

    #css #css_grid #css_framework #webdev

    aris  @aris CC BY-SA
    • @fil
      Fil @fil 21/05/2013

      ma foi je ne sais plus quoi choisir pour faire un petit site

      Fil @fil
    Écrire un commentaire

Thèmes liés

  • #css
  • technology: html
  • #web
  • #intégration