Category: HTML


Copy-Paste Injection – January 2010 Ideas

January 16th, 2010 — 9:00am

The sixteenth idea for my 365 social ideas is an idea for a technical tool to assist everyone in getting the credit they deserve and the loyalty they can expect: a copy-paste injection script. It is the very same idea that tynt.com has “created”, but they keep the technology (how simple it may be) to themselves and have even filed for a patent.

Continue reading »

1 comment » | DOM 2 Traversal and Range, HTML, January 2010 Ideas, Online Rights, Trends, jQuery

Link sharing spam on Facebook

November 23rd, 2009 — 3:25pm

I just saw a link on Facebook, that I somehow had to interact with – it featured a not-that-dressed girl and said “Wanna C Something Hot?”/”Want 2 C Something Hot?” or variations of this. Well, clicking the link sent to me to an external site featuring a single button and the same image urging me to click it. When clicked, I came to some porn site. But why would several of my friends post links to this site, which incidentally sent me to a porn site? Well, as I soon after saw on Facebook, I had just posted the same link on my wall for all my friends to see. How?

It is a “simple” case of “click-jacking” and the site tricks you to click a Facebook share button, but disguises this as some other button. Please read on for full description.

UPDATE 2009-12-2: “Press the button or dog dies”/”Push the button or this dog dies” (located at pressthebuttonordogdies.com, but don’t go there) is a new such site. The target website is “thisblogrules.com” and the measures used are a little different but all in all the same anyway.

Furthermore, I have used bit.ly for tracking how much these links have been used so far on Facebook – it is pretty inflicting: The “hot” girl has been shared almost 59,000 times and the poor dog has been shared 5,309 times as of this writing. You can see the direct stats from the Facebook link.getStats API here: Somthing Hot and Or Dog Dies

Continue reading »

Comment » | General, HTML, Security, Trends

Datasets in HTML 5 and what they’re good for

August 28th, 2009 — 12:55pm

Datasets are quite an un-impressive part of the HTML 5 specification. It is only accompanied by two examples, of which the first is relevant but small and the latter is (in my view) completely besides the potential of this new functionality. Datasets are in short a way to store custom values on nodes in the DOM tree. This has always been possible when working client-side through JavaScript by keeping a mapping between the nodes and the values stored, which meant that the values weren’t actually stored on the nodes, but just related to the nodes elsewhere (e.g. using jQuery.data).

With HTML 5 and the introduction of datasets, we can do something new. The main advantage and the really huge application area for datasets are, that you can include custom attributes in the serverside-rendered HTML, that the client-side script will use to enhance the browsing experience.

Continue reading »

11 comments » | HTML 5, Trends, jQuery

Web Sockets in HTML 5 might solve the http pull problem once and for all

August 20th, 2009 — 12:28pm

The truth be told, us ActionScript programmers have always had it easy when it came to creating real-time, multi-user applications. We might not have had much processing power back then, but as early as Flash 5 introduced back in 2000, we got the XMLSocket object, which enabled a whole series of multi-user-applications like isometric chat worlds etc. This leaves us JavaScript programmers a bit stranded. We do have Comet and similar technologies, but true persistent connections, we have never had – unless we used a Flash object in the document somewhere, but who wants to use Flash anyway?

But with the dawn of HTML 5, this worry is irrelevant, because with HTML 5 and the greatly improved JavaScript API, we also get a brand new Web Sockets API. This will have the same basic low-level access to bi-directional communication as ActionScript got with the XMLSocket API – it wasn’t XML only, it was just the (widely used) default transport method, but it could easily be circumvented.

Quite stunning though, how such a simple mechanism arrives in JavaScript 10 years later than it did in ActionScript!

Continue reading »

11 comments » | Flash Platform, HTML 5, Trends

Using ShareThis with Flash

May 6th, 2009 — 2:44pm

This feature does currently not work – see list of updates below

ShareThis is a great service for adding shareability to your website in a very simple way. It even includes the “tip a friend” option, so you don’t need to code that for your own site. I will describe how to embed it from flash.

Note 2009/05/19: Due to changes in the ShareThis API popup-functionality is broken currently (both in my example and in some of my live projects). I have filed a bug with ShareThis to fix this ASAP.

Note 2009/05/21: ShareThis have now fixed the above bug but there is still a minor JavaScript error thrown. The popup works now though as it should from both JS and Flash.

Note 2009/06/08: ShareThis now broke it again. And this time their support staff doesn’t answer. Please see an example implemented with AddThis instead.

Note 2009/06/19: ShareThis finally fixed it again. They wrote a mail on the 17th to me stating the bug was reintroduced when they implemented CDN, but would be fixed in the next release. Let’s hope it stays that way.

Note 2009/08/14: ShareThis has recently implemented a brand new version of their service – and surprise: it is not backwards compatible. Thus my popup example is broken again. I will investigate and fix soon.

Note 2009/08/17: ShareThis has promised to deliver a flash API within a few weeks. Let’s see what happens then…

Continue reading »

13 comments » | API, AS2, AS3, HTML, JavaScript

Doing a large corporate website the interesting way

August 14th, 2007 — 12:32pm

Today we launched a new website for one of the major Danish mortgage provider, Totalkredit. They are known by all Danes due to their tv-ads (produced by TBWA\Copenhagen), that everyone either hates or loves. This is a very big client, and thus they require a very big website. But as they are for the people and tries to communicate directly with the common man, the website need not be corporate, but must be rich with content, easy to use and with many features that will create returning visitors.

Well, all this I did not have much to do with, that concerns the concept department. But concretising, technically verifying and realizing this concept is very much my job. The project has taken many months but it is now finally complete. Or well, such is never complete, but the first version has been launched at least. And this site is (technically) amazing if I should describe it. The amount of JavaScript used is huge and much of it uses MochiKit heavily. The JavaScript is used to enliven the page in a very interesting way.

The whole page works without JavaScript in the classical fashion (clicking links, reloading the whole page with the new page), but with JavaScript enabled, all links are caught and handle via Ajax instead. This technique was introduced to me by Jeremy Keith and his somewhat cute term Hijax. In order to do this, but not combine markup with content, large portions of the HTML (very large in fact) are built in JavaScript. For this need MochiKit.DOM is really handy.

Other features of the site, that makes this a very satisfying job to have completed:

  • It is of course search engine optimized (Hijax preserves this)
  • It uses a very concise, readable markup and works as mentioned without JavaScript (the properties of Progressive Enhancement)
  • The URL is modified on every major page change using fragments in order to allow deep-linking and bookmarking (this is partly self-developed, partly borrowed from SWFAddress)
  • And given the above, that “back” and “forward” buttons of the browser works (unlike many other full-Ajax websites)
  • The site includes Google Maps (you can’t go wrong with that!)
  • The site is tested and optimized for Internet Explorer 6 and 7 as well as Firefox 2 (and friends).

Enough talking, here is the site: http://www.totalkredit.dk – “unfortunately” most of the site is in Danish except for a small investor-part.

Comment » | HTML, JavaScript, Mashup, Play

I strongly support HTML 5 adoption by w3

April 13th, 2007 — 10:57am

Apple, Opera and Mozilla has expressed their support for the new HTML 5 specification as outlined by WHAT Working Group and chief spec-writer Ian Hickson and especially the adoption of this specification by w3 as the new HTML recommendation.

Continue reading »

Comment » | API, HTML 5

Back to top

Get Adobe Flash playerPlugin by wpburn.com wordpress themes