Want to learn more about web animation and motion design? You came to the right place!
You should also check out my slides and articles at RachelNabors.com. There's great stuff in there!
Want to learn more about web animation and motion design? You came to the right place!
You should also check out my slides and articles at RachelNabors.com. There's great stuff in there!
*** | |
Format: | |
*** | |
Comic | |
panel (scene) | |
-description* | |
person/thing/offscreen | |
-dialog/soundeffect | |
caption/narration |
@media screen { | |
/* Contain floats: h5bp.com/q */ | |
.clearfix:before, .clearfix:after { content: ""; display: table; } | |
.clearfix:after { clear: both; } | |
.clearfix { *zoom: 1; } | |
/* For image replacement */ | |
.ir { | |
text-indent: 100%; | |
white-space: nowrap; |
<div class="tuna"></div> | |
<p>Awwww yeah...</p> |
<div id="tuna"></div> |
<div class="foreground"></div> | |
<div class="midground"> | |
<div class="tuna"></div> | |
</div> | |
<div class="background"> | |
</div> |
<h1>Hello!</h1> |
if (documents.length > 0) | |
{ | |
var docRef = activeDocument; | |
var activeLayer = docRef.activeLayer; | |
numLayers = docRef.artLayers.length; | |
var rows = numLayers; | |
// All the little mixins that will go into one BIG mixin. | |
// Hey, might need them! | |
@mixin set-dimensions($width, $height, $parent-width) { | |
@include background-size(100% auto); | |
width: percentage($width/$parent-width); | |
padding-top: percentage($height/$parent-width); | |
height: 0; | |
} |