Addy Osmani addyosmani

##basket.js 0.2

###Introduction

basket.js is a small JavaScript library supporting localStorage caching of scripts. If script(s) have previously been saved locally, they will simply be loaded and injected into the current document. If not, they will be XHR'd in for use right away, but cached so that no additional loads are required in the future.

###Why localStorage?

Tests by Bing and Google have shown that there are performance benefits to caching assets in localStorage (especially on mobile) when compared to simply reading and writing from the standard browser cache. This project is currently working on replicating these tests in the public so that we have definitive statistics on whether this is true.

stopBefore.js

2min screencast

Examples

stopBefore(document, 'getElementById')
stopBefore('document.getElementById') // the same as the previous
stopBefore(Element.prototype, 'removeChild')

1hr super challenge

Zero to hero in an hour — how far can you get?

Some of the worlds best open source projects are initally created in < 1 hr. They're inspired, often caffeine, sleep-deprived or just plain crazy-beans fueled ideas that couldn't be done in a day.

The right time, right place (A Friday afternoon) is the perfect time to pump out what could be a life changing project.

So, lets do something interesting: The lazy web 1hr hackaton.

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

	/*
	* matchMedia() polyfill - test whether a CSS media type or media query applies
	* authors: Scott Jehl, Paul Irish, Nicholas Zakas
	* Copyright (c) 2010 Filament Group, Inc
	* MIT license

	* dev.w3.org/csswg/cssom-view/#dom-window-matchmedia
	* in Chrome since m10: http://trac.webkit.org/changeset/72552
	*/

	/*

	better details support testing

	var isDetailsSupported = (function(doc) {
	var el = doc.createElement('details'),
	fake,
	root,
	diff;
	if (!('open' in el)) {

	/*!
	* jQuery Tiny Pub/Sub for jQuery 1.7 - v0.1 - 27/10/2011
	* Based on @cowboy Ben Alman's REALLY tiny pub/sub.
	* 1.7 specific updates by @addyosmani.
	* Copyright maintained by @cowboy.
	* Dual licensed under the MIT and GPL licenses.
	*/

	(function($){

	module.exports = function(grunt) {
	function noop() {}

	grunt.initConfig({
	watch: {
	reload: {
	files: ['public/', 'views/'],
	tasks: 'reload'
	}
	},

	/*
	Grep.js
	Author : Nic da Costa ( @nic_daCosta )
	Created : 2012/11/14
	Version : 0.2
	(c) Nic da Costa
	License : MIT, GPL licenses

	Overview:
	Basic function that searches / filters any object or function and returns matched properties.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

	Copyright (C) 2014 ADDY OSMANI <addyosmani.com>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION