[HTML/CSS] Tutoriais que você deve ver
Olá, gostaria de indicar 3 tutoriais excelentes, que você deve conhecer e ler várias vezes.
30 CSS Best Practices for Beginners
20+ HTML Forms Bests Practices
30 HTML Best Practices for Beginners
Abraços!!!
6 de abril de 2010
9 de outubro de 2009
VALE A PENA SEGUIR W3C?
Olá queridos amigos, vou tentar explicar o lado bom e o outro não tão bom do W3C.
O CLIENTE
Quando um cliente solicita algum projeto, ele que não quer saber se o site vai estar nos padrões W3C ou se é válido ou não, ele apenas quer saber se ao entrar no site não vai ter nenhum erro, se está tudo no lugar e funcionando.
Não há dúvida de que quando seguimos os padrões não teremos nenhum problema de visualização, mesmo assim ainda temos o velho Internet Explorer onde tenho que desenvolver outro CSS para cada versão, ou usar algum CSS HACK.
TABLELESS
Pós
- Facilidade na atualização do código
- Arquivos mais leves
- Respeita a W3C
Contras
- Maior tempo gasto
- Muitas vezes utilizar de CSS-Hack
TABELAS
Pós
- Agilidade no desenvolvimento
- Não ter problemas de visualização em navegadores antigos
Contras
- Não respeita a W3C
- Arquivos mais pesados
- Atualização dependente de algum editor no modo Design
O DESENVOLVEDOR
Hoje nossos clientes estão cada vez mais exigentes quanto ao preso, e me pergunto se vale a pena continuar desenvolvendo meus projetos em Tableless, pois muitas vezes tenho que entregar o projeto rapidamente.
Por outro lado tenho que estar me atualizando sempre, para que eu possa acompanhar as novidades do mercado e ficar a frente do meu concorrente, além de que muitas agências de publicidade e propaganda exigem que o desenvolvedor utilize as normas W3C em seu projeto.
RESUMO FINAL
Ao desenvolver um novo projeto leve em consideração o prazo do projeto, se vai precisar de atualização constantes e seu tempo disponível para desenvolver em Tableless.
Irei terminar esta matéria com um comentário no twitter do @maujor onde ele disse o seguinte
Ps.: Para quem não conhece o Maujor é o dinossauro do CSS, escritor de vários livros como o de jQuery, XHTML e CSS. Pode visitar seu site aqui
19 de setembro de 2009
[CSS] Substituindo Texto por Imagem
Olá coelhinhos e coelhinas rs, hoje vou explicar uma técnica com o uso do CSS onde nós iremos substituir algum texto por imagem, normalmente usado em logos no topo.
Por que usar e quando usar?
Para todo desenvolvedor web que tenha interesse em desenvolver um bom projeto e tenta seguir os padrões web, ao fazer código fonte, principalmente no topo na logo, para que sua div não fique com a tag img colocamos o texto e substituimos esse texto pela logo.
Veja o exemplo.
<body>
<div id="defaut">
<div id="topo">
<h1>Leonardo Miranda<span></span></h1>
<p>Web Design, Design Gráfico e SEO
</div><!--Fim Topo-->
</div><!--Fim Defaut-->
</body>
-----
#topo{
width: 350px; height: 80px;
padding: 20px;
background: url(imagem/logo.jpg) no-repeat;
}
#topo h1{
overflow: hidden;
}
Comentários
Muitos sites hoje ensinam várias técnicas e dicas, como o uso de text-ident negativo, particulamente eu não recomendo o uso por levar em consideração navegadores ultrapassados. Quem tiver interesse em pesquisar outras técnicas sinta-se a vontade de pesquisar abaixo:
Referência CSS-Tricks e Wellstyled
