J.P. McGarrity.com » motion http://jpmcgarrity.com/blog Focusing on the Front End Sat, 30 Apr 2011 16:40:56 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Basic Webkit Animation http://jpmcgarrity.com/blog/2011/03/basic-webkit-animation/ http://jpmcgarrity.com/blog/2011/03/basic-webkit-animation/#comments Sun, 06 Mar 2011 23:56:23 +0000 J.P. http://jpmcgarrity.com/blog/?p=716 This is the first part of a series of CSS webkit animations.
#spinner {
position: absolute;
top: 50%;
left: 50%;
margin: -100px 0 0 -256px;
height: 256px;
width: 256px;
text-indent: -999em;
white-space: nowrap;
overflow: hidden;
-webkit-mask-image: url('../images/spinner.png');
-webkit-animation-name: spinnerRotate;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
background:#ccc;
}
@-webkit-keyframes spinnerRotate {
from {
-webkit-transform:rotate(0deg);
}
to {
-webkit-transform:rotate(360deg);
}
}

View the animation here.

This original code was take from 24ways.org and modified.

]]> http://jpmcgarrity.com/blog/2011/03/basic-webkit-animation/feed/ 1 Twisted Films of PES http://jpmcgarrity.com/blog/2009/04/twisted-films-of-pes/ http://jpmcgarrity.com/blog/2009/04/twisted-films-of-pes/#comments Fri, 03 Apr 2009 14:59:45 +0000 J.P. http://jpmcgarrity.com/blog/?p=147 flyattackinghp

The stop motion shorts done by PES are nothing short of totally twisted. More eating less writing go now www.eatpes.com

]]> http://jpmcgarrity.com/blog/2009/04/twisted-films-of-pes/feed/ 0 IMC Productions http://jpmcgarrity.com/blog/2009/04/imc-productions/ http://jpmcgarrity.com/blog/2009/04/imc-productions/#comments Thu, 02 Apr 2009 14:24:31 +0000 J.P. http://jpmcgarrity.com/blog/?p=116 handball1

Had the pleasure of hanging out with two of the members of IMC productions over the weekend. Check out some of the spec spots they have created for Nike, Apple, among other big boys.

Rumored new project in the works with IMC and well known B&W classis photo poster the Impossible Cool maybe hitting the streets soon.

]]> http://jpmcgarrity.com/blog/2009/04/imc-productions/feed/ 0 GMUNK 2009 Reel http://jpmcgarrity.com/blog/2009/03/gmunk-2009-reel/ http://jpmcgarrity.com/blog/2009/03/gmunk-2009-reel/#comments Tue, 24 Mar 2009 14:12:59 +0000 J.P. http://jpmcgarrity.com/blog/?p=60 gmunk

Late last night I ran into GMUNK’s 2009 demo reel. Gmunk, also know as Bradley Grosh is the most badass designer who’s willing take on things that seem impossibly complex and layers them into something mind boggling. His old portfolio site is currrently down, gmunk.com but you can find some of his other work with simple websearches.

Back in 2007 I was lucky to see him speak at the OFFF Festival where he covered some case studies of his more recent work and highlighted some older stuff too.

Look out for the monkeys in his work… they always be doin something crazy.

]]> http://jpmcgarrity.com/blog/2009/03/gmunk-2009-reel/feed/ 0