Blow up web pages with javascript and CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
emoji_icons Initial commit Jan 13, 2016
ops dockerizing Oct 3, 2017
src cleanup demo copy Oct 23, 2017
.gitignore Initial commit Jan 13, 2016
Dockerfile fix commit script Oct 23, 2017
README.md clean up + fix broken link Jul 9, 2016
demo.css cleanup demo copy Oct 23, 2017
demo.html cleanup demo copy Oct 23, 2017
deploy.sh fix commit script Oct 23, 2017
gulpfile.js bug fixes Jan 24, 2016
package.json bug fixes Jan 24, 2016
webpack.config.js bug fixes Jan 24, 2016
webpack.core.config.js bug fixes Jan 24, 2016
webpack.dev.config.js bug fixes Jan 24, 2016
webpack.prod.config.js bug fixes Jan 24, 2016

README.md

Boom.js

Sometimes a webpage just really ticks you off.

Maybe you're reading it. Maybe you're developing it. Sometimes though you'll come to the realisation that this page incorporates all the worst things in the world.

BLOW THAT SUCKER UP

Demo up at http://boom.nickhs.com

Development

Built using ES6, you'll need to compile it with babel (and resolve the imports with webpack).

Production

First install the dev dependencies, then compile the javascript

npm install
gulp prod-build

To make the bookmarklet (requires some string manipulation):

gulp make-bookmarklet

To make the demo page (inline the bookmarklet):

gulp make-demo

Development

To build the javascripts with webpack including sourcemaps

gulp dev-build

Or to host a development server that's autoupdating

gulp dev-server

And see it pop up on http://localhost:8080 Visit demo.html to see the demo page.

Create bookmarklet loader (for debugging)

prelim=$(echo "javascript: "); script=$(cat build/bookmarklet.js); bookmarklet="$prelim$script"; echo $bookmarklet | pbcopy