sinrise

var timeout = null;
$(window).scroll(function () {
  if(!timeout) {
    timeout = setTimeout(function() {
      clearTimeout(timeout);
      timeout = null;
      if ($(window).scrollTop() >= $("#navTtigger").offset().top) {
        $("nav").addClass("fixed");
      } else { $("nav").removeClass("fixed"); }
    }, 250);

sinrise

$ npm install -ddd c:\connect-3.3.4.tgz
npm info it worked if it ends with ok
npm verb cli [ 'c:\\Program Files (x86)\\nodejs\\node.exe',
npm verb cli   'c:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
npm verb cli   'install',
npm verb cli   '-ddd',
npm verb cli   'c:connect-3.3.4.tgz' ]
npm info using npm@2.5.1
npm info using node@v0.12.0
npm sill cache add args [ 'c:connect-3.3.4.tgz', null ]

sinrise

$ npm install -ddd https://registry.npmjs.org/connect/-/connect-3.3.4.tgz
npm info it worked if it ends with ok
npm verb cli [ 'c:\\Program Files (x86)\\nodejs\\node.exe',
npm verb cli   'c:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
npm verb cli   'install',
npm verb cli   '-ddd',
npm verb cli   'https://registry.npmjs.org/connect/-/connect-3.3.4.tgz' ]
npm info using npm@2.5.1
npm info using node@v0.12.0
npm sill cache add args [ 'https://registry.npmjs.org/connect/-/connect-3.3.4.tgz',

sinrise

$ npm install -ddd
npm info it worked if it ends with ok
npm verb cli [ 'c:\\Program Files (x86)\\nodejs\\node.exe',
npm verb cli   'c:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
npm verb cli   'install',
npm verb cli   '-ddd' ]
npm info using npm@2.5.1
npm info using node@v0.12.0
npm ERR! install Couldn't read dependencies
npm verb stack Error: ENOENT, open 'c:\Users\iwiegand.TMI\Dropbox\source\nodejs\package.json'

sinrise

$ npm install connect -ddd
npm info it worked if it ends with ok
npm verb cli [ 'c:\\Program Files (x86)\\nodejs\\node.exe',
npm verb cli   'c:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
npm verb cli   'install',
npm verb cli   'connect',
npm verb cli   '-ddd' ]
npm info using npm@2.5.1
npm info using node@v0.12.0
npm sill cache add args [ 'connect', null ]

sinrise

Canvas Repeating Background Image Pattern

This is my first experiment with Canvas and getting to draw a pattern image as a background and it works beautifully.

A Pen by sinrise on CodePen.

License.

sinrise

Simple Pure CSS Sticky Footer

This is the simplest possible implementation for a sticky footer done purely in CSS. No js trickery. The craziest thing is the psuedo :after on #wrapper, but it should still be cross-browser compatible all the way down through IE8. IE6-7 do not support psuedo selectors.

It will keep your footer at the bottom of the page no matter how much or little vertical space exists, but scrolls away. It's not the same as a fixed footer.

I added a #content div with a few things and some padding just to make it look like something. None of that is necessary. It will work with an empty #wrapper. Important thing is to keep your footer element outside your wrapper, make sure the :after has the content and display attributes set as shown, the footer height and #wrapper:after can be set at the same time to save a little typing, but is not necessary. It's important to make sure the negative bottom margin of the #wrapper is set to the total box height. I have a 1px bor