Tag Archive for 'generators'

expressivo

I wonder if you’ever heard of expressivo? If you haven’t, have a look; if you’ve seen that, play with it again icon smile expressivo

By and large, expressivo is an online service that provided text-to-speech reader (and not only). It produces speech in English, Polish and Romanian. To generate speech it uses IVONA TTS.

I don’t know Romanian but English and Polish TTSs sound decent enough. Both TTS engine and the online service is a Polish product; the company is placed in Gdynia (one of the cities in Tricity).

Listen to English and Polish TTSs.

 expressivo

Web 2.0 buttons generator

Web 2.0-styled buttons are quite popular these days. In fact, they look fine. Actually, I love them icon smile Web 2.0 buttons generator

Today, I learned you don’t have to do it on your own with graphic software. I’ve found www.mycoolbutton.com – Web 2.0 buttons generator. It allows you to create a button in four steps:

  1. define the size
  2. define the color
  3. set up the icon
  4. set up the font

Finally, with a few clicks you create a button and download it as a png file.

AJAX activity indicator

Users are familiar with indications of work performed in background since first versions of MS Windows. Besides being fancy, they are also informative.

AJAX, a Web 2.0 technique, aim at exchanging only small amounts of data with a server; this should be performed behind the scenes. If so, why not expose the moments when user interaction brings about reqest and response from a server? Remeber my previous post about using prototype.js for making AJAX request? I use prototype also for indicating background actions on web pages that support AJAX.

You’d never guess how easy it is to such indicator.

First, you must register an action which accurs in case of an AJAX-related event. The best way to do that is add the following code in the head section of the HTML code (remember to include prototype.js library before it!):

<script type="text/javascript">
<![CDATA[
Ajax.Responders.register({
    onCreate: function(){ Element.show('spinner')}, 
    onComplete: function(){Element.hide('spinner')}
});
]]>
</script>

Then, further in the code inside body section, add this:

<img alt="spinner" id="spinner" src="gfx/spinner.gif" 
    style="display:none;" />

Actually, it’s all. Whenever you click an object which sends an AJAX request to the server, the indicator defined by img appears and is visible until the response is obtained.

Wonder, how to create an indicator animation? Generate one on ajaxload.info