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
    6 Things You Didn’t Know About Firefox OS

    Firefox OS is all over the tech news and for good reason:  Mozilla's finally given web developers the platform that they need to create apps the way they've been creating them for years -- with CSS, HTML, and JavaScript.  Firefox OS has been rapidly improving...

  • By
    Page Visibility API

    One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?

Incredible Demos

  • By
    Sexy Link Transformations with CSS

    I was recently visiting MooTools Developer Christoph Pojer's website and noticed a sexy link hover effect:  when you hover the link, the the link animates and tilts to the left or the right.  To enhance the effect, the background color of the link is...

  • By
    Geolocation API

    One interesting aspect of web development is geolocation; where is your user viewing your website from? You can base your language locale on that data or show certain products in your store based on the user's location. Let's examine how you can...

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!