Velocity NY is Coming!

By  on  

Velocity Conference

O'Reilly's Velocity Conference is quickly approaching -- it's September 15-17 in beautiful New York.  As a follow up to last month's post, I wanted to make sure people knew I had 3 more tickets left to give away to this epic front-end performance conference!

In my last post, I asked for links to awesome performance-related articles.  I learned a ton and I hope you did too!  This time I'm looking for something a bit more interactive!  In the comments below, please post a link to an awesome demo.  Whether it's a CSS animation or a canvas/WebGL masterpiece, I want to see something epic!

If you entered via the previous post, your entry will be put in the drawing for subsequent ticket giveaways. If you don't want to chance it and want to get a 20% off discount to the conference, use code AFF20 after clicking this link!

Recent Features

  • By
    Create Namespaced Classes with MooTools

    MooTools has always gotten a bit of grief for not inherently using and standardizing namespaced-based JavaScript classes like the Dojo Toolkit does.  Many developers create their classes as globals which is generally frowned up.  I mostly disagree with that stance, but each to their own.  In any event...

  • By
    Creating Scrolling Parallax Effects with CSS

    Introduction For quite a long time now websites with the so called "parallax" effect have been really popular. In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...

Incredible Demos

  • By
    Fade Images with MooTools LazyLoad

    I recently received an email from a MooTools developer asking a great question about my LazyLoad class: "I'm using your LazyLoad MooTools plugin (which is great, by the way). I have been trying to figure out how to modify it so that once an image scrolls into...

  • By
    CSS Transforms

    CSS has become more and more powerful over the past few years and CSS transforms are a prime example. CSS transforms allow for sophisticated, powerful transformations of HTML elements.  One or more transformations can be applied to a given element and transforms can even be animated...

Discussion

  1. This demo blew my mind. Seeing the solar system in action with nothing but CSS animations and a sprinkle of javascript:
    http://codepen.io/juliangarnier/pen/idhuG

  2. Cool collection of patterns generated using only CSS:
    http://lea.verou.me/css3patterns/#

  3. Sue

    Zooming in and out on this periodic table while switching between table, helix, sphere and grid provides such an engaging experience for the user. You may even discover elements you hadn’t heard of by toggling between the different views.

    http://mrdoob.github.io/three.js/examples/css3d_periodictable.html

  4. Mozilla’s work with Epic in porting the Unreal 3 engine to JavaScript always impressed me. Having a hard time finding the actual Citadel demo on my phone but there’s a good review with screenshots here: http://www.webgl.com/2013/05/webgl-game-demo-unreal-engine-3-epic-citadel/

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!