O’Reilly Velocity Conference – Santa Clara Giveaway!
O'Reilly Velocity Conference in Santa Clara is right around the bend: June 20-23, 2016. Velocity is boasting an awesome lineup of speakers covering several different topics. Learn to build websites, apps, and services that are fast, scalable, resilient, and highly available!
Velocity is my favorite of the O'Reilly Conference series because speed optimization is fun, creative, and has huge payoff for users on desktop and mobile devices!
Bronze Pass Giveaway
My friends at O'Reilly are letting me give away one free Bronze Pass to Velocity Santa Clara. Want to win? In the comment section below, share your favorite performance tip. Bonus points for code samples!
20% Off Discount
If you want to sign up today, you click here and use code PC20DWALSH!
![Responsive and Infinitely Scalable JS Animations]()
Back in late 2012 it was not easy to find open source projects using requestAnimationFrame() - this is the hook that allows Javascript code to synchronize with a web browser's native paint loop. Animations using this method can run at 60 fps and deliver fantastic...
![CSS 3D Folding Animation]()
Google Plus provides loads of inspiration for front-end developers, especially when it comes to the CSS and JavaScript wonders they create. Last year I duplicated their incredible PhotoStack effect with both MooTools and pure CSS; this time I'm going to duplicate...
![Smooth Scrolling with MooTools Fx.SmoothScroll]()
I get quite a few support requests for my previous MooTools SmoothScroll article and the issue usually boils down to the fact that SmoothScroll has become Fx.SmoothScroll. Here's a simple usage of Fx.SmoothScroll.
The HTML
The only HTML requirement for Fx.SmoothScroll is that all named...
![Create a CSS Flipping Animation]()
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
Send Link preload headers for your CSS, JS, Fonts, and other assets so that the browser can get a head start on loading them. Bonus: If you use CloudFlare, or another CDN that supports it, the assets will be pushed via HTTP2 Server Push.
Sample .htaccess code from my blog: https://gist.github.com/adamzr/0c4e14999263aa4854b91f9245e16de8