はてなブックマーク

[Update 2015 - This was made on a very early version of NodeJS and may not work anymore; if you are looking for support to run this, please ask on StackOverflow.] Wanting to explore WebSocket, I made a demo that syncs videos for all users looking at the page (See the Code). Any user can “take control”, so that the other videos will follow the controller’s video. Writing it was a cinch with the Jav

Jump straight to the demo. Cross-Origin Resource Sharing makes it possible to do arbitrary calls from a web page to any server, if the server consents. It’s a typical HTML5 play: We could do similar things before, but they were with hacks like JSONP. Cross-Origin Resource Sharing lets us can achieve more and do it cleanly. (The same could be said of Canvas/SVG vs drawing with CSS; WebSocket vs XHR

Z-index is the CSS property governing how high in the stack an element is, if you visualise the elements as appearing in a 3D stack coming out of the page. The actual value of an element’s z-index doesn’t matter; just its value relative to other elements on the page. Elements with higher z-indexes appear on top of elements of lower z-indexes. I was just designing a bookmark for Scrumptious (a Tidd

I just noticed some of my Twitter friends posting the following mysterious message: “Don’t Click: http://tinyurl.com/amgzs6” It turns out this is a Tweetbomb. If you go to that link and click on the button below, you end up tweeting the same thing: … thus all your friends see it and some of them click on it and re-post it, and so on, thus propagating the message across the entire Twittersphere. Ti

An update in the era of HTML5 (May 6, 2011) This post has been heavily commented and linked to over the years, and continues to receive a ton of traffic, so I should make it clear that much of this is no longer relevant for modern browsers. On the one hand, they have adjusted and tightened up their security policies, making some of the techniques here no longer relevant. On the other hand, they ha

Guid0.js Guid0 is a GUID library for Javascript. Okay, it doesn’t yet do official, bona fide, 128-bit, GUIDs yet, mainly for API design reasons. But this is a library you might find useful if you want to generate a unique ID in your Ajax app. Usage: [javascript] guid = new Guid(); guid.generate(); // Returns a unique ID, e.g. “dkvagrkx1rt” [/javascript] With options: [javascript] guid = new Guid(

Bitjuice is a little library I made to do bitmap/raster graphics in the browser. The aim is to make it easy to write “Ajax graphics” - graphics you can update real-time in the browser. And at the same time, maintain compatibility with all major browsers and old browsers too. That’s why it doesn’t use any new-fangled SVG/Canvas APIs. Just a plain-old HTML table, where we manipulate the CSS cell bac

<a href="http://digg.com/programming/Ajax_Javascript_8_Ways_to_Create_Graphics_on_the_Fly">Ajax/Javascript: 8 Ways to Create Graphics on the Fly - digg this</a> The ability to create rich graphics on the fly is one of the critical gaps in Ajax. There are indeed techniques to do it, albeit far from perfect, and some are do-able today if you take a pragmatic view of things and keep graceful degradat

Working (offline) on Richer Plugin, I’ve expanded the list of reasons you’d want to use a Richer Plugin, i.e. Flash, Java Applets, Standalone clients, Firefox extensions etc. Here’s the list of things Ajax can’t do on it’s own - what else is there? Browser morphing Adding buttons, toolbars, bookmarks, icons; changing browser behaviour. Local file access Reading and writing files on the user’s hard

Greetings! I''m Michael Mahemoff. a full-stack product maker. Curious about programming, tech, startups, and future trends. GitHub Linkedin Hacker News