Verificar HTML/CSS com o BrowserShots

Escrito por Parka em 27 Fevereiro 2008

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.

CSS Sandbox – Experiências com CSS

Escrito por Parka em 20 Fevereiro 2008

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.

Ícones de RSS

Escrito por Parka em 13 Fevereiro 2008

Nas últimos dias tenho estado ocupado a criar um novo tema para este site. Como não sou propriamente uma designer gráfico por vezes tenho que socorrer do google para procurar alguns elementos, nomeadamente, os ícones.

No site hongkiat temos uma lista de recursos para icones de RSS gratuitos. Sendo gratuitos é preciso verificar se existe algum constrangimento na sua utilização por isso aconselho a lerem as licenças se as houver.

Personalizar Estrutura de Hiperligações Permanentes

Escrito por Parka em 5 Fevereiro 2008

Já aqui escrevi sobre a personalização das hiperligações permanentes em WordPress. Por defeito a instalação do WordPress utiliza a seguinte estrutura: http://www.iliquido.com/?p=123. Muitos experts advogam que se deve alterar para algo do género http://www.iliquido.com/2008/instalei-o-wordpress-e-agora/, é de mais fácil percepção e de melhor indexação pelos serviços de pesquisa como o Google.

Encontrei este artigo do Jeffro2pt0 no site Weblog Tools Collection mais elaborado onde explica as várias opções que existe para configurar as hiperligações permanentes. Não se esqueçam de ler os comentários a este artigo que valem o tempo perdido. Em contraponto à personalização temos este outro artigo do Thulefoth, em que o autor Ted Clayton fala das vantagens em não alterar as hiperligações.


Copyright © 2007 Ilíquido. Todos os direitos reservados.