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,…

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…

UI Tool: LayoutIt April 18, 2013

Getting a quick start when building up your page layouts can be hard to do. Especially if you are building a responsive site. Tools like Bootstrap do make this process much easier but you still need to be quit familiar with XHTML and CSS code to be efficient. This is where tools like LayoutIt can be helpful.

Developed by Christian Gehrke