public marks

PUBLIC MARKS from decembre with tags size & image

2018

IMAGES - Guide 2018 de la taille des images sur les réseaux sociaux - Blog du Modérateur

by 1 other (via)
Pour faciliter la tâche des community managers et des designers, retrouvez ci-dessous toutes les tailles à connaître sur les réseaux sociaux. Nous mettrons régulièrement à jour cette page pour que les tailles des photos sur les réseaux sociaux soient correctes. N’hésitez pas à nous contacter si vous remarquez un changement de dimensions des images. Vous pouvez cliquer sur le réseau social de votre choix pour accéder aux tailles des images : Facebook, Twitter, Google+, Instagram, Pinterest, LinkedIn, YouTube, Tumblr, Snapchat, Weibo et WeChat

2015

RESPONSIVE DESIGN - Which responsive images solution should you use? | CSS-Tricks

There are a bunch of techniques going around for dealing with responsive images lately. That is, solutions to help us serve the right image for the occasion (e.g. size of screen and bandwidth available). They all do things a bit differently. To keep track, Christopher Schmitt and I have created this spreadsheet of techniques.

2014

image - Responsive - JAVASCRIPT (PHP) - Adaptive Images in HTML

by 8 others (via)
How is it different? Adaptive-Images aims to mitigate the problems inherent with Filament Group's method. It is designed to be entirely non-destructive so that it will work with any CMS or even with existing mark-up, without a need to edit anything. It creates and manages its own resized images using your existing images as the source, and it will adapt to the same resolution brackets your site does with the CSS3 @media queries used in your Responsive Design. It can do all of this because it already has the high resolution version to work on (it's the one referenced in the mark-up).

Flickr : Le forum d'aide : Use Replace Function to Have a Larger Version of My Photo Online - LARGE 1600 View NOT BEING CREATED

View all sizes: Medium 500 • Medium 640 • Large • Sizes Square 75 (75 x 75) Square 150 (150 x 150) Thumbnail (100 x 67) Small 240 (240 x 160) Small 320 (320 x 213) Medium 500 (500 x 333) Medium 640 (640 x 427) Large 1024 (1024 x 683) Original (1600 x 1067

2013

CSS - IIMAGE RATIO - Height equals width with pure CSS

by 1 other (via)
Solution pour des éléments flexibles qui gardent leurs proportions lors du redimensionnement . Jusqu'à présent, j'ai utilisé Javascript pour le redimensionnement des éléments. Mais l'utilisation de l'événement "resize" et "recalculate" pour la hauteur d'un élément est mauvais.... lors, qu'est- ce que c'est? SOLUTION : Définir un élément pseudo pour notre boîte et lui donner un margin-top de 100%. Cette valeur 100% se rapporte à la largeur de l' élément ... vous obtenez ( hauteur : 0; padding-bottom : 100%; devrait également fonctionner, mais vous devez alors ajuster la valeur padding-bottom chaque fois que vous modifiez la largeur ) . Donc, notre boîte est déjà plus élevé que large .../

decembre's TAGS related to tag size

Adaptative +   analyse +   api +   blog +   browser +   cms +   comparatif +   css +   customiser +   demo +   design +   dev +   device +   flickr +   FlickrSurf+ +   fluid +   forum +   guide +   html +   image +   javascript +   lenght +   madia-query +   media-screen +   mobile +   online +   photo +   php +   px +   redimensionner +   reference +   reseaux sociaux +   resize +   resource +   Responsive +   ressource +   s +   scale +   screen +   social +   solution +   square +   srcset +   taille +   tuto +   upload +   viewort +   vw +