Web Dois Ponto Zero

Por vezes temos necessidade de escrever um texto sobre uma imagem postada. Em vez de usarmos o Photoshop ou outro qualquer software de edição de imagem, online ou não, é muito simples conseguir isso sem qualquer dessas ferramentas.
Vamos ver como:

1. Imagem com texto escrito sobre ela

Este Livro É Muito Interessante!

Para utilizar esta dica basta colocar uma div dentro de outra.
Vejam abaixo o código que utilizei no post para a imagem que aparece acima, e depois alterem-no de acordo com as vossas necessidades.
Penso que não apresenta dificuldade nenhuma.

código:


<DIV style="width:225px;height:363px;background: url(http://www.profelectro.info/Uploads/luisj/oTigreBranco.jpg) top right no-repeat;"> 
     <div style="font-size:x-large;color:blue;padding:30px;">
<br>
<br> 
<br>
<br>
<br>    
<center><b>Este Livro É Muito Interessante!</b></center>
</div>
</DIV>

Dentro desta linha apresento abaixo mais alguns efeitos e o respectivo código, logo abaixo de cada um.

2. Caixa com fundo e texto sobre esse fundo

O livro "O Tigre Branco", de
ARAVIND ADIGA, é muito bom

código:


<DIV align="center">
<div style="width:300px;font-family: sans-serif;font-weight: bold;text-transform: uppercase;text-align: center;padding:10px;background:#E6E6D7;border:1px solid black;">O livro "O Tigre Branco", de
<span style="color:chocolate;font-weight: bolder;"><br>ARAVIND ADIGA</span>   é, muito bom
</div>
</DIV>

3. Foto enquadrada, com legenda e com links

O livro de Aravind Adiga, O Tigre Branco, é muito bom.

código:


<DIV align="center"> 
<DIV style="width:300px;height:400px;padding-left:15px;padding-right:15px;padding-bottom:60px;padding-top:15px;background:white;border:1px solid black;text-align:center;"><img style="border:1px solid black;"  src="http://www.profelectro.info/Uploads/luisj/oTigreBranco.jpg" width="225" height="363"> 

<br><small> 
O livro de <a href="http://en.wikipedia.org/wiki/Aravind_Adiga" target="_blank">Aravind Adiga</a>&nbsp; <a href="http://www.aravindadiga.com/" target="_blank">O Tigre Branco</a>&nbsp;é muito bom
</small>
</DIV> 
</DIV>

Enjoy!
NB: Esta dica foi retirada e adaptada de Mandarin Design. THKS!

[+/-]

Tire o máximo partido do seu Twitter

Agora que o Twitter atingiu a maturidade e apegou-se de vez ao mainstream, isto é, não há cão nem gato que não esteja no Twitter, aproveito para compilar as aplicações Twitter que actualmente uso e que me facilitam imenso as 'piadelas'.

1. TweetDeck

Trata-se de uma aplicação para o desktop que permite gerir de forma fácil e eficaz todas as tarefas relacionadas com o Twitter. Quase que me atreveria a dizer que não precisamos de mais nada.
A sua aparência é baseada no Adobe Air, o que lhe dá um ar extremamente profissional e 2.0
Por defeito, o ecrã do TweetDeck aparece logo com 3 colunas em que podemos seguir em tempo-real as mensagens enviadas por todos os utilizadores que seguimos, as Replies e as Direct Messages (uma em cada coluna.)

Depois, à medida que vamos criando grupos de interesses, vão sendo acrescantadas colunas (torna-se necessário usar o horizontal scroll para nos posicionarmos onde queremos), mas há a possibilidade de trocar as colunas de posição de modo a ficarmos com aquelas que mais nos interessam no lado esquerdo do ecrã.

Outra funcionalidade interessante é que, mesmo que estejamos a fazer outra coisa, com qualquer outra aplicação, ou a navegar com o browser por outra página da internet, o TweetDeck vai-nos notificando/alertando sempre que há actualizações/envios de novas mensagens por qualquer uma das pessoas que seguimos. Isto através de uma pequena janela que aparece por instantes no canto superior direito do ecrã. Mais, indica-nos até a que grupo pertence a actualização/mensagem e que tipo é (DM, Reply, normal), de modo a que vamos para o TweetDeck apenas se nos interessar.

Esta aplicação permite ainda muitas outras operações, para além das normais:
- Twittar
- Criar grupos de afinidades (por exemplo família, gurus, educação, etc.)
- Enviar DMs através da simples operação de colocar o rato sobre a foto, ou o avatar, do utilizador a quem queremos enviar a DM
- etc.
E tudo de uma forma bastante simples!
Uma aplicação imprescindível a todos os Twittaddicts e não só.
Façam já o download!

Para terminar, fica aqui uma pequena incursão em Screeencast!, para ficarem com uma melhor ideia das funcionalidades da aplicação que vai certamente passar a ser a vossa "central Twitter", como já é a minha.

2. Twe2

Os utilizadores do Twitter nos Estados Unidos, e penso que noutros países, têm a grande vantagem de poderem twittar a partir dos telemóveis e receber as Replies e Direct Messages também no telemóvel, tudo através de SMS e completamente gratuito.
Na Europa essa (excelente) funcionalidade não está operacional.
Então o Twe2 tentou (e conseguiu) ultrapassar essa limitação.
Basta registar-mo-nos no site, fornecer os nossos dados do Twitter, o nosso nº de telemóvel e ... voilá!

Como não há bela sem senão, talvez devido ao pouco tempo que o serviço leva de funcionamento e ao superior afluxo de utilizadores relativemente ao esperado, as coisas ainda não correm de uma forma fluída.
São comuns algumas dificuldades no registo (falha ou atraso nas comunicações dos dados necessários à finalização do registo) e, depois, na recepção das mensagens que nos enviam (e, identicamente naquelas que enviamos), talvez devido a períodos de sobrecarga do sistema.
No entanto, o serviço funciona bem durante muitos períodos de tempo e é de uma utilidade inegável.
Com o tempo estou convencido que este excelente serviço melhorará a sua perfomance e tornar-se-à uma ferramenta cada vez mais usada e, como desejável, mais fiável.
Bons Tweetsms!

3. Tweetlater

A grande funcionalidade apresentada pelo Twitlater é permitir que agendemos para publicação futura a emissão automática de mensagens que previamente escrevemos na aplicação.

Para além disso a aplicação permite ainda que configuremos uma mensagem de boas-vindas que será enviada automaticamente a todos aqueles que decidam passar a seguir-nos no Twitter. Uma gracinha.

São estas as duas funcionalidades que eu utilizo mas a aplicação/site permite algumas mais. Explorem em http://www.tweetlater.com/ e vejam o que se adapta às vossas necessidades.

Boas procrastinações!

4. Twitlong

O Twitlong permite que escrevamos as nossas mensagens Twitter com mais do que 140 caracteres. É tão singelo quanto isso. Mas, como eles dizem: há alturas em que apenas 140 caracteres não são suficientes. Para resolver esse problema existe agora o Twitlong.
Explorem-no em http://www.twitlonger.com/login

Boas verbosidades!

5. Twitterfeed

Esta aplicação serve para que, sempre que escrevamos um post, no nosso blog seja enviada, de forma automática, uma mensagem para o Twitter anunciando isso mesmo: que o nosso blog foi actualizado com uma nova mensagem.
A mensagem que é enviada para o Twitter contém o início do conteúdo da mesma, para além do respectivo link.
Útil pois poupa-nos o trabalho de fazermos as notificações Twitter de forma manual, além dos inevitáveis esquecimentos.
Registem-se em http://twitterfeed.com/ e "esqueçam-no".

Boas postagens!

6. Krumlr

O Krumlr é um site social que permite, entre várias outras coisas, após registo, a instalação de um botão na barra de ferramentas do vosso browser.

E para que serve esse botão?
A sua função facilitar o envio/bookmark de uma página/site que gostámos e queremos partilhar no Twitter. Então, enquanto navegamos nessa página, tudo o que temos a fazer é clicar nesse botão.
Somos então conduzidos ao site da Krumlr onde podemos fazer uma pequena descrição do site, que aparecerá na mensagem Twitter.

Muito funcional!
Para além disso, o site atribui-nos alguns pontos de cada vez que enviamos um bookmark através dele, o que faz elevar o nosso ranking e fortalecer o nosso ego, se for caso disso.

Bons bookmarks!

isto para além de vários plugins e widgets para wordpress e blogger, que deixarei para uma próxima oportunidade.
Boas piadelas!

Ficam ainda aqui mais algumas aplicações, sites, curiosidades relacionadas com o Twitter e que também costumo usar.

1. Tweetbackup

Uma excelente ferramenta que podemos usar para fazer, periodicamente, o backup dos nossos Tweets. Nunca se sabe o que o diabo pode tecer e de um momento para o outro podemos ver as nossas mensagens evaporarem-se todas. Fica como memória futura, quem sabe para nos ajudar a escrever o nosso livro de memórias, ou outro trabalho qualquer.
Se as mensagens se perderem (parece que não é assim tão incomum vermos isso devido a hacks ou outras razões) podemos depois restaurá-las.
permite ainda fazer o "backup" das mensagens de outros Twitters.

Vejam em http://tweetbackup.com/

2. TweetCloud

Site que permite, entre outras coisas, criar uma tag cloud baseada na pesquisa por uma palavra ou no Twitter ID de um qualquer Tweetador.

Confiram em http://www.outwit.me/twitter-cloud/cloud.php

Mas elas são cada vez mais e encontrarão na net um mar delas para vosso gozo!
Aqui deixei apenas uma pequena gota...

Para finalizar mesmo vou indicar um livro sobre o Twitter, escrito por, como é óbvio, tweetaholics e que nos fala da revolução que o Twitter pode (está a) ser, e de 2 sites que contêm inúmeros recursos sobre o Twitter.

1. Livro

Twitter Revolution, by Deborah Micek & Warren Whitlock

Brevemente farei aqui a recensão mais completa deste livro, mas para já posso-vos dizer que o mesmo fala sobre esta nova revolução na comunicação (será apenas modismo?) e no marketing. Um livro imprescindível para todos os que querem compreender os novos social media e, particularmente, o Twitter. O conteúdo é composto pela forma como usar o Twitter em várias áreas (negócios, marketing, educação, rede social, etc.), um glossário de termos Twitter, uma enorme lista de aplicações Twitter, métodos para usar o Twitter de uma forma mais eficaz e adequada aos fins e perfil de cada um, e uma grande variedade de dicas (como atrair seguidores, como se desembaraçar de chatos, etc.)
Para além disso o livro possui associado um site onde qualquer um pode ir acrescentando recursos, opiniões, aplicações, etc. e onde os autores vão actualizando o conteúdo do mesmo.

2. Os sites de recursos são:

http://online-social-networking.com/tons-of-great-twitter-resources
http://mashable.com/2008/05/24/14-more-twitter-tools/

Através deles chegarão certamente a outros sobre o mesmo tema.

E agora é que é mesmo tudo. Ufa!

[+/-]

O maravilhoso mundo dos mashups

Estou aqui a digerir 2 livros, com a intenção de me iniciar no mundo dos mashups.
Bom, e estou a chegar à conclusão que se trata de um mundo maravilhoso em que vale a pena mergulhar. Apesar de não ser muito difícil entrar no jogo, reconheço que será, certamente, um pouco trabalhoso, necessitando de muitas horas de disponibilidade. E porquê?
Bom, primeiro porque é de todo aconselhável dominar algumas das tecnologias como o XML, JavaScript, PHP, MySQL, XMLH, Rest, JSON e outras. Bom, não se vão já embora. A vossa vida é facilitada porque não é preciso conhecê-las em profundidade e os dois livros que a seguir vos apresento dão as dicas necessárias para começar a dominar essas tecnologias e, ainda por cima, através de exemplos concretos que podem logo aplicar.
Mas é óbvio que quem quiser ir mais além terá muito tempo a disponibilizar, uma vez que estas coisas nunca correm bem à primeira.
Quanto a mim, terei de esperar por um período com mais tempo livre na minha vida mas certamente irei tentar.
A minha ideia é tentar criar um mash-up para apresentar online, em que faço a ligação do Google Maps com uma base de dados de todas as escolas do país, permitindo uma localização (e informação sobre a escola) rápida das mesmas sobre um mapa da Google.
A primeira coisa que tenho de encontrar é a base de dados.
Se alguém souber onde, agradeço a informação. THKS.
Vamos esperar. Sentados...?

Título: Web 2.0 Mashups (How to do everything with)
Autor: Jesse Feiler
Editora: Osborne - McGraw-Hill
Ano de publicação: 2008
Nº de Páginas: 303
ISBN: 978-0-07-149627-8

Este livro apresenta no início vários capítulos introdutórios sobre os conceitos e tecnologias a usar nos mash-ups:
Regras, exemplos, XML para estruturar os dados, Javascript, PHP, MYySQl, XHTML, etc.
Nos capítulos finais são implementados vários mash-ups usando os APIs da Google Maps, Amazon e Flickr, que podem também adaptar para construir os vossos.
É um livro de leitura fácil para quem tiver umas bases de programação. Os outros terão mais dificuldades mas não são impeditivas de o ler, compreender e aplicar pois é tudo feito passo-a-passo.

Título: Foundations of Popfly - Rapid Mashup Development
Autor: Eric Griffin
Editora: Apress
Ano de publicação: 2008
Nº de páginas: 194
ISBN: 978-1-59059-951-8

O segundo livro é sobre como construir mashups usando agora uma plataforma dedicada da Microsoft - a Popfly - que corre sobre o Silverlight, também da Microsoft, exigindo, por isso a instalação de software no vosso PC.
Como se trata de uma plataforma dedicada, o desenvolvimento é mais fácil e os conhecimentos de programação não são tão requeridos.
O tipo de aplicações/mashups é o mesmo dos que já foram citados acima.
O livro segue a mesma metodologia de apresentação, sendo os primeiros capítulos dedicados a ensinar a trabalhar com a plataforma e os capítulos finais com apresentações de mashups utilizando, sobretudo, RSS feeds combinados com APIS da Google, Yahoo e Flickr. No capítulo final é apresentada com mais pormenor (e fornecido o código para download) de um mashup usando o API do Technorati que permite construir um widget para porem no vosso blog e que permite seguir online (e fazer pesquisa) pelos temas mais cadentes em discussão naquele agregador social de bookmarks.

Go build something!

[+/-]

Blogroll em Ajax - Animado -

A lista de blogs que seguimos, vulgarmente denominada de "blogroll" é uma constante na maioria dos blogs/sites. Geralmente essa lista é estática.
Não é o que acontece com o exemplar que podem ver no rodapé deste meu blog, que apresenta efeitos dinâmicos muito atractivos.
Trata-se de mais um "freebie" do Hoctro's Place, e vou aqui tentar explicar como o podem incorporar nos vosso blog.

1. Obtenha a sua "API key" do google aqui:
http://code.google.com/apis/ajaxfeeds/signup.html

2. Adicione um "Elemento de Página" / "Miniaplicação" do tipo "HTML/Javascript" no seu blog, a partir do seu "Esquema".

Pode adicioná-lo logo na localização que pretenda que ele fique, mas isso não é crucial uma vez que, como sabe, o poderá depois mudar de sítio no seu layout, por simples "Clique e arrastamento"

Coloque o código seguinte imediatamente antes da tag

</head>

depois de a localizar no código html do seu blog, não se esquecendo de colocar a sua "API key" do Google no local apropriado deste código


<script src='http://www.google.com/jsapi/?key=YOUR-KEY' type='text/javascript'/>
<script src='http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js' type='text/javascript'/>

<style type='text/css'>
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");

#feedControl {
margin-top : 20px;
margin-left: auto;
margin-right: auto;
width : 440px;
font-size: 16px;
}
.gfg-title {
color : #612e00;
background-color: #FFF3DB;
}
.gfg-title a {
color : #612e00;
}
.gfg-root {
border: 1px solid #956839;
font-family: "Georgia", sans-serif;

}
</style>

3. Adicione o código seguinte à "Miniaplicação" que criou no passo 2


<b:widget id='BlogList2' locked='false' title='' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div id='bl2008'>Loading ...</div><br/><br/>
<h6>Widget by <u><a href='http://hoctro.blogspot.com/2008/10/showing-your-blog-list-as-ajax-feed.html'>Hoctro</a></u></h6>
<div class='widget-content'>
<script type='text/javascript'>
<!-- *****************http://hoctro.blogspot.com*****Oct,2008********** -->
<!-- *************Blog List as Feed Widget by Hoctro- Take One******* -->
var feedArray = new Array();
var feedName;
var feedUrl;

<b:loop values='data:items' var='item'>
feedName = "<data:item.blogTitle/>";
feedArray.push(feedName);

feedUrl = "<data:item.blogUrl/>";
var string_b = "blogspot.com";
var iof_b = feedUrl.indexOf( string_b );
if( iof_b != -1 )
feedUrl = "<data:item.blogUrl/>feeds/posts/default";

feedArray.push(feedUrl);
</b:loop>

// Handcode external blog feeds such as Wordpress' here, in two lines of code
// First is the name inside the quote, i.e., feedArray.push("ThemeLib");
// then the url, i.e., feedArray.push("http://feedproxy.google.com/Themelib");
//feedArray.push("ThemeLib");
//feedArray.push("http://feedproxy.google.com/Themelib");

function blogList2008() {
new GFdynamicFeedControl(feedArray, 'bl2008',
{stacked : true, numResults : 3,
title : 'My Blog List', displayTime : 7500});
}

google.load("feeds", "1");
google.setOnLoadCallback(blogList2008);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Vá a Layout/page elements e clique em Editar no widget que criou e clique depois em "Adicionar à lista"

Agora é só ir adicionando, através do respectivo URL, os blogs que pretende que façam parte da sua lista de blogs
Irá obter algo parecido com
E pode ver este widget no meu blog, em funcionamento no rodapé deste blog.
Happy Christmas.