Criado por Mateus Souza em 28 de fevereiro de 2009 às 14:20
Bom hoje eu vou postar um dos meu “macetes” que eu uso pra me ajudar na produção de sites…é o famoso “don’t repeat yourself”:
Demonstração / Download
Primeiro vamos ao conceito.Seria um modelo já produzido para agilizar o seu trabalho como webdesigner, por exemplo, você ta la ganhando o pão de cada dia e se depara com um menu como este…não é mais facil usar o famoso CTRL+C e CTRL+V? pois bem, este é o conceito…e acredite, sua produtividade vai aumetar e muito...chega de fica perdendo tempo escreve linhas e linhas de código, torrando a cabeça, ouvindo o chefe gritar no seu ouvido porque o job ta atrasado…ta bom, eu apelei mais é essa a intenção.
É claro que cada menu é diferente um do outro e tals, enfim…o objetivo é ter em mãos um modelo propriamente feito, compatível com todos os navegadores, ai é só fazer o jogo do copiar e colar, um pouquinho de alteração aqui…outro ali…e voala…menu certinho e produzido pelo menos na metade do tempo. Já deu pra entender né…
Como não te muito o que falar vamos logo ao bendito menu em css:
HTML:
<ul class="menu">
<li><a href="">Home</a></li>
<li><a href="">Contato</a></li>
<li><a href="">Serviços</a></li>
<li><a href="">Musica</a></li>
<li><a href="">Teste</a></li>
</ul>
O codigo HTML é só isso mesmo, uma lista simples, nada demais…
CSS:
ul.menu li {
float:left;
background: #333;
padding:0px;
line-height: 30px;
border-style: solid;
border-width: 1px;
border-color: #404040 #1a1a1a #1a1a1a #505050;
}
ul.menu li a{
display: block;
padding: 5px 30px;
color: #fff;
font-size:17px;
font-family:Arial,Helvetica,sans-serif;
text-decoration: none;
font-weight: bold;
}
ul.menu li a:hover, ul.menu li:hover{
color: #fff;
background: #4698ca;
border-top-color: #5db1e0 !important;
border-left-color: #5db1e0;
}
Se você fizer o download dos arquivos verá que quase todas as linhas de códigos do CSS (algumas seria idiotisse comentar) estão comentadas explicando o funcionamento de cada uma.
Até a próxima.
Postado em CSS, Dicas, HTML, Webdesigner.
Criado por Mateus Souza em 19 de janeiro de 2009 às 16:30
Como esse é o meu primeiro post do ano…vamos postar algo eficiente que ajude a todos
Pra quem não sabe…teve algumas pessoas que resolveram criar PDFs ou Imagens contendo uma ajuda, um help pra quem esqueceu os codigos de CSS por exemplo.
Esses arquivos receberam o nome de Cheat Sheets (num sei o que significa e nem quero saber 
)
Tem de tudo…HTML/XHTML, CSS, JavaScript (incluindo MooTools e jQuery), e mais alguns.Espero que ajude a todos:
HTML/XHTML
leia mais »
Postado em CSS, Dicas, HTML, Javascript, Mootools, SEO, Webdesigner, Wordpress, jQuery.
Criado por Mateus Souza em 9 de dezembro de 2008 às 9:36
Cliente é complicado…eu acho que todos os que estão lendo este post ja deve ter ouvido algumas ou todas mentiras citadas abaixo, exerto os mais novinhos na área então ja fiquem espertos pra não cairem nessa…
As Mentiras:
- Faça esse de graça que no próximo a gente se acerta.
Todo freelancer cai nessa quando faz o 1º trabalho, mas o 2º nunca vem. Ainda tem a desculpa: “é só para saber se você é bom mesmo”.
Novos freelancers…Jamais caia nessa, pelo amor de Deus…eu graças a Deus nunca passei por isso e se passase eu no mínimo iria xingar o cliente.Aqui vai uma tecnica:
Procure saber qual é a profissão do cliente.Suponhamos que ele é um pedreiro…diga o seguinte: leia mais »
Postado em Webdesigner.
Criado por Mateus Souza em 8 de dezembro de 2008 às 9:00
Mais uma vez é levantada essa questão.Quanto Cobrar por um site?
Graças a Deus eu achei uma palestra feita pelo Sandro Reiller no Instituto Infnet sobre como calcular o custo de desenvolvimento de um site e cobrar do cliente de maneira adequada.
Exitem vários foruns de discursão, comunidades no orkut que abordam esse tema mais o certo é, essa questão e nem essa paletra, como diz o proprio Sandro Reiller não vai solucionar seus problemas, mais sim auxilia-lo na sua decisão…
Chega de papo e vamos os video que vocês devem estar loucos para verem, hehehheheh
Ver video
Obs.EU TAMBEM ESTOU DE SACO CHEIO DE VER PESSOAS COBRAREM R$100 (CEM REAIS) POR UM SITE..aff
Depois coloquem a sua opinião aqui nos comentarios e os seus metodos para aprendermos mais…
Até a proxima.
Postado em Webdesigner.
Criado por Mateus Souza em 18 de novembro de 2008 às 20:45
Falar sobre isto é simples e complicado ao mesmo tempo, primeiramente vamos voltar a uns 5-10 anos atrás. Os sites eram cheio de texto para todos os lados, confundia muito o visitante, ficava perdido sem ter noção de onde ir.
Hoje já sabemos que a melhor forma é pouco texto (nem sempre) e uma navegação fácil, devemos “mostrar o caminho” para o visitante seguir em frente e atingi nosso objetivo (vender, conseguir um retorno…).Temos que pensar também no publico alvo, você não vai fazer um site “sanguinário” para uma criança visitar né…
Se eu fosse escrever tudo detalhadamente só ano que vem terminaria, então vou listar algumas qualidades “minimas” que um webdesigner deve ter, qualidades nas quais são muitos requisitadas por todos:
Domínio de CMS’s
CMS hoje é tudo, é necessário um conhecimento amplo nesta área, estude,crie templates(mesmo que não traga lucros, o importante é aprender…) módulos, plugins(aqui ta mais pra programador )… para softwares(CMS) como Joomla, WordPress, Drupal, MovableType entre outros…
PSD para XHTML
Infelizmente muitas pessoas ainda não sabem fazer isso, um processo no qual um webdesigner, programador… deve saber pois, o Fireworks na parte do verdadeiro design deixa a desejar forçando-nos a usar o Photoshop(eu amo photoshop).O dominio do XHTML e CSS é muito importante nesta etapa para se produzir um site de qualidade.
Sites como PSD2HTML cobram em no minimo $500 (algo em torno de mais de R$1000) para fazer um serviço bom; preste atenção na grana que você pode estar perdendo simplesmente por falta de interesse…
Ah, se mesmo assim você não quiser aprender esse processo ou não tem tempo para isto, entre em contato comigo que a gente resolve isso já ^^
Javascript
Frameworks como
jQuery,
MooTools,
Prototype entre outros, tem crescido e ganhado destaque na web, você não vai querer ficar pra trás né…
Flash
Outro ponto importante é o bendito flash…eu pessoalmente odeio o flash, já que Javascripts fazem o serviço no lugar deste, mais, mesmo assim é necessário conhecer o Actionscript (esse post tá mais pra programador) e saber fazer algumas animações no flash.
E-commerce (Comercio Eletrônico)
A utilização da internet para fazer comprar tem crescido muito, fazendo com que surja cada vez mais serviços com esse tipo de plataforma.É simples e facil de dominar e-commerce, so basta ter vontade…
Conclusão
Quanto mais conhecimento melhor, veja tutorais encontrados aqui e em outros sites para cada elemento citado acima e mãos a obra…Espero que tenham gostado e até a proxima.
Postado em Dicas, Webdesigner.
