Gosto de estar atento à RSS feed da revista Smashing Magazine, os artigos são muito originais e de grande utilidade. Regularmente disponibilizam conjuntos de icons, themes para WordPress, imagens para utilização de forma perfeitamente livre. Encontra-se agora disponível um excelente conjunto de icons que foi desenhado tendo em consideração o desenvolvimento Web, de seu nome Coded. Tratam-se de 25 icons com grande qualidade com dimensões entre 512x512px e 32x32px. Foram desenhados por Thomas McGee do [...]

O Google apresenta neste momento três ferramentas bastante úteis para a gestão de um website, o Google Webmaster Tools, Google Analytics e o Google Website Optimizer. No dia 8 de Julho  estas ferramentas serão o tema principal de um webinar (Web-based seminar) disponibilizado pelo Google, no sentido de melhorar a utilização em conjunto das referidas ferramentas. O Google Webmaster Tools é um recurso que permite perceber a visibilidade das páginas no Google. Permite identificar que [...]

A facilidade com que é possível criar uma página web continua a levar pessoas sem conhecimentos técnicos a produzir sites sem qualidade e sem qualquer estrutura, que permita uma evolução progressiva do mesmo. Já aqui disponibilizei no blog 2 artigos – Como escrever HTML de forma correcta e Documento de Especificações para desenvolvimento Web – aos quais aconselho uma leitura atenta para quem pretende iniciar a construção de um website, mas possui poucos conhecimentos relativamente [...]

Para desenvolver um layout para um WebSite não basta pegar numa qualquer ferramenta de Edição Web e começar a seleccionar umas tabelas, colocar imagens, formatar cores, na esperança de que no final tudo fique bem… O pensamento “faço agora uma coisa rápida e depois melhoro” não é positivo. A elaboração de um site como qualquer aplicação necessita de passar por diferentes fases antes do seu lançamento: Requisitos, Elaboração, Construção e Lançamento. Obviamente que poderão existir [...]

Uma boa prática quando introduzimos botões num site passa por procurar que o utilizador consiga identificar as acções aos quais estes estão associados. Neste exemplo vou utilizar 3 acções bastante comuns: O Guardar, Mudar Password e Cancelar. Seleccionei estas três acções pois irão permitir definir igualmente associar cores a cada acção. Facilmente atribuimos o verde à acção de Guardar, enquanto atribuimos o vermelho à acção de Cancelar, no entanto não conseguimos definir uma cor standard [...]

Existem 3 ferramentas que gosto bastante, o WordPress (ferramenta que suporta este blog), o Flickr (onde coloco e organizo as minhas colecções de fotos) e o Creative Commons (que não é uma ferramenta mas sim padrões de licenças de autor). Surge agora um plugin para o WordPress que junta as três, o Photo Dropper. Imagens num texto ficam sempre bem e são utilizadas muitas vezes para chamar a atenção do leitor, no entanto por vezes [...]

O botão ShareThis lançou recentemente um novo update (2.1). Este botão é bastante utilizado em blogs pois facilita a partilha de notícias, no entanto também é possível integrar o mesmo no browser e partilhar o conteúdo com os amigos ou então apenas para mais tarde recordar. Este update traz algumas features bastante úteis. A principal parece-me ser o facto de existir agora um plugin para o Blogger e Typepad. Lembro que até ao momento apenas [...]

Juntar fornecimento de água e divertimento infantil parece à primeira vista ter pouco em comum. No entanto este sistema (PlayPumps) conseguiu juntar os dois, fornecer água potável enquanto as crianças brincam com o mesmo (semelhante a um pequeno carrocel). Normalmente é instalado junto a escolas e permite duplicar o fornecimento de água para zonas rurais mais desfavorecidas.

Já todos sabemos que vivemos numa área de comunicação global, a chamada “aldeia global”… Rapidamente podemos comunicar com os nossos “vizinhos”, os quais poderão estar a 1km de distância ou a 10.000km. O Google tem sido um dos pioneiros em procurar melhorar esta aproximação, se por um lado as barreiras físicas estão ultrapassadas por outro ainda existem as barreiras linguísticas. Apesar de não ser perfeito um sistema de tradução automático é uma solução interessante, a [...]

Dar transparência a uma imagem utilizando CSS não é algo complexo, para isso utiliza-se a propriedade opacity:x, no caso do Firefox, e filter:alpha(opacity=x) no caso do IE, vamos ainda utilizar -khtml-opacity:x, para determinadas versões do Safari/Konqueror e -moz-opacity, para versões do Mozilla/Firebird. Apesar de não ser CSS standard, funciona em praticamente todos os browsers mais modernos, para além disso faz parte da sintaxe das CSS versão3 (opacity:x). Exemplo 1 – Imagem com Transparência Imagem sem [...]