Bootstrap’s JavaScript stuff (modals, dropdowns, tabs, etc) sans JavaScript. Abuses the :checked property of checkboxes JavaScript :checked for Bootstrap →
Tag Archives: link
3D Hartwig Chess Set
Focal Point: Intelligent Cropping of Responsive Images
When working with images on small screen devices it is recommended to focus on the subject: don’t just show a scaled down version of the photo, it’s better to remove some of the background scenery and show the person on the photo (see the Obama example at the top of this post on responsive images). …
Continue reading “Focal Point: Intelligent Cropping of Responsive Images”
Freetile
Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement. Like Masonry, …
Plasmatic Isosurface
Little Big Details
jQuery Burn
jQuery Burn is a plugin which adds a flame-like effect to text using multiple text-shadows, animated by repeatedly changing their horizontal offsets. You really shouldn’t use this plugin (burn effect, seriously?), but from a technical point of view it’s quite interesting to see how it works. jQuery Burn →
jResize
jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There are various tools for responsive development, iframes at different widths embedded in the page, and the tedious resizing of the browser. So here’s a different approach which grabs all your HTML, and resizes it inside …
Stripe
Stripe is a simple, developer-friendly way to accept payments online. It’s as easy as making one simple curl request $ curl https://api.stripe.com/v1/charges \ -u vtUQeOtUnYr7PGCLQ96Ul4zqpDUO4sOE: \ -d amount=400 \ -d currency=usd \ -d "description=Charge for [email protected]" \ -d "card[number]=4242424242424242" \ -d "card[exp_month]=12" \ -d "card[exp_year]=2012" \ -d "card[cvc]=123" Stripe →
Object.observe()
var beingWatched = {}; function whatHappened(change) { console.log(change.name + ” was ” + change.type + ” and is now ” + change.object[change.name]); } function somethingChanged(changes) { changes.forEach(whatHappened); } Object.observe(beingWatched, somethingChanged); beingWatched.a = “foo”; // new beingWatched.a = “bar”; // updated beingWatched.a = “bar”; // no change beingWatched.b = “amazing”; // new Object.observe() lets you add …