Velocity NY is Coming!
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!
![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...
![JavaScript Promise API]()
While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why "hold up the show" when you can trigger numerous requests at once and then handle them when each is ready? Promises are becoming a big part of the JavaScript world...
![MooTools Equal Heights Plugin: Equalizer]()
Keeping equal heights between elements within the same container can be hugely important for the sake of a pretty page. Unfortunately sometimes keeping columns the same height can't be done with CSS -- you need a little help from your JavaScript friends. Well...now you're...
![Image Protection Using PHP, the GD Library, JavaScript, and XHTML]()
Warning: The demo for this post may brick your browser.
A while back I posted a MooTools plugin called dwProtector that aimed to make image theft more difficult -- NOT PREVENT IT COMPLETELY -- but make it more difficult for the rookie to average user...
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
Cool collection of patterns generated using only CSS:
http://lea.verou.me/css3patterns/#
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
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/