Achei uma dica muito bacana no site KREATIVUSE. A dica serve mais para o pessoal que usa o Fireworks ou outros programas que não dão muitas opções de gráficos tipo shapes e brushes como no Photoshop.
Uma boa alternativa é o uso de fontes. Existem muitas fontes que são desenhos/símbolos que podem ser usados nos trabalhos, tanto gráficos quanto digitais. A vantagem da fonte é que ela suporta tamanhos maiores sem que perca a qualidade (mas nem todas), como vetores. A desvantagem é que se você não tiver um backup dela e tiver que mudar de computador, vai ter que procurá-la de novo para instalar novamente. Mas acho que não é uma coisa que atrapalhe muito, é só deixar anotado junto com o projeto o nome dela.
No KREATIVUSE tem uma coletânia de fontes bem legais. Também indico o site dafont.com que possui várias outras para download tanto para PC quanto para MAC.
Quem me conhece sabe que odeio trabalhar com tabelas, sou completamente viciada em tableless, mas dependendo do desenvolvimento, não é muito funcional deixar de lado as tabelinhas.
Eu acho o uso de tableless essencial e muito mais fácil para sites que não exibirão dados tabulares. Com o uso das tags certas e CSS, é possível colocar os elementos de um site em qualquer posição. Mas não é a mesma coisa quando vamos carregar dados de um banco de dados, por exemplo.
O artigo de hoje é para mostrar uma maneira mais fácil de exibir esses dados com o uso de tabelas e estilização via CSS, sem a necessidade de inventar um tanto de classes e id's. Começando pelas principais tags:
<table>: delimita a tabela. É a primeira tag;
<caption>: título da tabela;
<thead>: cabeçalho;
<tfoot>: última linha da tabela;
<tbody>: para delimitar o meio da tabela;
<tr>: linhas;
<td>/<th>: células.
ps.: Visite o tópico de tabelas da W3 para ler mais sobre outras tags e aplicações.
O código da nossa tabela:
<table border="0" cellpadding="0" cellspacing="0" summary="Essa tabela é para apresentar alguns dos sites que vocês podem me encontrar."> <caption>Onde encontrar a Cléo</caption>
<thead> <tr> <th>Ícone</th> <th>Nome do site</th> <th>Link</th> <th>Descrição</th> </tr> </thead>
<tbody> <tr> <td><img src="http://imgSRC/googlereader.png" title="Google Reader" alt="icone" /></td> <td>Google Reader</td> <td>http://www.google.com/reader/shared/13446221401570394803</td> <td>Artigos compartilhados de alguns dos blogs que eu acompanho.</td> </tr> <tr class="par"> <td><img src="http://imgSRC/twitter.png" title="twitter" alt="icone" /></td> <td>twitter</td> <td>http://twitter.com/cleomorgause/</td> <td>Rede social que permite o envio de mensagens de até 140 caracteres. Útil para divulgação de conteúdo e links.</td> </tr> <tr> <td><img src="http://imgSRC/delicious.png" title="del.icio.us" alt="icone" /></td> <td>del.icio.us</td> <td>http://del.icio.us/cleomorgause/</td> <td>Coleção dos meus links favoritos e também aqueles que acho mais úteis. É ótimo, pois não me preocupo em ficar salvando bookmarks em HTML.</td> </tr> <tr class="par"> <td><img src="http://imgSRC/internal.png" title="friendfeed" alt="icone" /></td> <td>friendfeed</td> <td>http://friendfeed.com/cleomorgause</td> <td>Junta todos os meus updates em um só lugar.</td> </tr> <tr> <td><img src="http://imgSRC/plurk.png" title="PLURK" alt="icone" /></td> <td>PLURK</td> <td>http://www.plurk.com/user/cleomorgause</td> <td>Funciona como o twitter, mas acho mais interativo e mais viciante.. hehe.</td> </tr> </tbody> </table>
Agora que usamos as tags certas, fica muito mais fácil colocar estilo na tabela. Note que a única classe usada foi para diferenciar uma linha da outra, e mesmo assim só muda o background e o :hover da linha.
Abaixo o CSS que eu fiz:
* { margin:0; padding:0; }
body { font:11px Verdana, Arial, Helvetica, sans-serif normal; color:#333; }
O Fine Tuna é um site onde você envia uma imagem ou uma foto (do computador ou um URL), e coloca um comentário em cima dela. Funciona como os comentários nas fotos do Flickr, a diferença é que não é necessário criar uma conta. E o legal é que depois você pode compartilhar com amigos e familiares mandando o link por e-mail através de um campo no canto superior do site. É interessante, pois pode ser usado em algum screen de um layout para um cliente, então ele poderá dizer o que pode ser mudado através dos comentários que ficam em um lugar determinado por ele. É bem útil!
Estava estudando para as provas da faculdade, por isso tanto tempo sem colocar nada aqui.
Bom, agora que estou de férias, vou poder dedicar aos posts e meus freelas. Adoro fazer esses bicos, tanto por ganhar uma graninha extra quanto por poder participar de todas as etapas do projeto.
Mas mantenho o meu emprego fixo, e como não tenho tempo de procurar pessoas para oferecer meu trabalho, uso alguns sites, tanto pela comodidade, quanto para saber se estou careira ou não.
Nesses sites você pode cadastrar seu perfil e selecionar as áreas de atuação. Então, poderá ser escolhido por alguém para um trabalho, ou oferecer propostas aos que são cadastrados no mesmo.
Indico também o Carreira Solo que tem uma galeria para cadastros de freelancers e ainda dá dicas para um melhor desenvolvimento ou planejamento, além do conhecimento que se ganha.
O blog continua, e com o tempo eu vou melhorando os posts. Obrigada por não me abandonarem!!!! xD
