| // Add a getElementsByClassName function if the browser doesn't have one | |
| // Limitation: only works with one class name | |
| // Copyright: Eike Send http://eike.se/nd | |
| // License: MIT License | |
| if (!document.getElementsByClassName) { | |
| document.getElementsByClassName = function(search) { | |
| var d = document, elements, pattern, i, results = []; | |
| if (d.querySelectorAll) { // IE8 | |
| return d.querySelectorAll("." + search); |
| { | |
| "USD": { | |
| "symbol": "$", | |
| "name": "US Dollar", | |
| "symbol_native": "$", | |
| "decimal_digits": 2, | |
| "rounding": 0, | |
| "code": "USD", | |
| "name_plural": "US dollars" | |
| }, |
An ongoing project to catalogue all of these sneaky, hidden, bleeding edge selectors as I prepare my JSConf EU 2012 talk.
Everything is broken up by tag, but within each the selectors aren't particularly ordered.
I have not tested/verified all of these. Have I missed some or got it wrong? Let me know. - A
A friendly reminder that you may need to set this property on your target/selected element to get the styling results you want:
-webkit-appearance:none;
| // Support routines for automatically reporting user timing for common analytics platforms | |
| // Currently supports Google Analytics, Boomerang and SOASTA mPulse | |
| // In the case of boomerang, you will need to map the event names you want reported | |
| // to timer names (for mPulse these need to be custom0, custom1, etc) using a global variable: | |
| // rumMapping = {'aft': 'custom0'}; | |
| (function() { | |
| var wtt = function(n, t, b) { | |
| t = Math.round(t); | |
| if (t >= 0 && t < 3600000) { | |
| // Google Analytics |
| # A simple Makefile alternative to using Grunt for your static asset compilation | |
| # | |
| ## Usage | |
| # | |
| # $ npm install | |
| # | |
| # And then you can run various commands: | |
| # | |
| # $ make # compile files that need compiling | |
| # $ make clean all # remove target files and recompile from scratch |
When the directory structure of your Node.js application (not library!) has some depth, you end up with a lot of annoying relative paths in your require calls like:
const Article = require('../../../../app/models/article');Those suck for maintenance and they're ugly.
This simple script will take a picture of a whiteboard and use parts of the ImageMagick library with sane defaults to clean it up tremendously.
The script is here:
#!/bin/bash
convert "$1" -morphology Convolve DoG:15,100,0 -negate -normalize -blur 0x1 -channel RBG -level 60%,91%,0.1 "$2"
| <!doctype html> | |
| <html lang="en" class="breakpoint-medium"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Metaquery Boilerplate</title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width"> | |
| <meta name="breakpoint" content="small" media="(max-width: 480px)"> | |
| <meta name="breakpoint" content="medium" media="(min-width: 481px) and (768px)"> |
This entire guide is based on an old version of Homebrew/Node and no longer applies. It was only ever intended to fix a specific error message which has since been fixed. I've kept it here for historical purposes, but it should no longer be used. Homebrew maintainers have fixed things and the options mentioned don't exist and won't work.
I still believe it is better to manually install npm separately since having a generic package manager maintain another package manager is a bad idea, but the instructions below don't explain how to do that.
Installing node through Homebrew can cause problems with npm for globally installed packages. To fix it quickly, use the solution below. An explanation is also included at the end of this document.
| <ul class="o-list-fit c-nav-primary"> | |
| <li class="o-list-fit__item c-nav-primary__item"> | |
| <a href="#" class="o-list-fit__link c-nav-primary__link">The workshop</a> | |
| </li> | |
| <li class="o-list-fit__item c-nav-primary__item"> | |
| <a href="#" class="o-list-fit__link c-nav-primary__link">2013 Schedule</a> | |
| </li> | |
| <li class="o-list-fit__item c-nav-primary__item"> | |
| <a href="#" class="o-list-fit__link c-nav-primary__link is-current">About CSS Wizardry</a> | |
| </li> |