ruemic
That being said, I'm been using gulp to hack together a system when the site isn't something conventional like a blog, marketing page or docs that many of these generators excel at.
Hosting for the Programmable Web
So far we don't deal with the authoring abstraction layer. Our focus is on solving deployment by automating performance optimization like asset bundling, caching & CDN integration.
The big vision is to provide static hosting for the programmable web. We make HTML forms work and provide an API for sending the input wherever you want. This OAuth2 based API also handles deploying sites, injecting code snippets, and updating individual files.
The real moonshot here is developing a standard similar to JSON Patch for updating HTML via PATCH requests. If Harp, or anyone reading this is interested in this idea, we'd love to collaborate on developing a spec.
BitBalloon Chrome App: Optimize & Deploy your HTML, CSS & JS to CDN
Key Takeaways from Mobile First Design with ZURB Foundation 4
Why we use Stripe payment integration for our shopping cart
Building a Custom Shopping Cart with Stripe
Top Free Icon Fonts
Simple Responsive Images: Picturefill in One line
How to Build an Event Calendar with Elastic Search
Top 10 CSS Generators
But I'm running into a hiccup on the implementation. The trick is there are actually two Norths, they are identical and one is on each end of the background. Once you hit North-2 on the right end, and you want to keep turning to the right, it needs to instantly "skip" you back to North-1. And vice versa.
The thing I haven't figured out how to do in a smooth way is to disable the transition, for that split second to allow for the jump.
What I've done so far is give each direction a class with the corresponding translate. eg. "go-0, go-1, go-2, go-3, go-4"
I've also created two extra classes "go-0-instant" and "go-4-instant" which, set transition duration to 0 and to skips back to North 1 & 2 instantly.
But the problem is that i needs to happen quickly, and once I remove the "go-0-instant" class and add the class with enacts the normal rotation, the css gets overridden and the instant translate basically gets overridden.
I guess what I'm after is a clean way to do a callback once you know the DOM has picked up on a css class change.
I've run into this issue a couple of times before, I would be stoked to learn of the best way to do this!
Here's the CoffeeScript file that controls the navigation: https://github.com/webpop/css-pirate-ship/blob/translate3d/p...
and the Scss for the cardinal directions: https://github.com/webpop/css-pirate-ship/blob/translate3d/p...
Pull requests welcome, the code is on github https://github.com/webpop/css-pirate-ship
Maybe version 2 will be touch enabled and let you control the wheel to turn to any degree, not just the cardinal directions :)