Step by step guide to add an IFrame as a tab on facebook fan pages.

http://www.hyperarts.com/blog/adding-iframe-application-to-facebook-fan-page/

A service to generate password can appear futile but I use it everytime I need a neutral strong password. You can choose the length and if you want symbols. It also suggests a way to remeber the password

strongpasswordgenerator.com/

http://humanstxt.org/

A good idea to give credits to all of us web workers.

I don’t think anyone will ever see it, but a little bit of well-hidden auto-celabration do not hurt

We Are People, Not Machines.

It’s an initiative for knowing the people behind a website.

It’s a TXT file that contains information about the different people who have contributed to building the website.

It is not easy to find online shops that accept paypal in Italy and UK, Amazon do not as well as Bol.it, Waterstone’s and Blackwell.

I finally found bookdepository.co.uk, the price of the book I bought (“You are not a Gadget” by Jaron Lanier) was around 3 euros higher than amazon but they deliver for free worldwide. The book took around 3 weeks to be in my hands but it arrived in perfect conditions.

PHPMiniAdmin is a raw and light alternative to phpmyadmin. In 10Kb you will find very basic features such as database table visualization, import and export and a textbox to write sql queries. It was usefull in one project where it was not possible to access the DB from remote and phpmyadmin was not installed on the server.

When it is possible to access DB from localhost I use Sequel Pro a free software for Mac OS that works really well.

Really original experiment, the first time I see a browser URL game!

http://probablyinteractive.com/url-hunter

via http://comandc.blogspot.com/

http://www.guardian.co.uk/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline

Clean and playfull visualization. 3d used in a smart way, it’s something that is not common to see around.

From infosthetics.com

xLanguage is a full featured plugin allows you to blog in different language, and allows user to select which version to read. It works for blog post, page, tags, categories.

http://wordpress.org/extend/plugins/xlanguage/

Useful to create a flash style preloader, it can be used to preload the entire page or just an image gallery

Official web site: http://orionseven.com/imageloader/

demo: http://orionseven.com/imageloader/example.php

Some usefull thought about how to organize information on e-commerce landing pages for mobile.

Some of the advices:

• avoid tag clouds,
• use auto suggest
• make different landing pages for brands,
• customizing the experience according to the brand

http://www.uxmatters.com/mt/archives/2011/02/design-strategies-for-brand-landing-pages-on-mobile-devices.php

Entitifier

Paste some text or HTML in to that darned beautiful text box down there and it’ll escape any nasty characters that should be entities. Perfect for ridding text of Microsoft Word specific quotations. The Entitifier doesn’t like inline PHP, erb etc. tags or HTML5 elements, yet. Please avoid them.

Usefull but it transforms apostrophes in " ”

http://entitifier.sambowler.com/

http://www.akamai.com/html/custom/index.html

not really usable but interesting for small select lists that needs to be “fun”

Akamai is a caching and mirroring company, their site states that “20% of the world’s Internet traffic is delivered over the Akamai platform.”

On their website (at the URL http://www.akamai.com/html/technology/visualizing_akamai.html) they provide some interactive charts with information about bandwidth and Internet traffic usage within their network.

A video presentation explaining what cartoons can teach about motion and animation to GUI designers.

Some examples:

• Exaggeration: a ball bouncing streches in unnatural way to help understanding the direction and the material of the ball.
• Anticipation: in interfaces over state events anticipate the event triggered by click
• Staging: animation put emphasis on important things

http://www.parleys.com/#st=5&id=1578&sl=13

Blur the New Black?

related short post about the importance of motion blur in conveys visual cues

http://www.uiandus.com/blog/2009/7/2/blur-the-new-black.html

An interesting technical article on how animations can help convey meaning in user interfaces. The author explains how Itunes on Ipad transitions work and then gives some practical advices on how to create transitions storyboards.

http://www.boxesandarrows.com/view/storyboarding-ipad

http://www.welovead.com/en/bookshelf/details/100_most_awarded_adverts_of..

It is possible to browse the book on line for free. Some of the campaign are really nice:

The World’s Biggest Signpost for Nokia
http://www.welovead.com/en/works/details/e8bBelqx

Volkswagen fun theory

http://www.welovead.com/en/works/details/af9BiowC

The interactive story “I kill a Friend,com”

http://www.welovead.com/en/works/details/367BmrvD

Live Panel From Billboard

Parallel lines project for philips

http://www.welovead.com/en/works/details/665BfpqC

Twelpforce for bestbuy

http://www.welovead.com/en/works/details/db5BhqpD

Samsung shakedown