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!
![CSS Animations Between Media Queries]()
CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...
![From Webcam to Animated GIF: the Secret Behind chat.meatspac.es!]()
My team mate Edna Piranha is not only an awesome hacker; she's also a fantastic philosopher! Communication and online interactions is a subject that has kept her mind busy for a long time, and it has also resulted in a bunch of interesting experimental projects...
![Google Extension Effect with CSS or jQuery or MooTools JavaScript]()
Both of the two great browser vendors, Google and Mozilla, have Extensions pages that utilize simple but classy animation effects to enhance the page. One of the extensions used by Google is a basic margin-top animation to switch between two panes: a graphic pane...
![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...
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