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
    Conquering Impostor Syndrome

    Two years ago I documented my struggles with Imposter Syndrome and the response was immense.  I received messages of support and commiseration from new web developers, veteran engineers, and even persons of all experience levels in other professions.  I've even caught myself reading the post...

  • By
    9 Mind-Blowing WebGL Demos

    As much as developers now loathe Flash, we're still playing a bit of catch up to natively duplicate the animation capabilities that Adobe's old technology provided us.  Of course we have canvas, an awesome technology, one which I highlighted 9 mind-blowing demos.  Another technology available...

Incredible Demos

  • By
    Google-Style Element Fading Using MooTools or jQuery

    Google recently introduced an interesting effect to their homepage: the top left and top right navigation items don't display until you move your mouse or leave the search term box. Why? I can only speculate that they want their homepage as...

  • By
    Animated AJAX Record Deletion Using jQuery

    I'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with jQuery JavaScript. The PHP - Content & Header The following snippet goes at the...

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!