Início › Web - (X)HTML, CSS, etc.

Web - (X)HTML, CSS, etc.

Práticas PHP para um melhor projeto

Muitos profissionais (não só de PHP) acham que só desenvolver basta, é aquela velha e conhecida história “Tá funcionando ? Então tá mais do que bom!”. Acontece que agora é necessário inserir uma nova funcionalidade no seu projeto. E novamente funcionou então tá mais do que bom, até que surge também  o bom e velho BUG o terror de todos os programadores e você se vê em um labirinto que parece não ter saída, e para piorar não é daqueles erros camaradas que indica a linha e o arquivo que originam o erro. Continuar lendo...

Postado por Bruno Rodrigues em 03/10/2009 - 11:21 -
Categoria:
Tags:

HTML e CSS para e-mails

A produção de html/css para e-mails não é nada trivial e a situação é ainda pior para quem já começou na vida de desenvolvimento para web mexendo com tableless. A tag <style>, por exemplo, não é suportada pelo gmail nem no <head> nem no <body>. Daí já dá pra perceber que o jeito é utilizar todos os estilos inline (usando o atributo "style" dentro de cada tag html). Continuar lendo...

Postado por Elia em 06/08/2009 - 15:50 -
Categoria:
Tags:

Mapa do Brasil vetorial - Link pra página de cada estado

O Victor Costa do Design Labs postou há algum tempo o Mapa do Brasil vetorial que tivemos que desenvolver para um dos nossos trabalhos, o Site do IEL (veja funcionando nesta página).

Para usar o flash com as mesmas cores, só trocando os links, você pode copiar o swf e mudar as urls na chamada ao <object> no html - veja o segundo trecho de código deste post para entender melhor. O fla aberto está disponível no post do Victor.

Na versão final incluímos ainda um textfield que exibe a sigla do estado em que o usuário está passando o mouse. Você pode baixar a versão disponível no Design Labs, copiar e colar o código. Segue abaixo o actionscript que inserimos no fla: Continuar lendo...

Postado por Elia em 02/07/2009 - 14:29 -
Categoria:
Tags:

Estudo do layout gera CSS enxuto e bem feito

Muitas são as formas de começar o desenvolvimento do CSS de um site. Alguns vão fazendo junto com o (X)HTML e outros só depois dele pronto. Este artigo é um complemento à essas abordagens. Aqui você vai entender que é possível adiantar boa parte do CSS antes mesmo do HTML estar pronto.

Com os layouts em mãos você deve identificar tudo o que há de igual. Não tenha medo de perder muito tempo nesta parte, porque perdendo muito tempo aqui você economizará codificando. Existe sempre uma box com títulos na mesma fonte, com mesmo bullet? Os títulos das páginas são iguais? Qual é a fonte predominante do site? Bons designers pensam em layouts estruturados e cabe a você identificar esta estrutura, sendo ideal contar com a colaboração do próprio designer.

Os métodos e os passos podem variar, mas um caminho geral é o seguinte: Continuar lendo...

Postado por Elia em 18/06/2009 - 06:00 -
Categoria:
Tags: