Messing with HTML5 video: SVG Masks and CSS Filters

Latest Javascript/HTML5 experiment:

http://www.youtube.com/watch?feature=player_embedded&v=q7BjhX3K-5w#!

Enjoy

idom: DOM Anti-Templating <<

idom = DOM Anti-Templating Framework for Javascript.

What is it?

JSON-Driven DOM “Templating” Without The Templates

idi.bidi.dom – Anti-Templating Framework For Javascript — offers a radically different way for interfacting with the DOM. In abstract terms, it takes the DOM and adds variables, variable memoization, encapsulation, multiple-inheritance and type polymorphism (with the Node Prototype as the user defined type) In logical terms, it offers a list-based API for creating, updating, and deleting predetermined DOM structures with the ability to dynamically link and directly access other predetermined DOM structures at any depth within them, thus giving us a simple and consistent alternative to the DOM’s hierarchical API while allowing us to reduce the amount of HTML as well as separate the HTML from our presentation logic.

The idi.bidi.dom project on github:

project page: http://idibidiart.github.com/idi.bidi.dom/

sources: https://github.com/idibidiart/idi.bidi.dom

For more Javascript stuff, follow my other blog (Tales From The JavaCrypt)

Enjoy.

World’s First And Finest Twitter Art Client, Twitter Art Editor, And Creative Twitter Client.

Author: Marc Fawzi

Twitter: http://twitter.com/marcfawzi

–

Originally published on August 1st, 2011. Original version of software dates back to March 2011.

–

Don’t mind the boasting in the title. I’m doing it for SEO.

Now, on to the real story.

One day I decided to try out Twitter (back 8 months ago) and I was browsing people’s feeds and adding folks and somehow I ended up with a tweet on my timeline that was made entirely of unicode characters, the kind that was used in terminals to display user interface elements before bitmapped graphics came along.

It inspired me to make an Editor for this kind of art (which is called “Twitter Art” by the way)

Make sure to watch these demonstration videos videos on youtube in HD (720p)

http://www.youtube.com/watch?v=Wd-d1p-c56U (Original)

http://www.youtube.com/watch?v=UX5jOvdLG8c (Canvas2Vector Effects 1)

http://www.youtube.com/watch?v=jCAp22_HYLk (Canvas2Vector Effects 2)

http://www.youtube.com/watch?v=R1fin3jBFTw (Canvas2Vector Effects 3)

http://www.youtube.com/watch?v=VLyLb3Otw5s (SVG Saving And Manipulation)

Some features and aspects are patent pending, and I’m working on free open source license for non-commercial use and also a royalty-free commercial license with commented sources, to help this new medium take hold, etc.

I want to explore Twitter’s new metadata feature to add richness to the medium, and frankly, there is a ton of stuff I could do with it, so I am thinking of putting it up on Empowered.org and maybe Kickstarter to see if there are enough free spirits out there at this time who want to join the fun by donating and becoming part of the effort to bring Art into the Twitter stream, and don’t think it’s like ASCII. Look at the Gallery and feast your eyes.

http://idibidiart.com

It  runs only on Firefox, the People’s Browser, not your faster-than-potato Chrome or whatever, and actually it is because of the non-groovy way Chrome and IE handle unicode line breaking that made me delay the cross-browser implementation. A lot of it is black magic (or more exactly: an ancient line-breaking algorithm that no one has looked at in ages)

Enjoy and be challenged.

–

Update:

I need to update it for the latest Firefox Nightly 12 (security issue) but fortunately there will be some time before Firefox 12 hits the web.