30+ Water Inspired Websites

30+ Water-Inspired Websites: BAD 2010

Rafael Soto on Oct 15th 2010 with 25 comments


This year, Nettuts+ is taking part in Blog Action Day to raise awareness about clean water and water conservation. To tie that in with the web development world, we’ve compiled 30+ examples of websites, which make use of a water motif.

Startling Fact: Two million children under the age of five die from unsafe drinking water every single year. While many members of the Nettuts+ community (including myself) are in a constant state of saving for Adobe CSX, or any other expensive gadget, it can become alarmingly easy to forget that as many as a billion people on the planet don’t have access to something as simple as clean drinking water.

However, these scary statistics are not beyond our control. Did you know that even a $20 donation to sites like “Charity: Water” can provide one person with clean drinking water for twenty years? Money that we so often frivolously waste — on junk we don’t need — could be put to much better use.

Sometimes, it’s easy to do nothing — if only because you feel that you must give a lot in order for it to count. On the contrary, this couldn’t be further from the truth. If you only donated your lunch money for a day or two…that would absolutely make a difference. I’m in; are you?

30+ Water-Inspired Websites

1. Pusula Web

Name of site

2. Surf In Paradise

Name of site

3. Dizzain

Name of site

4. 4 Internet

Name of site

5. icebrrg

Name of site

6. iceberg

Name of site

7. dgerelo.net

Name of site

8. Tropical Sky Scuba Diving

Name of site

9. Alex Swanson

Name of site

10. Feed stitch

Name of site

11. Flossed Today

Name of site

12. Marketing Informatico

Name of site

13. Squared Eye

Name of site

14. Nirmal

Name of site

15. Viget Inspire

Name of site

16. Agami Creative

Name of site

17. happy cog

Name of site

18. Matt Dempsey

Name of site

19. bcandullo.com

Name of site

20. ali felski

Name of site

21. Biola

Name of site

22. Football made in Africa

Name of site

23. vSplash

Name of site

24. Sunrise Design

Name of site

25. Toggle

Name of site

26. Le Bloe

Name of site

27. Circa

Name of site

28. Siete de Febrero

Name of site

29. jumpstart

Name of site

30. Boompa

Name of site

31. Charity Water

Charity Water

About Blog Action Day

“Blog Action Day (originally created by Envato) is an annual event held every October 15 that unites the world’s bloggers in posting about the same issue on the same day with the aim of sparking a global discussion and driving collective action.”


Why Water?

“Right now, almost a billion people on the planet don’t have access to clean, safe drinking water. That’s one in eight of us who are subject to preventable disease and even death because of something that many of us take for granted.

Access to clean water is not just a human rights issue. It’s an environmental issue. An animal welfare issue. A sustainability issue. Water is a global issue, and it affects all of us.”

Encriptar pastas no sistema operativo

FREE SafeHouse Explorer

User’s Manual

Feature Comparison List

See SafeHouse Explorer in action.

Ver 3.01 for Windows (3MB)

Requires Microsoft Windows

XP, Vista, Windows 7, 32 or 64 bits.

See More Videos U3 Setup


SafeHouse Explorer is FREE encryption software which we’re making available to everyone as a free download in order to promote data privacy and help you to protect your confidential files.

This FREE security software is full featured and will never expire!


SafeHouse Explorer makes your secret files invisible and hides them from snoopers, intruders and anyone else who doesn’t have your permission to view them.

SafeHouse Explorer uses passwords and maximum-strength 256-bit advanced encryption to completely hide and defend your sensitive files, including photos, videos, spreadsheets, databases and just about any other kind of file that you might have.

SafeHouse Explorer can protect files residing on any drive, including memory sticks, external USB drives, network servers, CD/DVDs and even iPods. We also support U3 Smart Drives.

SafeHouse Explorer creates hidden private storage areas on your local hard drive or external media to hold your confidential files. Your files are completely invisible until you enter your password. After you enter your secret password, you access your files using SafeHouse Explorer’s familiar drag-and-drop Explorer-like interface.

Works Just Like Windows Explorer…


Receive 40% OFF our Professional Edition.

How? Just install SafeHouse Explorer. You’ll find a link on the menu bar. Click it!

Why? Because once you see how easy it is to fully protect your files, we think you’ll be interested in some of the extra power and daily conveniences of our Professional Edition.

See more videos…

Top Features

  • Complete full-featured stand-alone security solution.
  • Hides, locks and encrypts documents, spreadsheets, photos, videos and anything else.
  • Perfect for USB memory sticks and other portable media – even iPods!
  • Super strong 256-bit Twofish advanced encryption ensures your total protection.
  • Unlimited number of private storage vaults as large as 2,000 Gigabytes each.
  • Graphical password strength meter helps you choose strong passwords.
  • Can be run directly from USB memory sticks without prior Windows installation.
  • Can create self-extracting EXE encrypted storage vaults. Just click and run.
  • Fully-compatible with all other SafeHouse products and file formats.
  • Full version is 100% FREE and freely distributable. Never expires!

And Still More…

Optionally Run Stand-Alone without Installing

SafeHouse Explorer can optionally be run as a stand-alone executable file without needing to be installed, meaning that it can be run directly from USB memory devices or even the Internet; thereby making it possible for you to now access your protected files from public access PCs found in schools and libraries.

Special Note

The download file found at the top of this page is a standard Windows setup program which installs into Windows much like any other program. You can then copy the actual EXE program file to your memory stick – which we’ve made easy to do through a convenient menu tool.

See how to run SafeHouse Explorer directly from the Internet.

Use in Combination with SafeHouse Personal and Professional Editions

SafeHouse Explorer is the perfect companion to our other SafeHouse products. Each of our products serves a slightly different purpose, and it’s quite common for people to use SafeHouse Explorer plus one of the others at the same time — possibly one on your desktop, and the other for memory sticks.

All SafeHouse products are fully compatible with each other and are designed to interoperate and share files. Each product will also adjust its menus when it finds one of the others present on the same machine in order to expose features from the other product.


ver mais em http://www.safehousesoftware.com/SafeHouseExplorer.aspx


Outra alternativa:

Free open-source disk encryption software for Windows 7/Vista/XP, Mac OS X, and Linux

Main Features:

What is new in TrueCrypt 7.0a
Statistics (number of downloads)


Ver mais em http://www.truecrypt.org/

Sincronizar os contactos do Gmail com o Outlook e vice-versa

O GO Contact Sync funciona e resolve!

Com a aquisição de um smartphone Android, decidi colocar os meus contactos todos na cloud no serviço da Google, o Gmail. Desta forma, tenho toda a informação num ponto central e de certa forma salvaguardada (digo eu!).

Como sou também um utilizador dependente do Outlook, tive de arranjar uma maneira de sincronizar os contactos entre o Gmail e o meu Outlook (2007 e 2010). Para esse efeito,  apresento-vos o GO Contact Sync , uma excelente e simples aplicação que sincroniza facilmente os contactos do Gmail com Outlook e vice-versa.


Como já sincronizava o meu Outlook e Gmail a nível de calendário/eventos, faltava-me apenas também sincronizar os meus contactos.

A ferramenta GO Contact Sync é uma aplicação open source que permite sincronizar facilmente os contactos entre o Microsoft Outlook e os contactos afectos ao Gmail, funcionando também como uma ferramenta da backup. Além dessa operação, a aplicação permite remover contactos duplicados, tem suporte para categorias de contactos e também para manter as fotografias do contacto.


Como podem ver pela imagem anterior, a aplicação é bastante simples de “manobrar” tendo apenas do utilizador indicar as suas credenciais do e-mail e selecionar as opções pretendidas para sincronização. É simples, rápido e eficaz !

Alguém conhece alguma aplicação que sincronize  os contactos e também o calendário? Venham daí essas sugestões.

altLicença: Freeware
altSistemas Operativos: Windows XP/Vista/Win7
altDownload: GoContactSync [1.11MB]
altHomepage: webgear

PDF Tiger 1.0.–Converter documentos PDF para Word

Existem muitas aplicações para converter documentos Word em PDF, mas inversamente, de PDF para Word, não são tantas assim e as que existem nem sempre fazem um trabalho satisfatório. As boas, as que realmente podemos ter uma conversão fidedigna, são pagas e bem pagas.

Uma dessas ferramentas é o PDFTiger, uma aplicação que neste momento, está ao dispor de cada um de nós, gratuitamente. É uma promoção Giveway até 21 de Outubro. Boa oportunidade para descarregar e usar uma aplicação de conversão de topo… à borla!

PDFTiger permite converter documentos PDF em documentos editáveis Word, Rich Text Documents, ficheiros TXT, Imagens, ficheiros HTML e ficheiros Shockwave Flash SWF. Embora esta não seja, como referi em cima, uma ferramenta gratuita, goza até dia 21 de Outubro da campanha Giving Way. Podes descarregar em baixo a versão desta aplicação e pode recolher daqui a chave que irá activar definitivamente a ferramenta.

Com o PDFTiger poderá converter para:

  • Word para PDF
  • PDF para Word
  • PDF para JPG
  • Excel para PDF
  • PDF para RTF
  • PDF para BMP
  • PowerPoint para PDF
  • PDF para TXT
  • PDF para GIF
  • TXT para PDF
  • PDF para HTML
  • PDF para TIF
  • Imagens para PDF
  • PDF para SWF
  • PDF para PNG

E pode mesmo converter para PDF todos os ficheiros que sejam possíveis imprimir. Está uma rica e versátil ferramenta a custo zero, legal e certamente que fará falta nos computadores de cada um de nós.

Licença: Freeware (Giving Way até 21/10/2010)
Sistemas Operativos: Windows XP/Vista/Win7
Download: PDFTiger 1.0 [16.5MB]
Homepage: PdfTiger

Porque é que com a Internet da ZON não consigo ver alguns sites?

Isto não me acontece sempre, mas tenho dias que não consigo aceder a vários sites.
É impossível que estejam todos em baixo ao mesmo tempo.
No outro dia experimentei com a net móvel tmn e conseguia ver todos eles, voltei a desligar e a ligar-me pela zon, e novamente não conseguia aceder.
Já me disseram que é das definições da rede, mas acho isso um pouco vago. Eu nem sequer mexo nas definições da rede, tenho um router wireless é só ligar o portátil que ele liga-se logo não preciso de configurar nada, o acesso wireless já está configurado faz meses e sempre serviu.
Será da minha ligação?
ou sempre é preciso configurar alguma coisa?



Olá Paulo, tinha o mesmo problema, mas já o resolvi.
Quase todos os dias tinha dificuldade em aceder a vários sites também, e a mensagem de erro era que “não conseguia resolver o endereço”. Cheguei à conclusão que era dos DNS (servidores de nomes) da zon que estavam em baixo ou que falhavam, ao certo não sei.
A solução está em passar ao lado dos DNS da Zon, e colocar em cada computador os DNS da OpenDNS, um serviço gratuito.
Os ip’s dos servidores é: e por esta ordem.
Passos para fazer a alteração:
Windows XP
   1. Menu Iniciar > Painel de controle.
   2. Seleccione a opção Ligações de Rede e de Internet
   3. Seleccione (Ligações de Rede
   4. Na  Ligação de Área Local e/ou na Ligação sem fios, clique com a tecla direita e escolha a opção Propriedades.
   5. Seleccione a opção TCP/IP Protocolo de Internet.
   6. Seleccione a opção Use the following DNS server address (Usar os seguintes endereços de servidor DNS).
   7. Preencha os seguintes endereços na ordem apresentada: e
Windows Vista
   1. Vá até ao Painel de Controle (Control Panel).
   2. Clique em Centro de Rede e Partilha (Network and Sharing Center ), a segiur clique em Gerir Ligações de Rede (Manage network connections).
   3. Seleccione a ligação que pretende alterar com os novos DNS’s:
          * A sua placa de rede por cabo (Local Area Connection), clique sobre esta com o botão direito do rato e escolha Propriedades (Properties).
          * Para a sua ligação sem fios (Wireless Network Connection), clique sobre esta com o botão direito do rato e escolha Propriedades (Properties).
            – É provável que seja pedido a  password de administrador para fazer esta alteração
   4. Procure por “Esta ligação utiliza os seguintes items”. ( This connection uses the following items), escolha “TCP/IP V4 (Internet Protocol Version 4)”, e clique em propriedades(Properties).
   5. Clique em  Avançadas e selecione o tab DNS. Se lá estiver outro(s) endereço(s) de servidores escreva-os de modo a voltar atrás caso assim o deseje e remova-os através do botão remover.
   6. Nesta mesma janela coloque os seguintes endereços, atraves do botão “adicionar” por esta ordem: e Pode copiá-los directamente daqui.
   7. Clique em ok e vá fechando as janelas, sempre clicando em ok, sempre que este se apresente.
E pronto, tenho a certeza que daqui para a frente não terá mais problemas. 🙂

50 Powerful Time Savers for Designers

There are tools that make our lives much easier. However, finding those obscure time-savers which would save time in every single project isn’t easy and requires a lot of time. At Smashing Magazine, we are regularly looking for such useful tools, gather them, review them and eventually prepare for a truly smashing round-up. Such posts are quite lengthy and extensive, but they are always worth checking out.

In this post, you’ll find an overview of useful and handy tools that can help you increase your productivity and improve your workflow. Some tools are more general, the others are more technical, yet we hope that this round-up has something to offer to every one of our readers. Please feel free to leave your comments and share with us which one of the tools you’ve found most useful and interesting.

[Offtopic: by the way, did you know that there is a Smashing eBook Series? Book #2 is Successful Freelancing for Web Designers, 260 pages for just $9,90.]

Useful Time-Savers For Web Designers

House of Buttons
A growing collection of various buttons spotted in the wild by Jason Long. Very nice and useful collection, and submissions are welcome.

Useful-278 in 50 Powerful Time-Savers For Web Designers

Historious makes bookmarking work the way you want it. Bookmark sites with a single click, then come back to Historious and find sites by entering a few keywords!

Useful-236 in 50 Powerful Time-Savers For Web Designers

Browser UI
The Browser UI is an action that creates a browser window around any size Photoshop document you can throw at it. The Browser UI is easily installed and helps you get around with your Photoshop documents. A quick screencast is available on the site for a quick understanding of how Browser UI works.

Useful-243 in 50 Powerful Time-Savers For Web Designers

A/B Split Testing Calculator
A/B Test Calculator shows you a comparison of several versions of a particular web page. In order to discover which one is most effective for your audience, you have to enter ‘statistically significant’ numbers.

Useful-121 in 50 Powerful Time-Savers For Web Designers

What deux yeux have teux deux teuxday?
TeuxDeux is a simple, design to-do app that can be used for your iPhone. If you like making to-do lists, you will love TeuxDeux. This free browser-based app can be used everywhere; this way you have your to-dos ready to hand all the time. Check out the various TeuxDeux features included in this iPhone App shown in the left column.

Useful-231 in 50 Powerful Time-Savers For Web Designers

Fillerati – Faux Latin is a Dead Language
‘Fillerati’ instead of ‘Lorem ipsum’… something different for a change. Modern browsers such as Chrome, Firefox, Safari or Opera are recommended.

Useful-252 in 50 Powerful Time-Savers For Web Designers

Inline Code Finder
Inline Code Finder is a tool to traverse through all elements in a web page, and when it finds a HTML element with any of these, it will highlight them. It finds inline JavaScript events, inline CSS coding andjavascript:-links.

Useful-283 in 50 Powerful Time-Savers For Web Designers

Share your ideas – Mark (them) Up!
MarkUp works in any browser without the need of being downloaded nor installed. Simply add the MarkUp icon to your bookmarks bar and share your ideas and thoughts swiftly!

Useful-229 in 50 Powerful Time-Savers For Web Designers

Format, Text, Color and Size – Quick and simple image placeholders. You may want to check Dynamic Dummy Image Generator, too.

Useful-253 in 50 Powerful Time-Savers For Web Designers

This site helps you adjust your browser automatically, starting with a simple iPhone-sized browser (320×480) to a MacBook Pro (1440×900).
Note: This web application requires JavaScript. Please check your browser’s settings and make sure JavaScript is enabled.

Useful-132 in 50 Powerful Time-Savers For Web Designers

XRefresh for web developers
A browser plug-in which refreshes the current web page due to file change in selected folders and communicates with browser extension using TCP/IP. This makes it possible to do live page editing with your favorite HTML/CSS editor, especially when working with two monitors at the same time.

Useful-168 in 50 Powerful Time-Savers For Web Designers

The so-called ‘Cloud Development Environment’ which lets you connect to your own FTPs. Web-based access to file-system & svn integration. Also includes an Online Code Editor and Cloud Hosting.

Useful-246 in 50 Powerful Time-Savers For Web Designers

LiberKey is a large collection of portable applications that can be run without installation on your local PC nor from any portable media. You may want to check Portable Apps as well.

Useful-277 in 50 Powerful Time-Savers For Web Designers

Notes for Later
This bookmarklet is a web service for remembering websites. It creates a unique bookmarklet for your personal browser in which you can simply receive the content you need via email. If you select nothing, you still get the current page’s URL and a time stamp. Registration is quick and painless. No login is required – just an email address.

Useful-237 in 50 Powerful Time-Savers For Web Designers

An easy-to-use desktop application to fill out your Basecamp timesheet and save a lot of time completeing your own personal timesheet.

Useful-181 in 50 Powerful Time-Savers For Web Designers

Slammer – Designer’s Geometry Box
Overlays any grid you want, anywhere you want. A variety of themes and overlays are presented: Typographic Grids, Golden Sections, Fibonacci series, Rule of Thirds and more! Slammer also includes Rulers, Crosshair, Magnifier, Measurements and Screenshots; watching the movie on the Slammer main page will help you learn more. However, Snow Leopard is required.

Useful-196 in 50 Powerful Time-Savers For Web Designers

By dragging the bookmarklet to your browser’s bookmark bar, you will instantly save time in browsing the web and have a preview of the collected links that have been grouped previously. By clicking on the bookmarklet, you can always add a link. URlist not only enables you to create and save link lists easily, but also lets you access those links from anywhere. And creating lists is dead easy. Try it!

Useful-275 in 50 Powerful Time-Savers For Web Designers

A new bookmarking service which allows you to mark relevant content without losing focus. Using a bookmarklet such as this one, enables you to add web pages and clippings to Licorize without leaving nor interrupting the web page you are currently focusing on.

Useful-270 in 50 Powerful Time-Savers For Web Designers

Readability – An Arc90 Lab Experiment
Readability™ is developed to make reading on the Web more enjoyable and remove any clutter around what you’re reading at the moment. A preview of a given text is available to give you an idea of how the style, size and margin can be adjusted. Installing Readability™ into your Web browser is quite easy…and makes it easier on your eyes!

Useful-233 in 50 Powerful Time-Savers For Web Designers

Joli: Print to PDF in Google Reader
Joliprint bookmark provides you an easy and quick way to print a Google Reader post as a PDF. First, you have to create a bookmarklet onto your browser’s bookmark bar, then select a post in Google reader and finally, click on the Joliprint bookmarklet to convert the activated post into a PDF document. Ta-dah! You can check Clipr Bookmarklet as well.

Useful-285 in 50 Powerful Time-Savers For Web Designers

Spoon lets you run desktop applications with no installs, conflicts or dependencies such as .NET, Java nor AIR. By virtualizing your existing apps, you can turn them in standalone EXEs, MSIs or flash drives. This tool is also very useful for cross-browser testing right within your browser and is provided in two versions: Spoon for Business or for Developers.

Ie in 50 Powerful Time-Savers For Web Designers

Web Development Project Estimator
A simple tool for web designers and site developers to quickly and thoroughly estimate the time and materials required for a proposed web project. A personal task list can be created, leaving you to decide which ones to include or even exclude. Most importantly, hours and rates of the particular project allow you to calculate the estimated final fee.

Useful-201 in 50 Powerful Time-Savers For Web Designers

Golden Ratio Calculator
This online tool helps you calculate the width of your containers to achieve the golden ratio. You can have a column with a certain width (perhaps to achieve a nice word:line ratio) and you wish to find a matching column. Type in the width and use the left side, which gives you both a smaller and larger column. Or if you have a container and wish to divide it in two, type in the container width and use the right side measurements.

Useful-271 in 50 Powerful Time-Savers For Web Designers

My DebugBar
Companion.JS is a Javascript debugger for IE. The current version is 0.5.5 and contains features such as JavaScript error reporting as well as a console feature which helps inspect JavaScript objects at runtime. Please note that CJS requires a Microsoft script debugger.

Useful-194 in 50 Powerful Time-Savers For Web Designers

Cleaning up text for the Web can be very time-consuming and prone to error. In case your client ever ends up delivering content in Microsoft Word or a similar format, cleaning it up is definitely a necessary task to do — if you don’t want to end up with characters that don’t display properly online. By entering a HTML or simple text into the given text box and clicking on the ‘entitify’ button, you instantly have discovered a new tool which helps you escape any nasty characters that should be entities!

Useful-272 in 50 Powerful Time-Savers For Web Designers

Every Time Zone
This tool shows an interactive chart of time in various cities across the globe. It also includes a slider to see the time in a particular city at any time of the day.

Useful-273 in 50 Powerful Time-Savers For Web Designers

This is a simple tool that helps you save web pages for reading later, when you have time — for instance on mobile devices, iPad or Kindle.

Useful-251 in 50 Powerful Time-Savers For Web Designers

Redmark: the easiest way to mark up a design and track revisions
Communication is very important and helps designers and their clients come to clear terms with each other. This site offers visual communication in just three simple steps between designers and clients. It is also possible for a client to find a particular designer they need to match their business. A Demo Project is portrayed for a quick view about how the site actually works.

Useful-155 in 50 Powerful Time-Savers For Web Designers

Awesome Fontstacks
Fonts have always carried an important meaning to web typography. As we all know, a lot of work is required to match and adjust a satisfactory web font for a website. This site helps you create a font stack bundle and also gives you a preview into CSS coding inclusive.

Useful-x in 50 Powerful Time-Savers For Web Designers

Framebox: a wireframing tool
With Framebox, you can sketch your wirframes or just visualize your ideas using UI units such as boxes, headers, buttons, inputs, links, text, text links etc. You can then save it and get a link to created frame, and then send a link to your colleagues.

Useful-281 in 50 Powerful Time-Savers For Web Designers

Drag, drop, share! Droplr is the best way to share files from your Mac OS X on the internet, aiming for simplicity, ease of use and flexibility. This application is also completely free to use with ad supported content. Once the selected file is uploaded, Droplr returns a URL in which a user can share with anyone.

Useful-238 in 50 Powerful Time-Savers For Web Designers

Mockingbird: Website wireframes
Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

Useful-250 in 50 Powerful Time-Savers For Web Designers

CodeBurner: Reference Tool for Web Developers
CodeBurner is a suite of tools for web developers that provides reference material for HTML and CSS, integrated with a range of popular development environments.

Useful-172 in 50 Powerful Time-Savers For Web Designers

HTML Soft Hyphenation Generator
Configurable generator for automatic soft hyphenation in static HTML text without a script.

Useful-137 in 50 Powerful Time-Savers For Web Designers

Is email a distraction? SelfControl is an OS X application which blocks access to incoming and/or outgoing mail servers and websites for a predetermined period of time. For example, you could block access to your e-mail, Facebook, and Twitter for 90 minutes, but still have access to the rest of the Web. Once started, it can not be undone by the application, by deleting the application, or by restarting the computer — you must wait for the timer to run out.

Useful-257 in 50 Powerful Time-Savers For Web Designers

MinutesPlease.com – Manage your web time
This is an extraordinary website that you can have to help you control the time you spend on a particular site. Just type in the URL and the time you are willing to spend on this site – you will notice how fast time flies by!

Useful-239 in 50 Powerful Time-Savers For Web Designers

A fun and easy way to create memory tests and see how much and what exactly people remember on your website.

Useful-241 in 50 Powerful Time-Savers For Web Designers

Neuskool is a personal start page for all your browsing needs with a collection of useful search services, all on one page.

Useful-224 in 50 Powerful Time-Savers For Web Designers

Check My Colours: analyze the color contrast of your web pages
This tool checks foreground and background color combinations of all DOM elements and determine if they provide sufficient contrast when viewed by someone having color deficits. All the tests are based on the algorithms suggested by the W3C.

Useful-157 in 50 Powerful Time-Savers For Web Designers

COPASO: Color Palette tool
COPASO is an advanced color palette tool that helps you create the perfect color palette.

Useful-255 in 50 Powerful Time-Savers For Web Designers

Useful Firefox Extensions

Pixel Perfect Firefox Extension
This extension allows you to overlay a web composition on top of the developed HTML. Letting the developer visually see how many pixels they are off in development.

SenSEO Firefox Extension – Official Website
SenSEO analyzes web pages and tells you how good they fulfill on-page Search Engine Optimization criteria. SenSEO is a Firefox add-on integrated with the popular Firebug web development tool. The code is based on the YSlow extension.

Useful-174 in 50 Powerful Time-Savers For Web Designers

Firefinder is an extension to Firebug (in Firefox) and offers the functionality to, in a quick way, find HTML elements matching chosen CSS selector(s) or XPath expression. It allows you to instantly test your CSS selectors in the page while seeing the content at the same time, and matching elements will be highlighted.

Useful-175 in 50 Powerful Time-Savers For Web Designers

Firediff is a Firebug extension that tracks changes to a page’s DOM and CSS and implements a change monitor that records all of the changes made by Firebug and the application itself to CSS and the DOM.

Useful-206 in 50 Powerful Time-Savers For Web Designers

Useful References

SEO Checklist
When it comes to SEO, there are certain elements that need to be in place for any newly-designed or updated website. Have 301 redirects been put into place? Is the robots.txt file authored to allow adequate crawling? This infographic depicts a handy checklist that will help get you through any new site launch or transition.

Useful-190 in 50 Powerful Time-Savers For Web Designers

Typographic Sins
Typographic Sins (also available as PDF) by James Godfrey and Patrick Wilkey covers 35 mistakes commonly made by novice designers. The website puts them in a neat orderly list, but the PDF showcases them visually. It’s a great reference guide and learning tool if you want to learn better typography design.

Useful-267 in 50 Powerful Time-Savers For Web Designers

Entity Code: a Clear and Quick Reference to HTML Entities Codes
A website that eliminates the frustration and the wasted time caused by constant need to add those hard to remember HTML entity codes, such as the copyright symbol © or em-dash —, every time you’re developing a new website or writing a new article.

Useful-198 in 50 Powerful Time-Savers For Web Designers

Thirty Conversations on Design
The site creators asked 30 of the world’s most creative professionals two questions: “What single example of design inspires you most?” and “What problem should design solve next?” Their answers might surprise you. And, hopefully they’ll inspire you.

Useful-230 in 50 Powerful Time-Savers For Web Designers

Essential Interaction Design Essays and Articles
A list of essays and articles that could be important touchstones and reference points for interaction designers.

Further Useful Tools

You can drag your data which you wish to share online onto the min.us page. Very convenient.

Mr. Data Converter
Mr. Data Converter will convert your Excel data into one of several web-friendly formats, including HTML, JSON and XML.

PDF Split and Merge
PDFsam is a free open source tool (GPL License) designed to split and merge PDF documents. Whether it be only extracting sections into a single document or changing the order of the pages. The basic version can be downloaded and simply used on every platform with a Java support.

Last Click

Unsuck It
What terrible business jargon do you need unsucked? Unsuck It translates management speak to normal language, making your day to day on- and offline slogs through corporate jargon a little easier to bear. You can even tweet your results as they often turn out to be quite funny.

Useful-269 in 50 Powerful Time-Savers For Web Designers

Temperature Conversion, Weight Conversion and Length Conversion
This simple online tool doesn’t do much, but it’s truly beautiful and it’s a pleasure to use. The tools lets you convert length values, temperature values and weight values.

Useful-258 in 50 Powerful Time-Savers For Web Designers

Coffee Drinks Illustrated
With the vast number of ordering options and new words with accented characters to pronounce the coffee shop ordering experience can be intimidating. Lokesh Dhakar created a few small illustrations to help himself and others wrap their head around some of the small differences.

Useful-290 in 50 Powerful Time-Savers For Web Designers

inSSIder 2 – Redes Wireless

inSSIDer 2 – Vamos descobrir redes wireless?

Criado por Pedro Pinto em 22 de Outubro de 2010 | 7 comentários

Uma das questões que me fazem com alguma frequência é se existe alguma ferramenta que permita detectar redes wireless e que apresente mais informações que a ferramenta nativa do Windows. Num primeiro momento, a ideia é tentar descobrir informações da rede do vizinho para depois tentar ‘crackar’ a mesma com as ferramentas adequadas. No entanto, este tipo de aplicações vai muito mais além e permite a qualquer geek, profissional ou outro tipo de utilizador avaliar e detectar a presença de outras redes ou outros equipamentos que operem nas mesmas gama Wifi da nossa rede, e que possa vir a interferir.

Para detectar redes “alheias”   vamos conhecer InSSIDer, agora na versão 2, uma aplicação gratuita que tem como objectivo efectuar “site-surveys (avaliação no local)”.


O InSSIDer 2.0 permite mostrar a força de sinal, agrupar equipamentos wireless por SSID, canal, RSSI,  MaCAddress, ritmo de transmissão, etc.


Porquê usar inSSIDer?
  • Funciona em Windows XP, Vista e 7  (32 bits e 64 bits)
  • Usa uma API nativa do WIFI
  • Agrupa a informação por MAC Address, SSID , Canal, RSSI e “Time Last Seen”
  • Compatível com a maioria dos GPS (NMEA v.2.3 e superior)


O que posso fazer com o inSSIDer?
  • Permite inspeccionar a zona e detectar outros pontos de acesso
  • “Avaliar” a qualidade de sinal
  • Criar relatórios e exportar para o Google Earth (KML)

O inSSIDer 2 é uma excelente ferramenta que já me ajudou em alguns projetcos da área das redes. Experimentem!

Uma vez que já não escrevemos sobre redes wireless há uns tempitos, deixamos aqui uma boa compilação:

Informações de Segurança:
Truques e Dicas:
Guias Práticos:

altLicença: Freeware
altSistemas Operativos: Windows 2k/XP/Vista/Win7
altDownload: InSSIDer 2 [1.19 MB]
altHomepage: metageek

Android – Talking Tom

Talking Tom – Uma grande diversão para o Smartphone

Criado por Marisa Pinto em 19 de Outubro de 2010 | 24 comentários

Enquanto explorava o Android Market, retirei algumas aplicações que me pareceram engraçadas. Entre elas o Talking Tom.

Quando foi altura de o experimentar, fiquei fascinada com a capacidade que esta pequena aplicação tem, de animar e pôr várias pessoas às gargalhadas.

O Talking Tom trata-se de de um gato com uma aparência muito engraçada.

E à medida que vamos interagindo com ele, vamos descobrindo coisas novas que ele faz.

Instalei no meu Optimus Boston a versão gratuita, mas com muita variedade.

Nesta versão, o Tom repete tudo o que lhe dizemos, mas com uma voz distorcida e engraçada, capaz de fazer rir um grupo de pessoas. Também lhe podemos fazer festinhas, dar estalos, puxar a cauda e dar murros na barriga.

Para além disso, se clicarmos no lado esquerdo, podermos dar-lhe um copo de leite, ou faze-lo arranhar o ecrã.

talking tom

Uma característica desta aplicação, que pessoalmente acho fantástica, é a possibilidade de se gravar o que o gato faz e diz e, após a gravação, fazer upload directo para o Youtube, Facebook ou enviar por e-mail.

A versão paga, tem o preço de 0.79€ e traz mais funcionalidades engraçadas.

Penso que, para quem tem crianças, esta pode ser uma excelente escolha para os divertir, bem como também promover a comunicação e interacção.


Licença Licença: Freeware
SO Sistemas Operativos: Android, iPhone e iPad
Homepage Homepage: Talking Tom

Visual LightBox

Visual LightBox – Visualize as suas imagens com estilo

Criado por Vítor M. em 23 de Outubro de 2010 | 7 comentários

Em cada computador, seja de trabalho, lazer ou “assim assim”, abundam imagens e fotografias, bem tentamos não carregar as máquinas com tantas imagens, mas é inevitável. A facilidade com que hoje capturamos uma imagem eternizada numa fotografias, é grande e cada vez mais partilhamos esses momentos nas redes sociais e na maior rede social, a internet.

Para quem quer ter controlo na sua “montra de imagens e não as quer nas mãos de nenhuma organização, pode então contar com software que permite igualmente animações fantásticas para abrilhantar a apresentação das suas imagens. Deixo como sugestão o Visual LightBox.

Este software permite ao utilizador, criar fantásticas galerias de imagens, usando efeitos light box para animar o slideshow. Basicamente, podemos criar álbuns animados e exportar os mesmos para uma pen, CD ou mesmo para uma página web.

É extremamente simples: adicione as imagens que entender para o álbum que está a criar e publique esse mesmo álbum. Poderá criar o projecto localmente, no seu computador, ou exportar para a web de forma automatizada e com os ficheiros que necessita para a interpretação no browser.

Pode escolher vários templates para o slideshow das imagens, é tudo uma questão de gosto. Além disso, podes escolher vários outros aspectos, como o tamanho e qualidade das imagens apresentadas.

Todos estes passos são intuitivos e auxiliados por uma interface simples e em português, um dos muitos idiomas disponíveis nesta versão. Para não ter problemas com o copyright, coloque nas suas imagens uma discreta mas presente marca de água, identificando como suas as fotos apresentadas.

O cliente FPT permite colocar online as suas imagens e, caso pretenda, levar o index com todos os apontadores que irão colocar a galeria onde pretender, dentro da página HTML.

Em resumo:

  • Pludin protótipo de  jQuery
  • Animações suaves de desvanecer
  • Slideshow com opção auto-arranque
  • Versão para Windows & MAC
  • Efeitos de Zoom com sombreado destacado
  • Apresentação das janelas em destaque com cantos arredondados
  • Imagens grandes para ocupar todo o espaço de apresentação no browser
  • Vários temas para a galeria
  • Rotação da imagem e aumento da imagem sem ruído na imagem
  • Criação automática de miniaturas
  • Possibilidade de adicionar legendas
  • Cliente FTP embutido

Uma agradável aplicação para quem tem um espaço online, talento para fotografo e vontade de partilhar com o mundo, ou so com amigos, o seu talento para apresentar imagens ou fotografias escolhida e ou tratadas por si.

Licença: Freeware
Sistemas Operativos: Windows/Mac
Download [win]: Visual LightBox 4.3.2 [9.8MB]
Download [mac]: Visual LightBox 4.3.2 [32.6MB]
Homepage: JQueryLightbox

Chromium atinge a versão 9.0.

Chromium atinge a versão 9!

Criado por Pedro Simões em 24 de Outubro de 2010 | 27 comentários

A Google tinha anunciado que o ciclo de disponibilização de novas versões do Chromium e do Chrome ia acelerar e que iam haver novas versões estáveis a cada 6 semanas.

Até agora têm estado a cumprir os calendários propostos e ontem surgiu a mais recente versão do Chromium, a versão 9. O ritmo de crescimento de número de versões tem sido elevado e as novidades têm sido grandes.

Ainda esta semana a versão estável do Chrome viu a sua versão ser actualizada para a 7 e ontem surgiu disponível a versão 9 do Chromium. Para quem não conhece, o Chromium é a antecâmara das novidades que vão ser disponibilizadas no Chrome. São aqui que são apresentadas e testadas as mais recentes funcionalidades que os engenheiros da Google criaram.

As novidades desta versão não são muitas e, para os utilizadores que não procurarem bem, apenas vai ser encontrada uma. Passa a estar disponível e seleccionada a opção de sincronização das palavras-passe. Está também disponível uma pequena mensagem promocional na Omnibox.

Aqueles que procurarem um pouco mais vão descobrir que passou também a estar disponível a utilização de SSL 3.0 e TLS 1.0.

Estas novidades vão amadurecer e devem estar disponíveis na versão Dev dentro de uma semana.

Curioso foi reparar que a versão 8 do Chromium existiu apenas durante 2 semanas. Durante esse tempo a Google conseguiu desenvolver a versão 9. Mas será que as novidades presentes nesta nova versão são assim tão grandes para darem origem a uma nova versão major? Ou este ciclo de desenvolvimento mais curto é apenas uma campanha de marketing muito bem conseguido por parte da Google? Todas as semanas existem noticias publicadas sobre o Chrome e uma nova versão, quer seja no Chromium, Canary, Dev, Beta ou Stable…

Justificam-se os saltos de versões que a Google tem estado a implementar? Estão preparados para a versão 13 do Chrome para a altura do Natal?

Se quiserem testar esta nova versão do Chromium podem descarregá-la nos links disponibilizados abaixo.

Download: Chromium 9.0.563.0 Windows [28.18MB]
Download: Chromium 9.0.563.0 Linux (32bits) [29.09MB]
Download: Chromium 9.0.563.0 Linux (64bits) [32.70MB]
Download: Chromium 9.0.563.0 Mac [29.47MB]
Homepage: Chrome