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!
![LightFace: Facebook Lightbox for MooTools]()
One of the web components I've always loved has been Facebook's modal dialog. This "lightbox" isn't like others: no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much." With Facebook's dialog in mind, I've created LightFace: a Facebook lightbox...
![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...
![Simple Image Lazy Load and Fade]()
One of the quickest and easiest website performance optimizations is decreasing image loading. That means a variety of things, including minifying images with tools like ImageOptim and TinyPNG, using data URIs and sprites, and lazy loading images. It's a bit jarring when you're lazy loading images and they just...
![Sexy Album Art with MooTools or jQuery]()
The way that album information displays is usually insanely boring. Music is supposed to be fun and moving, right? Luckily MooTools and jQuery allow us to communicate that creativity on the web.
The XHTML
A few structure DIVs and the album information.
The CSS
The CSS...
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