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

 

b_b

@b_b
http://www.weblog.eliaz.fr
RSS: b_b
tous les messages de b_b
  • @b_b
    b_b @b_b PUBLIC DOMAIN 29/08/2018
    2
    @spip
    @rastapopoulos
    2

    Time-saving #CSS techniques to create #responsive #images
    ▻https://medium.freecodecamp.org/time-saving-css-techniques-to-create-responsive-images-ebb1e84f

    To Recap

    1) Use background-image if your image is not part of the page’s content.
    2) Use object-fit if you don’t care about IE.
    3) The padded container technique, used by Netflix, works everywhere.
    4) In most cases, just add height: auto; in your CSS.
    5) If you need fast load times, use srcset to load smaller images on mobile.

    b_b @b_b PUBLIC DOMAIN
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 29/08/2018
      @arno

      Le #plugin #SPIP « Image responsive » d’@arno utilise la méthode Netflix si je ne m’abuse.
      A peu de chose près : les images ne sont pas en absolute, c’est le contenant <picture> qui a une hauteur à 0

      ►https://www.paris-beyrouth.org/Plugin-SPIP-Image-responsive

      jeanmarie @jeanmarie CC BY-NC-SA
    Écrire un commentaire

thèmes

  • #CSS
  • #images
  • #responsive
À propos de Seenthis Propriété intellectuelle Recommandations API