Sunday, May 31, 2009

Saturday, May 30, 2009

Flexibility Women (8 amazing photos)

The contortionists have unusual natural flexibility, which is then enhanced through gymnastic training.It is amazing the flexibility that they have.See the 8 photos:

Tuesday, May 26, 2009

How to implement a news ticker with jQuery and ten lines of code

After my previous posts about how to implement a news ticker with MooTools I received a lot of emails from my readers that asked to me to implement a similar feature with jQuery, including fade in and fade out effects, in the simpler possible way. So in this post I want to illustrate you how to implement a nice news ticker using jQuery and just ten lines of Javascript code. The result is something like this:



I suggest you to take a look at this live preview and download the source code to understand how it works. In the source code I added a file called base.html that contains the basic structure of this ticker you can quickly reuse and customize in your web project.





A little introduction
Step 1: image to have a <ul> list with ID = listticker. This list contains some list elements <li> (in this case: My News 1, My News 2, ...). First step is: get the first element of the list, save its content into a var and remove it using a fade out effect.



You can get the HTML code contained into the first element of the list (#listticker) and assign it to a var (first) using this simple code:

first = $('ul#listticker li:first').html();


To use fade out effect and remove the element you can use this code:

.fadeOut('slow', function() {$(this).remove();});


Step 2: now you have to add the content saved into the var first to the end of the list:


You can use this simple code:

$('ul#listticker').append(first)


...where first is the var you used to save the content of the first element in the step 1.

Step 3: Now you have to move up the content of the list (My News 2 is now the first element of the list) and repeat the entire process from the step 1.




In Javascript code section of this tutorial I used setInterval() to repeat the process every 3 seconds (3.000 milliseconds). Ok, now take a look at HTML and Javascript code.


HTML Code
HTML code is really simple. The only thing you have to do is adding an <ul> list with ID = listticker and some list elements:

<ul id="listticker">
<li>My News 1</li>
<li>My News 2</li>
<li>My News 3</li>
<li>My News 4</li>
<li>My News 5</li>
</ul>

Remeber to add into the tag <head> of the page where you want to implement this ticker a link to jQuery:

<script type="text/javascript" src="jquery.js"></script>


Javascript Code
Take a look at the follow code. I implement 2 functions removeFirst() and addLast(). Each function contains five lines of code. Total lines for "conceptual" code: 10 lines! I promised! :)

<script type="text/javascript">
$(document).ready(function(){

var first = 0;
var speed = 700;
var pause = 3000;

function removeFirst(){
first = $('ul#listticker li:first').html();
$('ul#listticker li:first')
.animate({opacity: 0}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '
  • '+

  • first+'';
    $('ul#listticker').append(last)
    $('ul#listticker li:last')
    .animate({opacity: 1}, speed)
    .fadeIn('slow')
    }

    interval = setInterval(removeFirst, pause);
    });</script>


    In the last line I used:

    interval = setInterval(removeFirst, pause);


    ...it calls the function removeFirst()every 3 seconds (3000 milliseconds) and in this way I create ad infinite loop.




    If you have suggestions to improve the code please leave a comment. Thanks!


     
    News ticker with horizontal scrolling
    Fantastic News Ticker Newsvine-like
    Automatic news ticker with vertical scrolling and Start/Resume optionsJoomla! extension: super news ticker

    Saturday, May 23, 2009

    Useful Adobe Flash frameworks and graphical engines for developers

    Are you an Adobe Flash developers? In this post you can find some really interesting Flash frameworks and graphical engines that help you develop quickly complex Rich Internet Application and Flash-based games. This list includes graphic UI elements, Flash and Flex components, a physical engine and an open source component to create isometric games with Flash.


    Gaia Framework
    Gaia is an open-source front-end Flash Framework for AS3 and AS2 designed to dramatically reduce development time. Gaia is targeted at anyone who develops Flash sites. It provides solutions to the challenges and repeated tasks we all face with front-end Flash site development, such as navigation, transitions, preloading, asset management, site structure and deep linking. It provides speed and flexibility in your workflow and a simple API that gives you access to its powerful features. For an example of Gaia-made website take a look at Inglorious Basterds Official Site.

    Progression
    Progression is a real powerful framework for Adobe Flash with focus on your creative work. You can just focus on user experience matter, how to transit, what dramatical effects you want to provide for your UI. Progression supports wide range of developing styles - from traditional timeline-based style to stylish class-based style. Progression packages all necessary functions of Web site development as component. You can develop web site using the component by drag & drop on the stage.

    Yahoo! ASTRA
    Yahoo! ASTRA, is an ActionScript Toolkit for Rich Internet Applications. It provides a collection of Flash and Flex components, code libraries, toolkits and utilities developed by Yahoo! for ActionScript developers.

    ARP
    ARP is an open source pattern-based Rich Internet Application framework for the Adobe Flash Platform. ARP currently supports Adobe Flash and Flex-based RIA development in AS 2 and AS 3 and is designed to be simple to use and lightweight.

    JSwiff
    The aim of the JSwiff project is to create an open source, pure Java framework for Macromedia Flash file creation and manipulation.

    PushButton
    The PushButton Engine is an Open Source, Flash game engine and framework that's designed for a new generation of games. PushButton Engine makes it easy to bring together great existing libraries and components for building Flash games. Spend less time on code, more time on building fun games.

    Fisix Engine
    The Fisix Engine is a 2D verlet physics engine for Flash. It is written completely in AS3 in order to make use of flash player 9’s improved cpu capabilities. Although Flash is still slower than platforms such as c/c++, or java, which means that you most likely won’t be able to make the next Half-Life in flash, it doesn’t mean you can’t do really cool stuff with 2D particles, constraints, rigid bodies, etc. and make great looking games and simulations. Take a look at the demo here. The result is really awesome.
    FFilmation
    FFilmation is a really impressive, open source, Flash Engine to create isometric locations for Flash-based games.


    Related Content
    - 7 Powerful image carousels for web designers
    - Useful scripts and resources Facebook-inspired for web developers
    - Best Image Croppers ready to use for web developers
    - 10 Beautiful Web UI libraries
    - File uploaders collection for web developers
    - Interesting html FORM Validators for web developers

    Wednesday, May 20, 2009

    How to manage a small web project: a simple approach

    Some times ago I wrote a post about a structured process you must know to develop a web application and many readers asked to me to write something simpler about how to manage a small web project. I think there are not general rules for that but, without doubt, a correct approach can help you manage your projects more efficently and achieve quickly the final result.

    I prepared this picture that illustrates a simple process with 3 main phases you can use as reference to manage a small web project:



    1. Planning

    Plan what you have to do, how you have to do it and in which time.

    1.1 Define project scope

    First step: Identify 4-5 high-level points which define the scope of your project. Don't underrate the importance of this step because if you are able to describe your project in a nutshell, it means you have a clear idea about what you have to do. So it will be simpler to realize it.

    1.2. Identify main features to implement

    Second step: Identify main features of your web project and add, for each of them, some details such as relationships, general notes, ecc. For example image to have a simple project with only two main features: user login and profile management. You can represent them in this way:



    That's a simplified example only to give you an idea.


    1.3. Define sitemap

    Next step: define a sitemap of your project with files and folder. Be accurate in identifying all files to implement (HTML/PHP page, JavaScript files,...) because they are final deliverables to implement.




    1.4. Plan a daily to-do list

    Set daily milestones using a simple to-do list. So everyday you'll know exactly what you have to do. In this way, you can easy monitor your progress measuring what you did a certain day and what had to do.




    2. Developing and testing

    In this phase: write HTML, CSS, PHP, JavaScript... code and test small portions of code during developing (preliminary test). So it wil be simpler find bugs and errors. When your web application is ready, stress it with a final test to catch errors you didn't find during preliminary test which cause unexpected behaviors .


    3. Publishing

    Now you are ready to publish your project on-line. When your website or web application is on-line do a last test on what you published to assure you that it's all ok. That's all!

    If you have some suggestion please leave a comment, thanks!


    External links
    Take also a look at these links:

    - Software development methodology
    - Agile software development - Wikipedia, the free encyclopedia
    - Manifesto for Agile Software Development


    Related posts
    - Structured process you must know to develop a web application
    - Simple process to estimate times and costs in a web project
    - How to manage a small web project: a simple approach
    - Simple process to estimate times and costs in a web project
    - The Deming Cycle: an application to web design

    Tuesday, May 19, 2009

    What do you think about the new layout of Woork?

    Hi everyone, how you can see I made some general improvements (... I hope...) to the layout of Woork considering several suggestions I received from you in the past months about the old design of my blog. What do you think about the result? Please let me know, leaving a comment. Thanks!

    Thursday, May 14, 2009

    7 Powerful image carousels for web designers

    This post is a collection of some powerful carousels for images and text content ready to use in your web projects. It includes Agile Carousel, YUI Carousel, JCarousel, iCarousel (jQuery + MooTools) and a tutorial about how to implement a simple Flickr-like carousel using Prototype-UI. If you want to suggest other interesting scripts about this topic, please leave a comment. Thanks!

    1. Agile Carousel
    Agile Carousel is a jQuery plugin that lets you create a super fexible carousel with advanced setting options. It supports text and images in each box and a navigator to display in which box you are. Take a look here to see it in action, it's absolutely my favourite!

    2. Yahoo! UI Carousel Control
    The YUI Carousel Control provides a widget for browsing among a set of like objects arrayed vertically or horizontally in an overloaded page region. The "carousel" metaphor derives from an analogy to slide carousels in the days of film photography; the Carousel Control can maintain fidelity to this metaphor by allowing a continuous, circular navigation through all of the content blocks.

    3. jCarousel
    jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).

    4. jCarousel Lite
    jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs.

    5. Simple images carousel to create Flickr-like slideshows
    This tutorial illustrates how to implement a simple images carousel to create a Flickr-like slideshow using Prototype-UI framework.

    6. iCarousel
    iCarousel is a powerful carousel built over MooTools v1.1 fully configurable from the user just in some steps. You can change any default option just initializating the class with an object in JSON. It's tested in Internet Explorer, Firefox, Opera and Safari.

    7. Carousel.us
    Carousel.us is an advanced Javascript 3D carousel which uses either MooTools framework and Reflection.js by Christophe Beyls, or Prototype.js and Script.aculo.us frameworks with Reflection.js. Take a look here to see it in action.



    Useful scripts and resources Facebook-inspired for web developersBest Image Croppers ready to use for web developers10 Beautiful Web UI librariesFile uploaders collection for web developersInteresting html FORM Validators for web developers

    ColoRotate: browse and create your color palette in 3D

    ColoRotate is a free online service that has some similarities to Adobe Kuler, but is different in that it's in 3D. Users can browse color palettes, create new palettes, and share palettes with others in the ColoRotate community.

    Using ColoRotate 3D interface, you can quickly see the multidimensional nature of your colors and the relationships between colors in a way that matches how your eye and brain perceive color and change your colors one at a time, blend two colors together, or transform a full palette of colors all at once with contrast and color joysticks — adjustments that previously have been beyond your reach. With ColoRotate’s quick drag-and-drop you can adjust hue, brightness, and saturation. Import and export in Adobe Swatch Exchange (ASE). Soon, you’ll be able to save even more time with a Photoshop Plugin.



    You can also post on-line your palettes, and tag palettes to engage with the ColoRotate community, or discussions. In the future, look for features like comments and ratings.
    ColoRotate has an intuitive interface that eliminates the need to memorize or jot down color combinations or numbers. Indeed, you can traverse across an open three-dimensional color space and choose (or design) the color palette that fits your needs. In the process, you can uncover color relationships that give your designs an aesthetic balance that will please the most discriminating eye.


    Related Content
    - Best resources on-line for color schemes generators

    Why computers are important

    Why computers are important

    Why computers are important

    Why computers are important

    Friday, May 8, 2009

    What is important is to keep learning, to enjoy challenge, and to tolerate ambiguity. In the end there are no certain answers.
    Martina Horner.President of Radcliffe College
    What is important is to keep learning, to enjoy challenge, and to tolerate ambiguity. In the end there are no certain answers.
    Martina Horner.President of Radcliffe College

    The Emperor's New Clothes

    Complete the gaps with words and expressions from the box


    an extraordinary method at the gates of the palace disclosed the incredible news He changed clothes almost heard the scoundrel's strange story Once upon a time spread over his kingdom that it looks invisible the better of him The chamberlain notified the prime minister to anyone who is too stupid to see to show them off to take advantage We are two very good tailors who had heard of the Emperor's vanity whose only worry in life


    The Emperor's New Clothes


    ________________________ there lived a vain emperor ________________________ was to dress in elegant clothes.__________________ every hour and loved ___________ _____________to his people.

    Word of the Emperor's refined habits __________________________and beyond. Two scoundrels ___________________________decided _________________________of it. They introduced themselves __________________________with a scheme in mind.

    " _____________________________and after many years of research we have invented ___________________to weave a cloth so light and fine ___________________________. As a matter of fact it is invisible _______________________and incompetent to appreciate its quality."

    The chief of the guards _______________________________________ and sent for the court chamberlain. ______________________________, who ran to the Emperor and _______________________. The Emperor's curiosity got _______________________and he decided ____________the two scoundrels.





    Self-Access Group. CiefP Santander


    KEY

    1. Once upon a time
    2. whose only worry in life
    3. He changed clothes almost
    4. to show them off
    5. spread over his kingdom
    6. who had heard of the Emperor’s vanity
    7. to take advantage of it
    8. at the gates of the palace
    9. We are two very good tailors
    10. an extraordinary method
    11. that it looks invisible
    12. to anyone who is too stupid
    13. heard the scoundrel’s strange story
    14. The chamberlain notified the prime minister
    15. and disclosed the incredible news
    16. the better of him
    17. to see

    The Emperor's New Clothes

    Complete the gaps with words and expressions from the box


    an extraordinary method at the gates of the palace disclosed the incredible news He changed clothes almost heard the scoundrel's strange story Once upon a time spread over his kingdom that it looks invisible the better of him The chamberlain notified the prime minister to anyone who is too stupid to see to show them off to take advantage We are two very good tailors who had heard of the Emperor's vanity whose only worry in life


    The Emperor's New Clothes


    ________________________ there lived a vain emperor ________________________ was to dress in elegant clothes.__________________ every hour and loved ___________ _____________to his people.

    Word of the Emperor's refined habits __________________________and beyond. Two scoundrels ___________________________decided _________________________of it. They introduced themselves __________________________with a scheme in mind.

    " _____________________________and after many years of research we have invented ___________________to weave a cloth so light and fine ___________________________. As a matter of fact it is invisible _______________________and incompetent to appreciate its quality."

    The chief of the guards _______________________________________ and sent for the court chamberlain. ______________________________, who ran to the Emperor and _______________________. The Emperor's curiosity got _______________________and he decided ____________the two scoundrels.





    Self-Access Group. CiefP Santander


    KEY

    1. Once upon a time
    2. whose only worry in life
    3. He changed clothes almost
    4. to show them off
    5. spread over his kingdom
    6. who had heard of the Emperor’s vanity
    7. to take advantage of it
    8. at the gates of the palace
    9. We are two very good tailors
    10. an extraordinary method
    11. that it looks invisible
    12. to anyone who is too stupid
    13. heard the scoundrel’s strange story
    14. The chamberlain notified the prime minister
    15. and disclosed the incredible news
    16. the better of him
    17. to see

    Thursday, May 7, 2009

    How to implement a Post-to-Wall Facebook-like using PHP and jQuery

    In the past months I received a lot of request to write a tutorial for beginners in order to explain how to implement a Post-to-Wall Facebook-like. So, I prepared this very simple example which helps everyone understand how to implement this feature in a website using just some lines of PHP and JavaScript code.

    Take a mind, every post in the Facebook Wall contains a lot of information (user, sender, message content, date, number of comments, ...):


    But how I said, this tutorial is for Ajax/jQuery/PHP beginners. So I decided to simplify the original Wall using just a single information: the message content.





    In this tutorial we have these files:
    - confing.php (database connection parameters)
    - index.php
    - insert.php
    - jquery.js
    How the Wall works?



    index.php contains a form with id "submit_form" with an input text with id "message_wall". When an user submits a new message. Then the new message is appends to top of the ul list with id "wall" with a nice fade-in effect (with jQuery). Ok, now take a look at the code.


    1. index.php
    index.php is very simple and contains just simple HTML code:

    <form id="submit_wall"&gt;
    <label for="message_wall">Share your message on the Wall</label>
    <input type="text" id="message_wall" />
    <button type="submit">Post to wall</button>
    </form>

    <ul id="wall">
    </ul>

    The <ul> list with id "wall" is the "container" of messages which are posted into the wall.


    2. JavaScript Code
    Open index.php and include jQuery in the <head> tag of the page:

    <script type="text/javascript" src="jquery/jquery.js"> </script>

    ...then add this simple function to enable Ajax functionalities to insert the message posted from the user into a database table without reload the page:

    <script type="text/javascript">
    $(document).ready(function(){
    $("form#submit_wall").submit(function() {

    var message_wall = $('#message_wall').attr('value');

    $.ajax({
    type: "POST",
    url: "insert.php",
    data:"message_wall="+ message_wall,
    success: function(){
    $("ul#wall").prepend("<li style="display: none;">"+message_wall+"</li>");
    $("ul#wall li:first").fadeIn();
    }
    });
    return false;
    });
    });
    </script>

    .prepend(...) is a jQuery function to insert elements inside, at the beginning, of a specific element (in this case UL list with id wall -->$("ul#wall")). When the new message is added into the list is hidden (display:none). Then it appears with a fade-in effect:

    $("ul#wall li:first").fadeIn();

    ul#wall:first: gets the first li element (the last added) into the ul list with id "#wall".


    3. insert.php
    insert.php contains some lines of PHP code to insert the new message into a database table. In this example I created a table WALL with just one attribute "message". PHP code is very simple:

    <?php
    if(isset($_POST['message_wall'])){
    /* Connection to Database */
    include('config.php');
    /* Remove HTML tag to prevent query injection */
    $message = strip_tags($_POST['message_wall']);

    $sql = 'INSERT INTO WALL (message) VALUES( "'.$message.'")';
    mysql_query($sql);
    echo $message;
    } else { echo '0'; }
    ?>


    That's all! Download the source code ready to use in your web projects.




    Add a comment for questions or suggestions, thanks!

    Wednesday, May 6, 2009

    8 Interesting Adobe AIR applications for web lovers

    I like Adobe AIR. With AIR you can develope rich internet applications that run outside the browser on multiple operating systems. In this post I want to share with you some really interesting Adobe AIR applications for web lovers: this list includes some social-network clients, developer tools, and mashup applications.


    1. TIME 100 desktop application
    TIME 100 allows you to access to the complete archive of past and present honorees on the TIME 100 annual list of the “World's Most Influential People”.



    I think it's one of the most interesting applications actually in circulation. Take it a look!


    2. DestroyTwitter
    DestroyTwitter is a robust but compact Twitter application built on the Adobe AIR platform. It consists of a series of canvases that constantly update to keep tweets current and up-to-date using notifications that appear immediately after a new tweet arrives.



    DestroyTwitter also features complete direct messaging functionality. Messages and tweets can be replied to with the original visible for quick and easy reference. A search function is also available to track anything that's being talked about.


    3. Feedalizr
    Feedalizr is a social media desktop client that keeps track of updates from friendfeed, twitter, facebook, Flickr, Twitpic & jaiku. It offers full support for these services so that users can interact, i.e. comment, like, favorite, tweet, reply etc. and their updates are instantly reflected on the services website and added to their stream.




    4. Skimmer
    Skimmer is an Adobe AIR desktop application designed to streamline, beautify, and enhance the experience of participating in your most frequently used social networking activities.



    It improves upon your day-to-day interaction with multiple social networks, removing distractions and providing a rich experience that is particularly suited to multimedia content.


    5. Icon Generator
    Icon Generator is a little application that lets you generate a CS3 or Web 2.0 style icon, only 3 step. Pick color, type characters, and save it. Just create 4 different sizes of the icon.



    6. Kuler Desktop
    Kuler is an online application to create and share color harmonies. With this AIR application you can search and import Kuler themes directly into Creative Suite 3 Illustrator, InDesign, and Photoshop.


    You can also view the highest tated, most popular, newest, and randomly selected themes. Drag and drop themes as transparent "tear offs," to scale and view over any application.


    7. Lita
    Lita is an administration interface for SQLite databases. It lets you edit your databases structure and data in a dedicated environment.



    With Lita you can open, create, compact databases; create, rename, delete, and empty tables; Easily run, import and export your custom SQL statements.


    8. Bookmash
    Bookmash is a mashup application which allows you to find quickly videos, music, photos, people and news on line.



    Any suggestions about other interesting AIR applications? Please leave a comment!

    Mamma Mia!







    Money, money, money for Greek island as Mamma Mia! draws tourist hordes

    Some want weddings. Others want champagne receptions at sunset on their own private beach. Others want to dance and kiss on the beach. It's called the Mamma Mia! effect. And nowhere is it felt more keenly than on the Aegean isle of Skopelos. "The phones never stop ringing," says Mayor Christos Vasiloudi. "People call in all the time asking how they can get to our Mamma Mia! paradise."
    "It's extraordinary. I've had requests from people in England, Hungary, Australia, asking whether they can marry here, hold champagne parties here, buy land here," said Mahi Drossou, a local travel agent. "One English couple wondered whether they could book the beach that features in the film for a private wedding.
    Until the arrival of the Hollywood star cast 15 months ago, Skopelos (population 4,696) was best known for its plums, pears and pine trees. Without an airport, reachable only by ferry, few could have imagined that the 96 sq km isle, east of Athens, would become the backdrop of a blockbuster featuring Meryl Streep, Colin Firth and Pierce Brosnan. Even fewer could have foreseen its emergence as the film's star.
    "I've met people who have come because friends had seen the film four or five times and they wanted to see what all the fuss is about," said Dimitra Rekkas at the town hall. "The producers checked out at least 25 Greek islands before opting for Skopelos. They chose our island because of its greenness and the fact it really is a small paradise."
    The film's success could not have been better timed for a country whose tourist-dependent economy has been hard hit by violent anti-government protests. On Thursday - thirteen days after riots erupted over the police shooting of a teenage boy - Greek officials announced that hotel bookings had dropped by 40%, prompting Prime Minister Costas Karamanlis to announce emergency measures to boost tourism.
    "Okay, we need Mamma Mia! in this economic crisis but a lot of us would hate it if the film that promoted our island also ended up destroying it," said travel agent Mahi Drossou. "It's great that people want to come and marry here and dance and kiss on our beaches but Skopelos has an unspoilt natural beauty and we want to keep it that way."

    Question 1. Indicate whether these sentences are true or false. Justify your answers with evidence from the text.
    a) People all over the world are interested in owning property on the island.
    b) Many people thought that the real protagonist of the film was Skopelos.
    c) It didn’t take the film makers long to decide on a setting for the film.
    d) The inhabitants of the island are afraid that this film success will put an end to its beautiful landscape.

    Question 2. Answer the following questions in your own words.
    a) What kind of place is Skopelos?
    b) Why was “Mamma Mia”´s success beneficial for the island?

    Question 3. Find a word or a phrase in the text that means the same as
    a) appear (par. 2)
    b) excitement (par.4)
    c) increase (par.5)

    Question 4. Rewrite the following sentences without changing the meaning
    a) They wondered whether they could book the beach for a private wedding.
    They wondered whether the ………………………………………………….
    b) “They chose our island because of its greenness and the fact that it really is a small paradise.
    Dimitra said that ……………………………………………………………….
    c) We need “Mamma Mia!” because there is an economic crisis.
    If there ……………………………………………………………………………

    Question 5. Write a short essay (120-150 words) on the following topic:Would you take part in a competition like “Survivors”?

    Self-Access Group. CEP Santander

    Mamma Mia!







    Money, money, money for Greek island as Mamma Mia! draws tourist hordes

    Some want weddings. Others want champagne receptions at sunset on their own private beach. Others want to dance and kiss on the beach. It's called the Mamma Mia! effect. And nowhere is it felt more keenly than on the Aegean isle of Skopelos. "The phones never stop ringing," says Mayor Christos Vasiloudi. "People call in all the time asking how they can get to our Mamma Mia! paradise."
    "It's extraordinary. I've had requests from people in England, Hungary, Australia, asking whether they can marry here, hold champagne parties here, buy land here," said Mahi Drossou, a local travel agent. "One English couple wondered whether they could book the beach that features in the film for a private wedding.
    Until the arrival of the Hollywood star cast 15 months ago, Skopelos (population 4,696) was best known for its plums, pears and pine trees. Without an airport, reachable only by ferry, few could have imagined that the 96 sq km isle, east of Athens, would become the backdrop of a blockbuster featuring Meryl Streep, Colin Firth and Pierce Brosnan. Even fewer could have foreseen its emergence as the film's star.
    "I've met people who have come because friends had seen the film four or five times and they wanted to see what all the fuss is about," said Dimitra Rekkas at the town hall. "The producers checked out at least 25 Greek islands before opting for Skopelos. They chose our island because of its greenness and the fact it really is a small paradise."
    The film's success could not have been better timed for a country whose tourist-dependent economy has been hard hit by violent anti-government protests. On Thursday - thirteen days after riots erupted over the police shooting of a teenage boy - Greek officials announced that hotel bookings had dropped by 40%, prompting Prime Minister Costas Karamanlis to announce emergency measures to boost tourism.
    "Okay, we need Mamma Mia! in this economic crisis but a lot of us would hate it if the film that promoted our island also ended up destroying it," said travel agent Mahi Drossou. "It's great that people want to come and marry here and dance and kiss on our beaches but Skopelos has an unspoilt natural beauty and we want to keep it that way."

    Question 1. Indicate whether these sentences are true or false. Justify your answers with evidence from the text.
    a) People all over the world are interested in owning property on the island.
    b) Many people thought that the real protagonist of the film was Skopelos.
    c) It didn’t take the film makers long to decide on a setting for the film.
    d) The inhabitants of the island are afraid that this film success will put an end to its beautiful landscape.

    Question 2. Answer the following questions in your own words.
    a) What kind of place is Skopelos?
    b) Why was “Mamma Mia”´s success beneficial for the island?

    Question 3. Find a word or a phrase in the text that means the same as
    a) appear (par. 2)
    b) excitement (par.4)
    c) increase (par.5)

    Question 4. Rewrite the following sentences without changing the meaning
    a) They wondered whether they could book the beach for a private wedding.
    They wondered whether the ………………………………………………….
    b) “They chose our island because of its greenness and the fact that it really is a small paradise.
    Dimitra said that ……………………………………………………………….
    c) We need “Mamma Mia!” because there is an economic crisis.
    If there ……………………………………………………………………………

    Question 5. Write a short essay (120-150 words) on the following topic:Would you take part in a competition like “Survivors”?

    Self-Access Group. CEP Santander

    Money & Banking

    Match the words on the left with the definitions on the right



    1. savings a. money you borrow and pay back later

    2. loan b. when you spend more money than you have in an account

    3. mortgage c. money you don’t spend but keep in the bank for later

    4. overdraft d. a record of where your money is in a bank

    5. interest e. to put money into your bank

    6. withdraw f. a special arrangement to borrow money to buy a home

    7. deposit g. to take money out of the bank

    8. account h. a percentage you pay when you borrow money

    Money & Banking

    Match the words on the left with the definitions on the right



    1. savings a. money you borrow and pay back later

    2. loan b. when you spend more money than you have in an account

    3. mortgage c. money you don’t spend but keep in the bank for later

    4. overdraft d. a record of where your money is in a bank

    5. interest e. to put money into your bank

    6. withdraw f. a special arrangement to borrow money to buy a home

    7. deposit g. to take money out of the bank

    8. account h. a percentage you pay when you borrow money

    Tourist Information office

    Welcome to Cheltenham Spa

    Fill in the gaps with words from the box

    accommodation call enjoyable provide qualified range
    seeing stock trails


    Make our Tourist Information Centre your first 1 …………………. when planning your visit to Cheltenham. Our friendly team can provide an extensive 2………………………. of services to make your stay 3…………………………. and memorable. We can book your 4………………….. , from a homely bed and breakfast to a four-star-hotel. We can 5……………………… tickets for local events and we are booking agents for National Express and local coach operators.
    In summer we organise our own varied programme of Scenic Coach Tours of the Cotswolds, plus regular walking tours of Regency Cheltenham, all escorted by 6………………….. guides. We also 7……………………. a wide range of maps, walking 8....................................... and guidebooks plus quality gifts and souvenirs. We can help you with advice on what to see, where to go and how to get there.
    We look forward to 9……………………….. you in Cheltenham Spa.




    KEY

    1. call
    2. range
    3. enjoyable
    4. accommodation
    5. provide
    6. qualified
    7. stock
    8. trails
    9. seeing

    Tourist Information office

    Welcome to Cheltenham Spa

    Fill in the gaps with words from the box

    accommodation call enjoyable provide qualified range
    seeing stock trails


    Make our Tourist Information Centre your first 1 …………………. when planning your visit to Cheltenham. Our friendly team can provide an extensive 2………………………. of services to make your stay 3…………………………. and memorable. We can book your 4………………….. , from a homely bed and breakfast to a four-star-hotel. We can 5……………………… tickets for local events and we are booking agents for National Express and local coach operators.
    In summer we organise our own varied programme of Scenic Coach Tours of the Cotswolds, plus regular walking tours of Regency Cheltenham, all escorted by 6………………….. guides. We also 7……………………. a wide range of maps, walking 8....................................... and guidebooks plus quality gifts and souvenirs. We can help you with advice on what to see, where to go and how to get there.
    We look forward to 9……………………….. you in Cheltenham Spa.




    KEY

    1. call
    2. range
    3. enjoyable
    4. accommodation
    5. provide
    6. qualified
    7. stock
    8. trails
    9. seeing

    Word Building

    CLASSIFICATION: Vocabulary
    TOPIC: Word Building
    ACTIVITY TYPE. Gap filling
    LEVEL: 4




    Add a word that is derived from the one between brackets.


    1. You can rely on Jane. She is very………………… (depend)

    2. That rule is not ………….. …in this case (apply)
    3. Don’t tell anyone. This is …………… (confide)
    4. Librarians spend a lot of time …… their books (class)
    5. Despite his …….…………Stevie Wonder managed to become a top pop singer. (able)
    6. In wartime there is often a …….. ….…of food. (short)
    7. See Mr Baker. This matter is his ………………… (response).
    8. The company got more than 20 ……………….. (complain)
    9. What ….. ………………do you need for this job? (qualify)
    10. It is ……………. to take credit for other people’s ideas. (moral)
    11. The price is £5, excluding ……………… and packing. (post)
    12. I spent my ………………. in the country. (child)
    13. People who smoke ……………….. their children to do likewise. (courage)




    Self-Access Group. CiefP Santander




    KEY

    1. dependable
    2. applicable
    3. confidential
    4. classifying
    5. disability
    6. shortage
    7. responsibility
    8. complaints
    9. qualifications
    10. immoral
    11. postage
    12. childhood
    13. encourage

    Word Building

    CLASSIFICATION: Vocabulary
    TOPIC: Word Building
    ACTIVITY TYPE. Gap filling
    LEVEL: 4




    Add a word that is derived from the one between brackets.


    1. You can rely on Jane. She is very………………… (depend)

    2. That rule is not ………….. …in this case (apply)
    3. Don’t tell anyone. This is …………… (confide)
    4. Librarians spend a lot of time …… their books (class)
    5. Despite his …….…………Stevie Wonder managed to become a top pop singer. (able)
    6. In wartime there is often a …….. ….…of food. (short)
    7. See Mr Baker. This matter is his ………………… (response).
    8. The company got more than 20 ……………….. (complain)
    9. What ….. ………………do you need for this job? (qualify)
    10. It is ……………. to take credit for other people’s ideas. (moral)
    11. The price is £5, excluding ……………… and packing. (post)
    12. I spent my ………………. in the country. (child)
    13. People who smoke ……………….. their children to do likewise. (courage)




    Self-Access Group. CiefP Santander




    KEY

    1. dependable
    2. applicable
    3. confidential
    4. classifying
    5. disability
    6. shortage
    7. responsibility
    8. complaints
    9. qualifications
    10. immoral
    11. postage
    12. childhood
    13. encourage

    Describing characters

    Describing characters
    Match the adjectives in the “Positive” column with its correspondent opposite in the “Negative” column

    Positive Negative
    1. hard-working a. tense
    2. clever b. weak
    3. relaxed c. shy
    4. generous d. narrow-minded
    5. cheerful e. lazy
    6. flexible f. cruel
    7. strong g. miserable
    8. self-confident h. easy-going
    9. stubborn i. rigid
    10. kind j. stupid
    11. broad-minded k. mean





    KEY
    1-e
    2-j
    3-c
    4-k
    5-g
    6-i
    7-b
    8-c
    9-h
    10-f
    11-d

    Describing characters

    Describing characters
    Match the adjectives in the “Positive” column with its correspondent opposite in the “Negative” column

    Positive Negative
    1. hard-working a. tense
    2. clever b. weak
    3. relaxed c. shy
    4. generous d. narrow-minded
    5. cheerful e. lazy
    6. flexible f. cruel
    7. strong g. miserable
    8. self-confident h. easy-going
    9. stubborn i. rigid
    10. kind j. stupid
    11. broad-minded k. mean





    KEY
    1-e
    2-j
    3-c
    4-k
    5-g
    6-i
    7-b
    8-c
    9-h
    10-f
    11-d

    Tuesday, May 5, 2009

    Eating chocolate is good for maths



    Scientists reveal how eating chocolate can help improve your maths
    Eating chocolate could improve the brain's ability to do maths, a new study suggests. Mental arithmetic became easier after volunteers had been given large amounts of compounds found in chocolate, called flavanols, in a hot cocoa drink. They were also less likely to feel tired or mentally drained, the findings, presented at the British Psychological Society annual conference in Brighton show.
    Prof David Kennedy, director of the brain, performance and nutrition research centre at Northumbria University, and a co-author of the study, said that chocolate could be beneficial for mentally challenging tasks. The findings suggest students who binge on chocolate when revising for exams may gain a real benefit from doing so. The flavanols, part of a group of chemicals called polyphenols, work by increasing the flow of blood into the brain.
    For the study 30 volunteers were asked to count backwards in groups of three from a random number between 800 and 999 generated by a computer. The findings show that they could do the calculations more quickly and more accurately after they had been given the drink. However, the same was not true when the group was asked to count backwards in groups of seven, which the researchers described as a more complex task, requiring a slightly different part of the brain. The findings also show that the volunteers did not get as tired doing the calculations if they had been given the cocoa drink, despite being asked to do them over and over for an hour.
    The researchers gave the volunteers a total of 500mg of flavanol. Although the amount was too great to be found naturally in the diet, researchers said that people should ensure that they have lots of flavanols, also found in fruit and vegetables, on a regular basis. Dark chocolate contains higher quantities of the chemical than plain or milk chocolate.
    Prof Kennedy said: "The amount that we are giving is more than in the diet but there is quite a lot of evidence that general amounts are protective. The more fruit and vegetables and things that are high in polyphenols the better that is for your brain in the long run.”

    Question 1 (2 points) Indicate whether these statements are true or false. Justify your answers with evidence from the text.
    a. The study took place at a conference in Brighton.
    b. Chocolate contains a substance which makes blood flow more easily.
    c. People normally eat around 500mg of flavenol every day.
    d. There is more flavenol in dark chocolate than there is in milk chocolate.
    Question 2. (2 points) Answer these questions in your own words.
    a. Why is it more difficult to count backwards in groups of seven than in groups of three?
    b. Which foods does Professor Kennedy suggest that we should eat to help us perform mental activities and why?
    Question 3 (1.5 points) Find words or phrases in the text that mean the same as:
    a. to eat a lot of something (p.2) b. repeatedly (p.3) c. contain a lot of (p.5)
    Question 4 (1.5 points) Rewrite the following sentences without changing the meaning.
    a. Eating chocolate could improve the brain’s ability to do maths.
    The brain’s ability ..........................
    b. Students who eat a large amount of chocolate when revising for exams may gain a real benefit from doing so.
    If ............................................
    c. Professor Kennedy said “The amount that we are giving is more than in the diet but there is quite a lot of evidence that general amounts are protective. “
    Professor Kennedy said that ..................................................
    Question 5 (3 points) Write a short essay (120-150 words) on the following topic.
    So many different people tell us what to eat and what not to eat. Should we listen to their advice?

    Eating chocolate is good for maths



    Scientists reveal how eating chocolate can help improve your maths
    Eating chocolate could improve the brain's ability to do maths, a new study suggests. Mental arithmetic became easier after volunteers had been given large amounts of compounds found in chocolate, called flavanols, in a hot cocoa drink. They were also less likely to feel tired or mentally drained, the findings, presented at the British Psychological Society annual conference in Brighton show.
    Prof David Kennedy, director of the brain, performance and nutrition research centre at Northumbria University, and a co-author of the study, said that chocolate could be beneficial for mentally challenging tasks. The findings suggest students who binge on chocolate when revising for exams may gain a real benefit from doing so. The flavanols, part of a group of chemicals called polyphenols, work by increasing the flow of blood into the brain.
    For the study 30 volunteers were asked to count backwards in groups of three from a random number between 800 and 999 generated by a computer. The findings show that they could do the calculations more quickly and more accurately after they had been given the drink. However, the same was not true when the group was asked to count backwards in groups of seven, which the researchers described as a more complex task, requiring a slightly different part of the brain. The findings also show that the volunteers did not get as tired doing the calculations if they had been given the cocoa drink, despite being asked to do them over and over for an hour.
    The researchers gave the volunteers a total of 500mg of flavanol. Although the amount was too great to be found naturally in the diet, researchers said that people should ensure that they have lots of flavanols, also found in fruit and vegetables, on a regular basis. Dark chocolate contains higher quantities of the chemical than plain or milk chocolate.
    Prof Kennedy said: "The amount that we are giving is more than in the diet but there is quite a lot of evidence that general amounts are protective. The more fruit and vegetables and things that are high in polyphenols the better that is for your brain in the long run.”

    Question 1 (2 points) Indicate whether these statements are true or false. Justify your answers with evidence from the text.
    a. The study took place at a conference in Brighton.
    b. Chocolate contains a substance which makes blood flow more easily.
    c. People normally eat around 500mg of flavenol every day.
    d. There is more flavenol in dark chocolate than there is in milk chocolate.
    Question 2. (2 points) Answer these questions in your own words.
    a. Why is it more difficult to count backwards in groups of seven than in groups of three?
    b. Which foods does Professor Kennedy suggest that we should eat to help us perform mental activities and why?
    Question 3 (1.5 points) Find words or phrases in the text that mean the same as:
    a. to eat a lot of something (p.2) b. repeatedly (p.3) c. contain a lot of (p.5)
    Question 4 (1.5 points) Rewrite the following sentences without changing the meaning.
    a. Eating chocolate could improve the brain’s ability to do maths.
    The brain’s ability ..........................
    b. Students who eat a large amount of chocolate when revising for exams may gain a real benefit from doing so.
    If ............................................
    c. Professor Kennedy said “The amount that we are giving is more than in the diet but there is quite a lot of evidence that general amounts are protective. “
    Professor Kennedy said that ..................................................
    Question 5 (3 points) Write a short essay (120-150 words) on the following topic.
    So many different people tell us what to eat and what not to eat. Should we listen to their advice?

    Sunday, May 3, 2009

    5 Free Flash video and audio (mp3) players for the web

    Are you looking for a custom and simple solution to embed your videos or MP3 files into your web pages using a custom Flash player? Take a look at this collection with the most popular, useufl and free Flash video and audio players ready to use in your web site or blog.

    1. Flowplayer
    Flowplayer is an Open Source (GPL 3) video player for the Web. Use it to embed video streams into your web pages. Built for site owners, developers, hobbyists, businesses and serious programmers.


    2. JW FLV Player
    The JW FLV Player is the Internet’s most popular and flexible media player. It supports playback of any format the Adobe Flash Player can handle (FLV, MP4, MP3, AAC, JPG, PNG and GIF). It also supports RTMP, HTTP, live streaming, various playlists formats, a wide range of settings and an extensive javascript API.


    3. Flash Video Player Plugin for WordPress
    This Flash Video Player Plugin for WordPress is ideal to embed quickly your video into your Wordpress Blog. It supports custom skin, watermark logo, poster frames and floating controls.



    In order to use this plugin unpack it and transfer the flash-video-player folder into your wp-contents/plugins folder and activate the Flash Video Plugin in your WordPress admin panel. You can find more info here.


    4. WP Audio Player
    WP Adudio Player is a WordPress Plug-in to play MP3 file directly into your post. It's simple to use and customize. This is the default skin:



    You can also use this plug-in in a non-WordPress website following this tutorial.


    5. XSPF Web Music Player
    XSPF Web Music Player is a flash-based web application that uses xspf playlist format to play mp3 songs. XSPF is the XML Shareable Playlist Format. The software is written in Actionscript 2.

    Friday, May 1, 2009

    My Tiny TodoList | A simple open source todolist written in PHP and jQuery

    My Tiny TodoList is a totally free, simple open source todolist written in PHP and jQuery released from Max Pozdeev and based on my original MyToDoList application.

    Using MyTiny TodoList you can add, modify or delete tasks, mark a task as completed and set task priority. Max improved a lot the interface with some nice jQuery effects and other general improvements. The result is very interesting and I suggest you to take it a look.

    Max Pozdeev MyTinyTodoList Website
    MyTinyTodoList Demo




    Some screenshots:







    Install My Tiny TodoList

    1. Download, unpack and upload to your site.
    2. If you want to use Mysql database instead of Sqlite - uncomment the line begining with $config['mysql'] in file 'init.php' and specify your settings as described in file.
    Otherwise sqlite database file 'todolist.db' will be created in directory 'db'. If no - create it manually and make it writeble for webserver/php.
    3. Open in your browser file 'dba.php' from your site and create tables in databse.
    4. Open 'index.php' in your browser to run the application.