Last week I attempted to use the CSS sprites feature of Compass for the second or third time. It's been a struggle each time, but the power and potential is there, so I keep coming back. This time was a bit different, though, because I finally decided to stop relying on the docs and dive into the code.
Before I go into the nitty-gritty, let's take a step back and talk about why I
Update: The original post on Netmag has been updated since this was written.
I tweeted earlier that this should be retracted. Generally, these performance-related articles are essentially little more than linkbait -- there are perhaps an infinite number of things you should do to improve a page's performance before worrying about the purported perf hit of multiplication vs. division -- but this post went further than most in this genre: it offered patently inaccurate and misleading advice.
Here are a few examples, assembled by some people who actually know what they're talking about (largely Rick Waldron and Ben Alman, with some help from myself and several others from the place that shall be unnamed).
| #301 Redirects for .htaccess | |
| #Redirect a single page: | |
| Redirect 301 /pagename.php http://www.domain.com/pagename.html | |
| #Redirect an entire site: | |
| Redirect 301 / http://www.domain.com/ | |
| #Redirect an entire site to a sub folder | |
| Redirect 301 / http://www.domain.com/subfolder/ |
| /* | |
| * This work is free. You can redistribute it and/or modify it under the | |
| * terms of the Do What The Fuck You Want To Public License, Version 2, | |
| * as published by Sam Hocevar. See the COPYING file for more details. | |
| */ | |
| /* | |
| * Easing Functions - inspired from http://gizma.com/easing/ | |
| * only considering the t value for the range [0, 1] => [0, 1] | |
| */ | |
| EasingFunctions = { |
| /*! ****************************** | |
| Handlebars helpers | |
| *******************************/ | |
| // debug helper | |
| // usage: {{debug}} or {{debug someValue}} | |
| // from: @commondream (http://thinkvitamin.com/code/handlebars-js-part-3-tips-and-tricks/) | |
| Handlebars.registerHelper("debug", function(optionalValue) { | |
| console.log("Current Context"); | |
| console.log("===================="); |
| // All navigation that is relative should be passed through the navigate | |
| // method, to be processed by the router. If the link has a `data-bypass` | |
| // attribute, bypass the delegation completely. | |
| $(document).on("click", "a[href]:not([data-bypass])", function(evt) { | |
| // Get the absolute anchor href. | |
| var href = { prop: $(this).prop("href"), attr: $(this).attr("href") }; | |
| // Get the absolute root. | |
| var root = location.protocol + "//" + location.host + Application.root; | |
| // Ensure the root is part of the anchor href, meaning it's relative. |
| DESCRIPTION | |
| logstat.pl and logtop.pl | |
| These scripts show current and average request-per-second counts based on | |
| apache access logs in real-time. | |
| You can see the total requests-per-second as well as a breakdown by: | |
| * vhost | |
| * URL |
| <?xml version="1.0" encoding="UTF-8"?> | |
| <project default="1. Create directories" name="Deploy AIR 2.6 on iOS"> | |
| <tstamp> | |
| <format property="timestamp" pattern="yyyy-MM-dd_HH-mm-ss" /> | |
| </tstamp> | |
| <property environment="env." /> | |
| <property name="flex_home" location="${env.FLEX_HOME}_AIR26" /> |
| var http = require("http"), | |
| url = require("url"), | |
| path = require("path"), | |
| fs = require("fs") | |
| port = process.argv[2] || 8888; | |
| http.createServer(function(request, response) { | |
| var uri = url.parse(request.url).pathname | |
| , filename = path.join(process.cwd(), uri); |
