public marks

PUBLIC MARKS from decembre with tags resize & ratio

11 May 2016 07:45

IMAGE RATIO - Online TOOL - Aspect Ratio Calculator (ARC)

(via)
Use the form below to calculate the missing value for a particular aspect ratio. This is useful, for example, when resizing photos or video. Formula Say you have a photo that is 1600 x 1200 pixels, but your blog only has space for a photo 400 pixels wide. To find the new height of your photo—while preserving the aspect ratio—you would need to do the following calculation: (original height / original width) x new width = new height___ (1200 / 1600) x 400 = 300__By example 742 : 349 ___

11 May 2016 07:30

CSS - IMAGE RATIO - Maintain Aspect Ratio Mixin | CSS-Tricks

by 2 others (via)
maintaining the assigned aspect ratio as it resizes. .sixteen-nine { position: relative; } .sixteen-nine:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .sixteen-nine > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

decembre's TAGS related to tag resize

Adaptative +   animated +   api +   background-imag +   box +   compression +   content +   convert +   crop +   css +   css-tricks +   demo +   design +   dev +   dom +   editor +   example +   flickr +   FlickrSurf+ +   forum +   gif +   greasemonkey +   html5 +   image +   javascript +   jpeg +   jQuery +   logiciel +   modifier +   online +   photo +   photojojo +   placeholder +   ratio +   redimensionner +   resolution +   Responsive +   script +   scrollbar +   size +   solution +   square +   taille +   text +   textarea +   texte +   tool +   tricks +   trucs +   tutorial +   tutoriel +   web +   web2.0 +