Interaction matters - web development blog

2010 0920

Animated scrambled text still readable

You are probably familiar with the following text:
"According to a research at Cambridge University, it doesn't matter in what order the letters in a word are...."

Then, in the next paragraph the words are scrambled and yet, you can still read it. I excepted the same result if the scrambling is animated, so I opened a notepad and started to code :)

Check the script, it's small and elegant in my opinion.
Hungarian text
English text

Category: Programming - Tags: javascript - 1 Read more

2010 0509

Customizing the SoundCloud waveform image

For the last months, I'm using SoundCloud's API to create an application. I had several issues, that I managed to solve, and this one I'm going to show you is one of my favorite. The waveform that soundcloud generates for a song, looks like the one I attached to the post.
It's not bad, as long as you can integrate the gray mask with your application design. If you can't then you can start to scratch your head. I did. :)

Category: Programming - Tags: soundcloud javascript canvas - 5 Read more

2010 0314

Video maximizer script

I've added a new feature to my blog and I would like to share it with you. It's damn easy and very useful, if you care about design.
The reason I created this script is that the videos I embed has various sizes and enlarging them is a boring task, so let a small code do it:

function fixVideos()
{
	// Maybe you should be more specific, than me
	var videos = document.getElementsByTagName('embed');
	var cwidth = 550; // The width you want to resize to
	var ratio = 0;
	for( i=0; i < videos.length; i++ )
	{
		ratio = videos[i].height / videos[i].width;
		videos[i].width = cwidth;
		videos[i].height = ratio * cwidth;
	}
}

That's it.

Category: Programming - Tags: javascript resizing - 1 Read more

Tibor SzászInteraction matters

Animated scrambled text still readable

Customizing the SoundCloud waveform image

Video maximizer script

Briefing

Topics

Friends

Feeling so social

Tags