[DICA] WE LOVE ICONS
Olá pessoal, após a dica do Ico Finder apresento o We Love Icons, um site muito bonito onde você pode baixar icones Win, Mac e claro os PNG.
Boa tarde pessoal!
20 de setembro de 2009
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
18 de setembro de 2009
[INSPIRAÇÃO] LOGO
Olá emuxos rs, vou colocar aqui para vocês excelentes trabalhos de designers gráficos. Abraços!
[SEO] Sitemap XML
Olá queridos sou Leonardo Miranda, Web Designer, Designer Gráfico e SEO Master, e estarei dando continuidade aos artigos de #SEO, veja todo os artigo, e iremos falar o Sitemaps outro recurso importante para um resultado satisfatório.
O que é Sitemaps?
Sitemaps traduzindo ao pé da letra é “Mapa do Site”, onde um arquivo .XML tem todo o diretório e com suas propriedades
Para que serve?
Como o próprio nome já diz serve para poder criar um mapa do site, onde o navegador não irá se perder dentro do conteúdo do web-site, e serve para os Robots que ao indexar seu web-site basta ele ler o Sitemap do seu servidor reduzindo o trabalho de indexação e deixando o processo mais ágil.
[JS] WIZARD PLUGIN – FAÇA UM PASSO A PASSO
Estava olhando plugin por plugin da mega lista e encontrei este plugin maravilhoso, podemos utilizá-lo para fazer um passo a passo em um formulário de contato, cadastro de usuário e várias outras coisas que você imaginar.
Passo 01
Iremos linkar a biblioteca jquery e o js do plugin.
<script type="text/javascript" src="http://leomiranda.com.br/js/jquery.js"></script>
<script type="text/javascript">
function loadnext(divout,divin){
$("." + divout).hide();
$("." + divin).fadeIn("fast");}
</script>
Para baixar a biblioteca jquery clique aqui
Passo 02
Agora basta colocar nosso código html.
Como o código HTML é muito grande acesse a página demo e copie no código fonte tudo entre o body para testar, depois basta editá-lo.
17 de setembro de 2009
[INSPIRAÇÃO] BUSINESS CARD
Olá queridos, começa hoje uma categoria de inspiração para utilizar em seus trabalhos, darei início com Business Card(Cartão de Visita).
[DICA] ICO FINDER
Sempre me perguntam aonde posso achar icons com qualidade e FREE.
Um excelente site onde basta você digitar um nome e fazer o download.
16 de setembro de 2009
[JS] MEGA LISTA DE PLUGINS
Validação de Formulários
jQuery Validation.
Auto Help.
Simple jQuery form validation.
jQuery XAV – form validations.
jQuery AlphaNumeric.
Masked Input.
TypeWatch Plugin.
Text limiter for form fields.
Ajax Username Check with jQuery.
Veja a lista a lista completa!
[JS] LIGHTBOX RENOVADO
O plugin jQuery Lightbox foi o primeiro no qual eu tive contato, acho que de muitos, e ele foi aperfeiçoado, antes o que era apenas para uso com imagens, agora podemos utilizar
Imagens
- Vídeos
- Flash
- Iframe
