29. January 2012

Quick online QR code generator in JavaScript

I found nice jQuery plugin for generating QR codes written by Jerome Etienne: jquery.qrcode.

It’s fairly easy to use. Just pass a text to function and QR code is ready:

jquery('#qrcode').qrcode("this plugin is great");

Here is small application that generates QR codes on the fly as you type.

You can also download QR code as image (use: Chrome, FF, Opera or Safari for download).

Enter text:

Link to standalone QR code HTML5 application.

31. December 2011

PF 2012

[SK] Nájdi cestu k pokladu.
[EN] Find a path to the treasure. ;-)

[SK] Odkaz na aplikáciu.
[EN] Link to application.

Note: Map is based on one geocache puzzle.

15. October 2011

Composing and playing music with HTML5

I was searching for a web based music note editor. I found HTML5 Cloud Composer from Greg Jopa.

Then I found something more like good old FastTracker: Sonant Live composer.

You can use Sonant Live composer to create tracks with music.

What is even more interesting about this composer is that you can store your song into pure JavaScript file and replay it with js-sonant.

The princeple of js-sonant is quite simple. You just store music structure into song variable and then you call createAudio. It will produce HTML5 audio object with wav rendered from your song tracks.

Here is sample code:

var songGen = new sonant();

for (var t = 0; t < 8; t++)
{
    songGen.generate(t);
}

audio = songGen.createAudio();
audio.loop = true;
audio.play();

Here you can play my simple attempt to make music. :-)

Note: Your browser must support HTML5 audio in order to play this music. Browsers which have support for HTML5 audio: Google Chrome, Firefox, Opera, Safari.

Note 2: Please wait few seconds after you clicked the Play button. You browser will render JavaScript music notation into playable Wav.

1. July 2011

Google Gravity

Do you know what happens if you apply gravity constant on HTML elements?

No? Try to search for something by this enhanced Google Search page.

30. June 2011

HTML5 WebGL/Canvas – Standard Slide – sneak peek

Year ago we developed application for navigating in Standard Slide catalog. It was written in Flex and still it’s serving very well.

This year we decided to make further step and we’re preparing version in HTML5. Not only that. We would like to show 3D models right in the browser.

Many thanks to Three.js for great Canvas/WebGL library.

I’ll share small sneak peek with you. I recommend to view it in Google Chrome or Firefox 4+ which has support for WebGL. Other modern browsers supports Canvas and 3D model will be displayed there as well.

Application is not finished yet. Models are in prototype version. We have to fix some issues, but it nicely demonstrates power of HTML5.

Update: You can test newer version 0.6

Test Standard Slide 3D version 0.6.

5. June 2011

Web based file uploader – uploading more than 100 MB

Klokantech.com provides new commercial version of web based File Uploader.

This uploader is able to upload more than 100 MB file.

Solution is combining HTML5 with Flash fallback for older browsers.

File Uploader is able to upload data to Amazon S3, Google App Engine or own infrastructure.

26. May 2011

Slides – AUG Slovakia – 3D world – Flash and HTML5

Slides from AUG Slovakia – 26.5.2011 – Bratislava

6. May 2011

HTML5 API – File.slice changed

Promised glory and unity of HTML5 API is falling apart. API keeps breaking with every new version of browser. That’s sad.

Firefox and Google Chrome implemented File API for manipulating with files. It contained very useful function slice.

Slice allowed you to read part of file content. This was quite handy when dealing with big files.

Poorly chosen name for API function caused split in browsers unity. Here is explanation:

This method was removed in Gecko 5.0 (Firefox 5.0) because its syntax differs from that of Array.slice() and String.slice(). Work is ongoing on standardizing its replacement, but for now you can use the mozSlice() method on Gecko-based browsers.

Nice.

Method was replaced by:

  • mozSlice – in Firefox
  • webkitSlice – in Google Chrome

There is one important difference in the second parameter of function:

  • In case of slice it was length of block that should be loaded.
  • In case of *Slice it is the end position of block (length + start position).

11. April 2011

Cool news for mobile, PHP, Flex and web professionals – CS 5.5

Adobe announced upcoming version of CS 5.5. In my opinion they should change the name to CS 6, because new features are very powerful.

jQuery Mobile and PhoneGap in Dreamweaver. If you’re short on thime, just check 5th minute of video. Greg Rewis is showing how to run jQuery Mobile app on Android.

There are great news for PHP developers. Adobe announced FlashBuilder 4.5 for PHP. Simpler workflow and better integration of Flash/Flex apps with PHP code base.

FlashBuilder 4.5 has also great support for mobile development. Check out this article.

FlashCatalyst has new features. See the video:

Absolutely great job Adobe!

31. March 2011

Technical conference Svoboda 2011 – Brno – slides

Conference Svoboda 2011 was great. I was talking about 3D models for Thermoplay’s – Hot Runner Systems and catalog applications developed for Ermanno Balzi.

The second part of my talk was related to Srobick communication platform. Actual version of Srobick supports Annotator, On-line conference, Ticket system and Mass Mail campaigns. Platform is now available for customers.

You can download slides from my presentation as PDF format.

  • Babel fish

      Translate from:

      Translate to:

  • Where’s the fish?

  • Starfish

  • Fish for you

  • Further info

  • Badges

  • Video channel

  • Learning

    Grow your brain.
  • Tags

  • Topics

  •  

    February 2012
    M T W T F S S
    « Jan    
     12345
    6789101112
    13141516171819
    20212223242526
    272829  
  • Comments