February 2012
9 posts
If we’re fans of anything, we’re fans of experiments that get open sourced.
As a followup to our native coverage of Clear’s UI with JTGestureBasedTableViewDemo, you might enjoy this experiment by Evan You to replicate the UI of Clear in HTML5 and CSS3.
HTML5 Clear is a replica of the awesome Clear iphone app (UI only) featuring the innovative gesture controls and the look and feel in HTML5 using CSS3 transitions.
While Evan might not have been able to get 100% of the details right, it comes pretty close and there’s certainly something to learn from the codebase.
Ok, so I’m slow to the take. My ear wasn’t close enough to the ground to get the fact that Ember.js was formerly the Amber.js that was formerly SproutCore 2.0.
Four days after it was announced as Amber.js, it was renamed to Ember.js due to some naming collisions with Amber Smalltalk, a Smalltalk implementation written in JavaScript. After some communication with the folks behind Amber Smalltalk, a discussion was started on Hacker News about what they (then Amber.js) should do.
Getting started?If you are new to ember.js, Derick Bailey of Watch Me Code and Backbone Training fame shares his initial impressions (compared to backbone), as well as thoughts on handling DOM events.
Also, above I’m linking out to a video of Tom Dale (and Yehuda Katz) discussing ember.js over lunch at Carbon Five. There’s 45 minutes of presentation plus 20 minutes of Q&A.
Links
- Source on GitHub
- Homepage
- Documentation - thanks to Eishay Smith for the tip
- Ember.js Lunch Talk at Carbon Five
- 0.4.2 - listen to Yehuda Katz on Rails 3.1 and SproutCore
Using bam you can now deploy your static site to s3 with one command!
All you have to do is modify the s3.json file that is created when you create your new bam project. It is simple:
{
"key": "Your aws key",
"secret": "Your aws secret",
"bucket": "www.foo.com"
}
Once you have your s3 info stored in this config file, all you have to do is run the gen command to generate the static site, then run the “deploy s3” command to deploy to s3.
Bam will create the bucket, enable it as a website, setup the policy information, and move all the files to the s3 bucket. The only thing you have to do is setup a dns account to get mapped to that site.
Here is a cheesy demo video of deploying to s3. It is really difficult so pay attention!
bam gen
bam deploy s3
BAM is a nodejs cli application that enables you to generate and maintain static sites using github style markdown for your pages. The github style markdown modifies the markdown style just a little bit to make the process of writting posts with code snippets easier.
http://github.github.com/github-flavored-markdown/
Bam Quickstart** easiest site generator on the planet! **
The pages are github markdown and it defaults with the skeleton template for slimmed down responsive goodness.
Getting Started Requirements Installsh
npm install bam -g
sh
bam new foo
sh
cd foo
touch pages/index.md
echo '# Foo' > pages/index.md
sh
bam run
sh
open http://localhost:3000
sh
bam gen
sh
bam serve
open http://localhost:3000
Copy full contents of gen folder to your web server or gh-pages!
- Learn NodeJs
- Learn Coffee-Script
Why not at the same time?
CupCake is a command line template builder that makes it easy for you to get a blank project up and ready to go!
Step 1:
Install nodejs from
http://nodejs.org
Step 2:
npm install cupcake -g
Step 3:
cupcake [your project]
Step 4:
What template engine?
1. Jade
2. eco
3. coffeekup
choose 1
Step 5:
What database engine?
1. nano
2. mysql
3. mongoose
choose 1
Step 6:
cd [your project]
Step 7:
node app.js
Step 8:
open browser at http://localhost:3000
Congrats
You are now ready to build an express-coffee application:
See these documentation sites for tips using express and coffee-script
If there’s one thing that sums us up here at Moviepilot Labs, it’s thinking outside the box. Sometimes, though, thinking outside the box means going back into it—our own box—so to speak. Shoutbox is a free, centralized system status dashboard service developed by our very own Benjamin…
