CSS Naked Day 2008

9 Abril 2008
Categorias: CSS, HTML, Tech, Webdesign
Comentários(0)

À semelhança dos anos anteriores volta-se a realizar o CSS Naked Day. A única diferença para os dois anos anteriores é apenas a data, que foi ligeiramente modificada.
O evento, criado pelo Dustin Diaz, serve para promover os Web Standards, o uso correcto do (x)html e a semântica do conteúdo se estes não tiverem presente o ficheiro CSS.
Esta ausência de CSS dura 48 horas, o tempo que demora um “dia internacional”.

Silverback app

5 Março 2008
Categorias: CSS, HTML, Webdesign
Comentários(3)

Por esta altura já todos devem conhecer, por terem visitado ou ouvido falar, da “aplicação mistério” que a Clearleft está a desenvolver, a Silverback app.

Como da aplicação apenas se sabe que é destinada a web designers, resta-nos apreciar o efeito conseguido no site, com a sensação de profundidade transmitida. O efeito é ainda mais surpreendente se redimensionarem a janela do vosso browser lentamente e repararem nas folhas que se movem, separadamente.

O efeito, chamado parallax scrolling pode ser também apreciado no blog do podcast The Rissington Podcast, criado por John Oxton e Jon Hicks. Vão até ao final da página, redimensionem a janela do browser e observem o Spitfire.

Se quiserem saber como reproduzir o efeito, o designer Paul Annett explica o processo de criação no artigo How to recreate Silverback’s Parallax.

Logo no início do artigo o autor esclarece que o efeito não será visualizado por quem utilizar o Internet Explorer 6.0. Segundo ele, o trabalho para reproduzir o efeito com alguma fidelidade seria demasiado, tendo optado por apresentar a estes utilizadores uma versão mais simples do site.

O gorila presente no site foi criado pelo acima referido Jon Hicks, que explica o processo no post Recent Work: Silverback.

Visitem o site, leiam o artigo, vale a pena, pela forma criativa com que são utilizadas as CSS e as imagens.

XRAY e Microformats Bookmarklets

A Westciv disponibilizou um pequeno, mas muito prático, bookmarklet que permite “espreitar” os estilos e formatações aplicadas aos elementos de uma página.

Sim, já se pode fazer o mesmo com o Firebug, aqui a novidade reside no facto de o poder fazer em qualquer browser “baseado” no Mozilla ou no Safari. Para já não funciona no Internet Explorer.

XRAY bookmarklet image

As intruções são simples, basta ir a http://westciv.com/xray/ e arrastar o XRAY para a a barra dos bookmarks. Depois, é visitar qualquer página, clicar no XRAY e clicar no elemento que queremos “espreitar” e temos um DOM Inspector disponivel.

Numa onda de bookmarklets, há um muito útil que permite a visualização e exportação de microformatos. Foi criado para o Safari, já que o Firefox tem as extensões Tails e Operator. Apesar disso funciona no FIrefox também.

O processo de instalação é o mesmo do XRAY, bastando arrastar o link para a barra de bookmarks. O bookmarklet e as instruções estão disponíveis no site da Left Logic.

Microformats bookmarklet

Planet Geek com novo visual

20 Julho 2007
Categorias: CSS, HTML, PHP, Tech, Trabalhos, Webdesign
Comentários(4)

Os mais atentos já devem ter reparado que a secção Portfólio cresceu com a entrada do Planet Geek.

O Planet Geek, criado pelo Mário Gamito, é, na sua essência, um agregador de blogs. Os conteúdos que são apresentados na página principal são retirados de vários blogs, com a autorização expressa dos seus respectivos autores.

Esta nova versão utiliza, como base de funcionamento, a CodeIgniter, uma framework PHP gratuita, leve, bastante rápida e muito bem documentada que permitiu poupar muito tempo no desenvolvimento. Para além do novo visual, foram acrescentadas novas secções ao site, como a página individual dos membros e a secção de podcasts.

Espero que gostem da nova versão do site. Como sempre há coisas a retocar, a melhorar mas, enquanto isso, visitem o Planet Geek, vale a pena.

30 layouts html para email - grátis

4 Julho 2007
Categorias: HTML, Tech, Webdesign
Comentários(3)

Apesar de ser contra o uso de html nas mensagens de email, entre outras razões pela forma como os diferentes clientes tratam as mesmas, não posso deixar de colocar aqui o link para uma lista de 30 templates html para mensagens de email, totalmente grátis.

São muitas e quase de certeza que alguma é do vosso agrado.