quarta-feira, 19 de maio de 2010

Mais uma extensão para o Firebug

Não acredito que nunca tenha feito um post aqui sobre o Firebug! Já o referi aqui e aqui, mas escrevi um artigo sobre ele! Imperdoável... :|

O Firebug é uma ferramenta absolutamente fundamental na mala de ferramentas de qualquer programador/designer web. Antes de continuar a ler este singelo artigo, abra um novo separador e vá a http://getfirebug.com/.

O Firebug permite fazer debug e inspeccionar todos os detalhes de background de uma página web HTML e Javascript. Além disso, como se não bastassem as ferramentas excelentes que o compõem, ainda podemos acrescentar-lhe funcionalidades com extensões. Se faz desenvolvimento de páginas web e não usa o firebug, das três duas ou é um Deus ou então demita-se! ;)

Se nunca usou, perca o próximo dia a explorar todos os recantos da página indicada (http://getfirebug.com/), estude-o a fundo, não se vai arrepender.

Missão cumprida, já dei o devido e merecido tempo de antena ao Firebug, agora vou-me dedicar ao que me trouxe aqui depois deste interregno de algumas décadas.... uma nova extensão para o Firebug: O FireFinder.

Quando o vi a primeira vez pensei que não era daquelas coisas realmente necessárias, mas com algum tempo de utilização dei-lhe o devido valor. Realmente com o inspector do Firebug já é possível apontar a um elemento da página e perceber todos os seus detalhes, mas não é possível determinar com ele, por exemplo quais os elementos na página com um determinada class nem tão pouco podemos destacar elementos da página via XPath. É útil o point-and-click sim senhora, mas por vezes não chega e então neste último projecto onde tenho trabalhado com muito page-scrapping nem se fala na ajuda que me tem dado o FireFinder, so, head over to: https://addons.mozilla.org/pt-PT/firefox/addon/11905/#reviews



Para ser notificado de cada vez que eu publicar um artigo, subscreva a minha RSS (o que são feeds RSS?).

quarta-feira, 12 de maio de 2010

Compass framework de edição de CSSs

As CSSs são por norma fáceis de interpretar, no entanto à medida que os projectos crescem o grau de complexidade das CSSs cresce igualmente. Por outro lado, há um conjunto de pequenas faltas que fazem relamente falta... nomeadamente o conceito de variável, por exemplo.

Com o Compass escrevem-se as folhas de estilo em Sass (Syntactically Awesome Stylesheets) em vez de o fazer em CSS. O Sass é basicamente uma forma de escrever CSSs sem as chavetas e os ponto-e-vírgula. A nova versão do Sass, a Sass 3, no entanto vai acrescentar a possibilidade de termos variáveis e de se poder embeber elementos uns nos outros.

Não parece nada de muito excitante, mas todo o designer por aí vai adorar poder fazer isto:

$background_color: gray;


#header {
background: $background_color;
}

Mais informação: http://compass-style.org/

Para ser notificado de cada vez que eu publicar um artigo, subscreva a minha RSS (o que são feeds RSS?).