Jonathan Moore
I am a designer who lives in code, entrepreneur, and an idea incubator driven to make our world a better place.
I am a designer who lives in code, entrepreneur, and an idea incubator driven to make our world a better place.
While everyone else was...
Until now the process of prototyping interaction and animations for mobile and desktop applications require you to actually build it, learn Apple’s Quartz Composer or revert to Flash.
Facebook product designer Koen Bok created an alternative that focuses on quickly building prototypes from PSDs and straight forward Javascript. Take a look at some of the Framer examples, documentation and lessons to see how Framer simplifies prototypes.
Until we can get Twitter, Facebook, Google Plus, and Pinterest to sign a peace treaty and standardize on a common size for share buttons, their mismatched and unaligned buttons will continue to be a thorn in every designer’s side.
For now our best bet is to simply roll your own button with a share count for each service. Today I did a bit of digging and put together a quick Gist to get share counts using the platform’s APIs.
Check out Sharrre if you want a jQuery plugin that covers all the share buttons and much more.
Using WebGL and three.js (Javascript 3D engine) Hello Enjoy and Tool of North America created this colorful and visually stimulating 3D music video for Ellie Goulding’s song Lights. For the best experience, make sure you view the site in Chrome.
Check out more of the three.js demos and featured projects on GitHub.
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
Typically I’m not a huge fan of development frameworks like this one, but digging into it there seems to be quite a few things to learn. Another framework worth looking into is the responsive Skeleton that comes from one of Twitter’s designers Dave Gamache (also on Tumblr).
Erik Rothoff put together a simple bookmarklet that turns any website into a astroid-like game where you and your spaceship take on ads, images and links. Try it out on the Tumblr dashboard, there’s plenty to shoot at there.
Remember: It’s cooler if you make your own sound effects.
I just updated JonathanMoore.com and the Inspire Well theme with the ability to support Vimeo HTML5 videos. Now both work perfectly on the iPad or browsers without Flash installed.
Earlier this week Vimeo updated their universal embed code to support HTML5 video. Any new Vimeo videos you add should already support HTML5, but if you have quite a few old videos on your site you can now select “Use HTML5 embeds for Vimeo” in Customize > Appearances to update the videos.
See the full change log and download Inspire Well.
This site is using Matthew Buchanan’s jQuery rewrite of Vimeo’s embedenator.js file. Some time next week I will update both Inspire Well and Backburner with the jQuery implementation.
Quickly copy the script path to the Google hosted code for the most popular Javascript libraries.
37signals elegant solution to handle the scaling of UI elements in iOS Mobile Safari depending on how zoomed-in the user is.
A javascript library that retrieves and aggregates all your profiles from across the web. Perfect for creating a lifestream of all your online activity.
Flash developer Mr. Doob well known for his Actionscript experiments has recently started experimenting with HTML5 and Javascript. By incorporating various drawing algorithms with the <canvas> tag he created the Harmony experiment. The image above was created with Harmony.
Mr. Doob’s blog post on the experiment | Video screen capture of the experiment in action
Edit: It appears that the power of the internets took Mr. Doob’s server down
