Try Video

My second HTML app for iOS has been finished. Now it's a game.
Mamazzle game. Here you have to swipe only one word on the 6x6 field.
After you colorize all letters on the field level done.

The game was done with PhoneGAP tech again. But now it uses bunch of native plugins.
Unfortunately I'm not happy with game performance on iphone v4. But it works really amazing on ipad2+ and I hope on iphone 4+.

Comments: 0

Recently I have started developing website with php and mysql. It is probably near 10 years when I did it last time.

Here are some interesting tools I am using or trying:

slimframework - a simple powerful PHP5 framework to create RESTful web applications
idiorm - a lightweight nearly-zero-configuration object-relational mapper and fluent query builder for PHP5

fancybox - a tool for displaying images
lightbox2 - a tool for displaying images (my opinion: fancybox is better;)
phpimageresize - PHP image on the fly resizing with caching, and croping

lesscss - dynamic stylesheet language (works only from web-server)
sass - dynamic stylesheet language (ruby is required)

php-excel-reader - PHP excel reader :)

Comments: 0

Full Code Video

Recently I tried to play with new cool tech: QML. Here is result of that playing. I was thinking what kind of game can be done with QML only. Netwalk can be a good example.

QML version of the game has very nice transition effects: rotation/color changing. I also ran it on my cellphone without any problems.

Comments: 0

Have you ever seen stereo-pair photos? You need to focus at middle point between your eyes and photo to see the effect. For many people it is impossible to see the 3d deepth.

example image by yoshing_BT

I wrote bookmarklet for simple viewing such 3d-photos in flickr.

press following link to run this bookmarklet:

Flickr Stereo Run!

If you want to use this cool feature on flickr site. You need to drag and drop link above to your bookmarks bar. Then just search for any stereo pair on flickr.com. For example it can be:
http://www.flickr.com/photos/parallel_yoshing/5581588331/in/photostream/
After page loaded just press on "Flickr Stereo Run!" link on your bookmarks bar.

source code

javascript:pd=document.getElementById("photo").children[1];pd.style.overflow="hidden";pd.style.width=pd.children[0].width/2+"px";void(setInterval("pd.scrollLeft=(pd.scrollLeft==0)?pd.children[0].width/2:0;",250));

Comments: 0

Full Code

Here is good example of using jquery. It shows how easy custom tooltip can be done. Look at demo to see how it works:

demo

Apple, Potate

Usualy tooltips can be done with title attribute of a tag. But standart hints are very boring. With followed code you can make your own stylish tooltip. You just need to add class to all links where you what to have this tooltips. And then add jquery-script to your page:

source code

<a class="jquery-title-hint" title="This is a fruit." href="#">Apple</a>,
<a class="jquery-title-hint" title="This is a vegetable." href="#">Potate</a>

<div id="message_container" style="position:absolute;background-color:#444;color:#ffa;border:1px dotted #aaa;padding:3px;"></div>

<script>
$(document).ready(function() {
    $('#message_container').css('opacity', '0.0');
    
    $('a.jquery-title-hint').mouseover(function() {
        $('#message_container').text(this.title);
        $('#message_container').clearQueue();
        $('#message_container').stop();
        $('#message_container').css('opacity', '0.0');
        $('#message_container').fadeTo('fast', 1.0);
        $('#message_container').css('top',$(this).offset().top - $('#message_container').outerHeight()).css('left',$(this).offset().left+$(this).outerWidth());
        this.title = "";
    });
    
    $('a.jquery-title-hint').mouseout(function() {
        $('#message_container').delay(300).fadeTo('slow', 0.0);
        this.title =  $('#message_container').text();
    });
});

</script>

Comments: 0