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!
![Convert XML to JSON with JavaScript]()
If you follow me on Twitter, you know that I've been working on a super top secret mobile application using Appcelerator Titanium. The experience has been great: using JavaScript to create easy to write, easy to test, native mobile apps has been fun. My...
![7 Essential JavaScript Functions]()
I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener and attachEvent. Times have changed but there are still a few functions each developer should...
![Create a Simple Slideshow Using MooTools, Part II: Controls and Events]()
Last week we created a very simple MooTools slideshow script. The script was very primitive: no events and no next/previous controls -- just cross-fading between images. This tutorial will take the previous slideshow script a step further by:
Adding "Next" and "Previous" controls.
Adding...
![Morphing Elements Using MooTools and CSS]()
Morphing an element between CSS classes is another great trick the MooTools JavaScript library enables you to do. Morphing isn't the most practical use of MooTools, but it's still a trick at your disposal.
Step 1: The XHTML
The block of content that will change is...
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/