recent posts
- Good-Bye 2011
- You have a good dad
- That was a neat use of JavaScript
- Super excited
- Finally, got a hawt new phone
categories
archives
stuff from May, 2011
That was a neat use of JavaScript
Wednesday, May 11th, 2011
I’ve been intrigued by JavaScript templating lately, enough so that I did a little bit of playing with a few options (mustache and I Can Haz JS). I made this page from I Can Haz JS, and it was very easy to implement.
In a nutshell, here’s how it went:
- Link to all the right JS files
- Create a <script> block with the template for my data
- Use Google Feed API to snag an RSS feed
- jQuery voo-doo to make these JavaScripts render something on the screen
- Muck with the look/feel to make it entertaining
I don’t believe I have hardly scratched the surface with what is possible. It seems to me these templates would be very useful in pages with lots of Ajax calls to the server sending/receiving/updating data. Of course I have no projects going right now that need any of that action, so I put together a super-simple quick-hitting test page. Go look at the page and view the source, and have fun at the rest of the playground, too.
The hardest part was thinking of some (almost useful) data source to use and then remembering that I couldn’t violate any security measures (ahem, must implement Google Feed API to pull an RSS feed.) I’m potentially biased, but I dig the color scheme and design I’ve put together here. Additionally, I was stoked to see all the new fonts the Google Font API has now! It had been a while since I checked them out, been sticking with Font Squirrel.
Anyone want to help me think of a project where we can use this templating? I don’t have a lot of free time, but would love to build something. Ping me here, or on the Twitters!
- tagged: ajax, css, Google APIs, html5, icanhazjs, jQuery
- categorized: css, javascript
- no comments »
