Ilustração feita para Guaraná Criação que deverá ser colorida e utilizada no site da empresa, assim que este for lançado. “Caricatura versão mangá” baseada em algumas fotos dos criadores da empresa enviadas por email.
Categorias
Tag: webdesign
As empresas não pagam o suficiente? Talvez sim, principalmente aquelas que buscam estagiários com experiência (onde já se viu isso!?), mas também porque normalmente precisamos de algum a mais no final do mês ($$) e sempre tem alguém precisando de um sistema pra isso, um site pra aquilo.
Se todos pudéssemos trabalhar apenas as oito horas padrão (ou menos, né?) seria tranquilo, mas as vezes parece que elas são apenas a metade do expediente.
Atualmente tenho entrado neste mundo do freelance e posso dizer com todas as letras: quem iria recusar a oportunidade de ganhar aquele dinheiro que tava faltando? Ainda mais sendo algo que você está acostumado a fazer todos os dias. É quase como fazer horas extras, mas ganhar bem melhor por cada uma delas.
Dormir é para os fracos! =P
Temos que aproveitar enquanto somos jovens e temos energia de sobra pra correr atrás e fazer seu pé-de-meia, pois um dia eu sei que não vou precisar mais das horas extras… ou não. Vai saber, né?
Categorias
O que é Tableless?
Apesar de muito utilizada atualmente no meio da informática, principalmente em anúncios de empresas que desejam profissionais de webdesign, muitas pessoas não estão familiarizadas com a expressão Tableless.
Então vamos começar por onde o problema começou.
WYSIWYG (ou What You See Is What You Get) é uma expressão utilizada para definir programas que demonstram na tela exatamente o que você verá no resultado final. Essa expressão começou a ser utilizada para programas editores de texto, porém muitos foram (e são) os programas geradores de HTML que atuam da mesma forma, escondendo o código fonte da página de internet por trás da visão final. Um exemplo? O Adobe Dreamweaver.
No começo da popularização da internet, muitos iniciantes utilizaram esse tipo de programa para publicar sua primeira home page na grande rede. O Microsoft FrontPage foi um dos primeiros que eu conheci.
Acontece que esses programas (como o FrontPage, por exemplo) baseavam a estruturação de seu código em tabelas (ou tables). Ou seja, o que você fazia na tela gerava tabelas no código fonte para ficar do jeitinho que você via. Se você queria colocar uma imagem do lado da outra, gerava-se uma tabela com duas colunas e uma linha. Até aí, tudo certo.
O problema é que existe algo chamado semântica no html. Ou seja, cada tag do código fonte tem seu objetivo, ela existe e atua por um motivo.
No caso da tag <table> (referente à construção de tabelas) ela serve para tabelar as informações, ou seja, fazer uma tabela. Simples assim, como no Excel, por exemplo, sabe? Ou aquelas que você faz pra marcar quem está ganhando no jogo de cartas… Ela não serve para você estruturar o lay-out da página, dividir o menu, ou colocar aqueles gifs animados de personagens de anime ou games.
E é daí que vem a expressão Tableless ou, em português, Sem Tabela.
Falando de forma bem básica, um lay-out tableless é semântico e se utiliza dos blocos (ou divs) para estruturação da página.
Mas você pode perguntar o porquê disso. Eu lhe respondo, para que a página possa ser acessada por tudo e todos.
Como assim? Simples, se um browser é feito para pessoas com deficiência visual, ele usará a semântica para ler as tags html e passar a informação correta ao usuário.
Outra vantagem está em dispositivos móveis, um website tableless tem uma chance muito maior de encaixar corretamente na sua pequena tela.
Ainda existem muitas outras dicas para quem quer usar tableless, como por exemplo, não formatar NADA no código fonte. Para isto serve o CSS, ou Cascading Style Sheets. Mas isso fica para outro post.
Categorias
Portfolio Webdesign
Segue uma galeria com imagem e descrição de alguns dos trabalhos feitos no último ano na área do Webdesign. Presentes nesta lista estão hotsites, websites institucionais, lay-out de sistemas de gerenciamento, websites de vendas, informativos eletrônicos e email marketing.
Todos utilizam webstandars: Xhtml com CSS (tableless).
[nggallery id=1]