Dan Eastwell, Web Interface Designer and Developer

Jan 14

Link javascript with CSS media query breakpoints

Some articles:

http://seesparkbox.com/foundry/breakpoint_checking_in_javascript_with_css_user_values

- Adding generated content with the property being a text reference to the size - uses the transitionEnd event referred to in

http://www.paulrhayes.com/2011-11/use-css-transitions-to-link-media-queries-and-javascript/

This is not supported in IE9, but this article http://adactio.com/journal/5414/ gives a technique that will link the javascript and media queries on load.

Mar 21

Debugging with node-inspector - How To Node - NodeJS

Mar 6

querySelectorAll instead of jquery? (Snook.ca)

Use new (IE8 up) querySelectorAll javascript method to select elements (as per standard jQuery node collection) for simple tasks and avoid the weight of jQuery for simple DOM traversal, e.g.:

document.querySelectorAll(‘.price’);

Feb 21

yepnope.js

A conditional loader that sits on top of modernizr:

yepnope({
  test : Modernizr.geolocation,
  yep  : 'normal.js',
  nope : ['polyfill.js', 'wrapper.js']
});

Micro js javascript library aggregator

Jan 27

Use CSS transitions to link Media Queries and JavaScript

/via https://twitter.com/#!/codepo8/status/162833078115504128

Jan 19

JavaScript Snippets: isArray, arguments to Array, [x..y], padding, array.unique()

How to make sure something is definitely an Array in javascript:

Object.prototype.toString.call(arg) == ‘[object Array]’;

http://uxebu.com/blog/2012/01/19/javascript-snippets-isarray-arguments-to-array-x-y-padding-array-unique/

/via https://twitter.com/#!/codepo8/status/159922860490625025

May 20

RegExp - MDC

About regular expressions in javascript

Mar 30

“Reflow is the process by which the geometry of the layout engine’s formatting objects are computed. The HTML formatting objects are called frames: a frame corresponds to the geometric information for (roughly) a single element in the content model; the frames are arranged into a hierarchy that parallels the containment hierarchy in the content model. A frame is rectangular, with width, height, and an offset from the parent frame that contains it.” Notes on HTML Reflow