pbojinov

Getting Started with NPM (as a developer)

If you haven't already set your NPM author info, now you should:

npm set init.author.name "Your Name"
npm set init.author.email "you@example.com"
npm set init.author.url "http://yourblog.com"

npm adduser

pbojinov

jQuery Conference Austin

10 Sept 2013

---

The State of jQuery - Dave Methvin

• Bower and NPM dependency management out next month.
• Finding forced layouts (http://jsfiddle.net/qjncp)

pbojinov

Getting Started with NPM (as a developer)

If you haven't already set your NPM author info, now you should:

npm set init.author.name "Your Name"
npm set init.author.email "you@example.com"
npm set init.author.url "http://yourblog.com"

npm adduser

pbojinov

echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
. ~/.bashrc
mkdir ~/local
mkdir ~/node-latest-install
cd ~/node-latest-install
curl http://nodejs.org/dist/node-latest.tar.gz | tar xz --strip-components=1
./configure --prefix=~/local
make install # ok, fine, this step probably takes more than 30 seconds...
curl https://npmjs.org/install.sh | sh

pbojinov

pbojinov

Getting Started with NPM (as a developer)

If you haven't already set your NPM author info, now you should:

npm set init.author.name "Your Name"
npm set init.author.email "you@example.com"
npm set init.author.url "http://yourblog.com"

npm adduser

pbojinov

iPhotoLocation

Exports the locations of photos in a photo album as JSON data...

osascript -l JavaScript iPhotoLocation.js "NAIST Internship"

pbojinov

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

pbojinov

CSS z-index Layout Debugger

A tweet-sized debugger for printing out the z-index of elements that are bigger than 0, auto. Can also outline these elements on the page with a random (valid) CSS hex color.

[].forEach.call(document.querySelectorAll("*"),function(e){var t=window.document.defaultView.getComputedStyle(e).getPropertyValue("z-index");var n=parseInt(t,10);if(n>0){console.log(e);console.log(n);console.log("\n----------------")}})

pbojinov

* {
	/* makes border and padding grow inward from width & height
	   - mix-and-match units for various box model properties
	   - ex. width: 25%; padding: 15px;
	   - no workie in IE7
	*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/* hiding overflow creates a block formatting context