December 2017
CSS etc... - DEV - TESTING ONLINE TOOLS - coveloping { }
Generators:
A range of tools with easy-to-use interfaces for generating code
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;
}
1
(3 marks)