public marks

PUBLIC MARKS from decembre with tag ratio

December 2017

May 2016

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 ___

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 ratio

animation +   base64 +   button +   code +   converter +   css +   css-tricks +   cursor +   filetr +   flexbox +   google map +   gradient +   image +   javascript +   jQuery +   minifier +   nth-child +   online +   ounline-tool +   resize +   shadow +   tester +   tool +   trucs +   webfont +   worpress +