loader

Parallax Effect on MouseOver using CSS3 and JavaScript April 23, 2014

It seems all I hear about these days is Parallax, Parallax, Parallax so of course I had to try and see if I could build something using this effect. par·al·lax – noun the effect whereby the position or direction of an object appears to differ when viewed from different positions, e.g., through the viewfinder and the lens of a camera. In my example I am using just one image, a transparent PNG file and in order to add the different effects am…

Interactive Electronic Cigarette with Adobe Edge Animate April 23, 2014

  While working with a client I had a chance to spend some more time using Adobe’s new animation tool called Adobe Edge Animate (http://html.adobe.com/edge/animate/). After spending a few hours with it, I must say I absolutely love working with Adobe Edge Animate. Design expressive, animated content with ease, precision, and realism. Or, you can add motion and interactivity to existing HTML layouts and templates. One thing that was missing from this tool, that was added in a recent update,…

Collection of Reaction GIFS June 4, 2013

You may be asking “What is a reaction GIF?” and “Why would anyone ever want a collection of them?”, so let me explain. A reaction GIF is used to indicate how a person may be reacting in response to a digital conversation either through instant chat or email. For example.  You find out a friend is getting a promotion at work while chatting to them online. You could reply using this reaction GIF: It’s all just a bit of fun…

UI Tool: Packery JS May 13, 2013

The same guys who brought us Isotope which is based on Masonry have created a new product that looks to be very promising for creating a rich and dynamic layout with ability to resize as needed. In a blog post from February the developers wrote: I’m making a new layout library, called Packery. It is awesome because it resolves two of biggest and oldest issues with Masonry or Isotope. It fills gaps (Masonry issue #141) You can drag item elements…

A Cozy Fire at McCafferty’s April 13, 2013

(Edit) Well it looks like something happened to the animation when it went from the app to the iPhone itself and then onto the web. Cinemagram link Used an iPhone app called Cinemagram to make this. Also using the iPhone app for WordPress to publish this.

Istotope JS April 12, 2013

I found the Isotope JQuery plugin a few years ago and was immediately impressed with the filtering functionality and animation it provided on the front-end. I never really had time to sit and play with it until recently. I can now say I am in love with it.

The plugin David DeSandro has built is probably one of the most enjoyable plugins I have used in a really long time. The amount of “WOW” you can add to a site with such minimal effort is really amazing.

Developed by Christian Gehrke