cowboy / wesbos

WES BOS

WES BOS

So I was hanging out with my friend Wes Bos at JSConf recently. And for some reason, every time I said his name, I added an extra random syllable to both his first and last names. Because it was really the funnest thing. Ever.

For example, "Weston Bosley." Or "Westwood Boswitch." Or "Wesbee Bosshog."

Well, naturally, I had to create a website to celebrate this.

http://cowboy.github.io/wesbos/

Contributing

You'll need to have Grunt and Bower installed.

1. Clone this project's repo.
2. Ensure the master branch is checked out.
3. Run npm install to install Grunt, Grunt plugins, Bower components, etc.
4. Run grunt to start a live-reloading dev webserver on localhost:8000.

When done:

1. Run grunt prod to publish everything to dist and start a webserver on localhost:8000.

When REALLY done:

1. Run grunt deploy to publish everything in dist and then to the gh-pages branch, which will shortly thereafter be viewable at http://cowboy.github.io/wesbos/.

If you have suggestions for more first and last name suffixes, file a PR and I'll add them in. Just make sure they actually sound cool. Thanks!

wesbos's Issues

With regards to loading Grunt tasks as a best practice.

Hey Ben,

To ensure promotion of best practices with the Gruntfile, I was wondering why you don't use something like matchdep or load-grunt-tasks?

https://github.com/cowboy/wesbos/blob/master/Gruntfile.js#L159

I also explicitly list each Grunt plugin, but it would be great for the community to have some direction other than "don't do that".

Backbone Boilerplate recently merged tbranyen/backbone-boilerplate#236 from @SBoudrias which adds load-grunt-tasks, but I'm considering backing out this change since I'm paranoid the long term effects aren't worth the short term gain of not having to write the extra lines.

Thanks for any feedback you have!

Auto "bower install" when "npm install"

"Fix" livereload.js URL?

Right now, the livereload.js URL is hardcoded into the index.jade template like this:

script(src="http://localhost:35729/livereload.js")

But it might be better to write out that URL dynamically, based on the host, in case it's being accessed via VM or external machine, like this:

script
  document.write('<script src="http://' + location.host + ':35729/livereload.js"><\/script>');

Is there a better or best-practice way to handle this?

Does jQuery really need to be shimmed?

See https://github.com/cowboy/wesbos/blob/master/config/requirejs.js#L23-L25

I've been told that it doesn't.

Random question: Do you prefer naming grunt config files after the package name or after the task name?

# gruntfile
grunt.loadTasks 'grunt'

# grunt/...
angular-templates
contrib-coffee
...

Handlebars ^ block

In letter.hbs you are using {{^before}}. Is this a custom helper?

Old chars still visible

When the char boxes flip and new chars appear, the old chars are still visible, with a small opacity and upside-down.