Ilíquido

Hoje venho falar de uma ferramenta online que costumo utilizar frequentemente - Webshotspro. O serviço permite gerar “screenshots” de páginas e/ou sites. Para gerar “screenshot” - captura de ecran, basta indicar o endereço da mesma na página inicial e clicar depois no botão “Get screenshots of this site”.

O serviço existe na forma gratuita e paga. Na forma gratuita podemos ter que esperar alguns minutos até ter a nossa imagem gerada. Depois de gerada podemos escolher o tamanho que pretendemos: 100×75, 267×200, 400×300 e 640×480. De seguida gravamos a imagem para o nosso pc e podemos utiliza-la como entendemos.

Mais uma vez a Smashing Magazine volta a criar um enorme repositório de recursos para quem trabalha com o Wordpress, especialmente no desenvolvimento de temas.

Neste artigo podemos encontrar informação relativa a:

1. Recursos Online que incluem umas cabulas em formato pdf para wordpress, todo o tipo de código PHP para extrair informação das base de dados, as etiquetas utilizadas internamente pelo sistema wordpress.
2. Mais tutoriais para ajudar na criação de temas para o wordpress. Alguns pequenos trucos ou hacks para tirar mais proveito do tema actual. Como trabalhar com categorias. Criar menus de navegação com vários níveis. Utilizar o wordpress como um CMS. Trabalhar e aproveitar melhor os comentários deixados pelos nossos visitantes. Integração WEB 2.0, estilos e S.E.O., optimizar os cabeçalhos, roda-pés e barras laterais, etc..
3. Artigos do Codex oficial do Wordpress.
4. Temas em branco para serem trabalhados.
5. Inspiração para o design dos nossos temas.
6. Icones para os temas.
7. Sites para distribuir os nossos temas.
8. Galerias de temas gratuitos.
9. Marketplaces para venderem os temas desenvolvidos.

Já está disponível para download a última beta do Analytics Reporting Suite for AIR 1.0. Para executar esta versão beta precisam do Adobe AIR.

Algumas vantagens desta ferramenta:

• Escolha fácil de perfis e gestão de contas
• Utilização de vários perfis de múltiplas contas Google Analytics
• Todos os relatórios de visita, conteúdo e tráfego
• Um “User Interface” por tabs/abas e de fácil mudança entre vários relatórios
• Exportação de dados para PDF, Excel e xml

De notar que a aplicação ainda está em desenvolvimento e por vezes pode conter alguns erros.

Quando temos um site novo ou tema renovado precisamos verificar se a apresentação é o mesmo nos diversos navegadores/browsers, como por exemplo o Firefox, Safari e Internet Explorer. Pelo menos o Internet Explorer da Microsoft é conhecido por não seguir as normas e por ter várias “características” especiais que pode rapidamente tornar o desenvolvimento de um site num pesadelo. O que parece estar correcto num browser pode noutro ter um design deturpado do que aquele que pretendemos.

Como nem sempre temos acesso a vários PC’s e/ou browsers para fazer esta verificação podemos-nos socorrer do site browsershots.org. Neste site podemos testar o nosso design em diferentes navegadores/browsers e em diferentes sistemas operativos. O site funciona com capturas de ecran em diversos PC’s espalhados…digamos, por aí. Depois de terminado a tarefa podemos fazer o download das capturas em formato png para verificação do nosso design.

Quando começamos a aprender algo novo, que por vezes é complicado por si, mas geralmente vamos complicar o que é simples. É o que acontece com o CSS(vem do inglês Cascading Style Sheets). O CSS é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de markup, como HTML ou XML. O benefício de utilizar o CSS é que separa o conteúdo da apresentação. Um exemplo pratico dessa vantagem no Wordpress é a grande quantidade de temas que podemos escolher para o nosso blogue, podemos alterar várias vezes o tema que o conteúdo é sempre o mesmo alterando somente a sua apresentação.

Para os iniciados em CSS existe um site CSS Sandbox onde podemos fazer uma primeira abordagem sem necessidade de escrever código nem alterar ficheiros. Neste site temos um exemplo de texto já feito com as algumas propriedades css pre-definidas. Podemos alterar vários elementos e para cada elemento temos várias opções. As alterações são automaticamente repercutidos no exemplo. Se quiseremos saber qual o código CSS correspondente ao nosso “tuning” do css bastará clicar em “CODE” para o podermos visualizar.