Logon.com.pt

por José Carlos Joaquim

Alterações ao layout. De novo!

Depois da recente alteração ao layout e à estrutura do site eis que resolvi remover-lhe uma coluna, a dos link do Delicious que julgo não ter grande interesse pela esporádica actualiação. Como tal, fica um layout mais pequeno e mais leve.

Logon layout transition
Espero que gostem.

CSS Naked Day 2008

À 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

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

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.

Ajax – a lista definitiva

A Smashing Magazine publicou mais uma excelente lista. Desta vez intitulada: 80+ AJAX-Solutions For Professional Coding. São mais de 90 técnicas úteis que se devem ter à mão ao desenvolver soluções que utilizem estas tecnologias tão em voga (AJAX).

Há auto-completers, edição inline, menus, tabs, calendários, há dicas sobre CSS, formulários, tabelas, galerias, etc.. Facilmente encontrará aquilo que procura dada a quantidade e qualidade da oferta.

Vão ver 80+ AJAX-Solutions For Professional Coding.

Sobre o autor

Olá, chamo-me José Carlos Joaquim e sou iOS e Ruby Developer em Paris. Este é o meu site pessoal.

mais sobre mim…

Categorias