Olá queridos vou disponibilizar para vocês um plugin onde serve para explicar algum link, ou fazer algum comentário.
Passo 1
Acesse o site do plugin Easiest Tooltip ou caso queira ver a DEMO
Passo 2
Agora vamos importar o jQuery e o plugin.
<script src="jquery.js" type="text/javascript"></script>
<script src="main.js" type="text/javascript"></script>
Passo 3
Adicione o texto no ALT do link.
<a href="http://cssglobe.com" title="Web Standards Magazine">Roll over for tooltip</a>
Para ver todas as formas possíveis com o uso deste plugin acesse e para fazer o download do js AQUI
Durante meu trabalho na Miranda Imobiliária estava atendendo um cliente no suporte online onde um usuário de Netbook estava reclamando de o site não “caber” na tela, isso me faz lembrar a velha história de a resolução 800×600 está em desuso como o IE6 e penso, como nós web designers/masters/programadores vamos desenvolver sites tendo que pensar nesses usuários? Ou vamos adotar a idéia de que quem usa o Netbook sabe que seu PC é pequeno e logo pode passar por isso? Ouro caso que me faz pensar é a Web Mobile, onde está crescendo rapidamente e vai ser o futuro, mais quanto ao Mobile não há muito problema pois nós desenvolvemos uma versão do próprio site para eles, claro que são 02 serviços e devemos cobrar por este serviço de nossos clientes.
Olá queridos, essa matéria não tem nada haver com o Web Standads, e sim com um problema que vinha passando há messes, tenho um roteador Encore e tinha o problema de entrar no MSN e o roteador reiniciava, nunca conseguia ficar por mais de 2 minutos online, após muitas pesquisas e nunca achei nada que pudesse me ajudar, até que procurei o código embaixo do roteador, entrei no site do fabricante, minha surpresa foi que a foto do produto no site é um e o meu é outro. Veja o aparelho ENHWI-G3 no site do fabricante.
Agora veja o modelo que eu tenho
A solução que eu encontrei foi fazer o download do firmware aqui.
Depois acesse o INICIAR > EXECUTAR > cmd > ipconfig e copie o endereço do Gatway Padrão, coloque o IP em seu navegador, irá pedir um login admin e senha admin, depois clique em Firmware e selecione o arquivo que você fez o download do site.
Olá, tive que integrar um site com o twitter e com uma rápida pesquisa encontrei um tutorial muito simples no Pinceladas Web. Nós iremos utilizar um JS e pronto.
Tutorial
Faça o download do JS o download do plugin e a biblioteca jQuery antes da sua <head>
<script src="jquery.twitter.js" type="text/javascript"></script>
Logo depois
<div id="twitter"></div>
Agora altere o seu login e pronto, coloque esse script antes do <head>
$(document).ready(function() {
$("#twitter").getTwitter({
userName: "jquery",
numTweets: 5,
loaderText: "Loading tweets...",
slideIn: true,
showHeading: true,
headingText: "Latest Tweets",
showProfileLink: true
});
});
O firefox facilita, e muito, a vida de nós desenvolvedores web. E nada mais justo que eu eu enumerar aqui os melhores plugins que o firefox tem para nós que amamos desenhar/programar e temos que quebrar a cabeça para funcionar tudo em navegadores ruins como os IEs…
1. Firebug: Edita Javascript, HTML e CSS em tempo real e pode ser acessado com F12 do teclado. Usando a função Inspect você escolhe qualquer elemento do site e edita na hora – muito útil para verificar heranças CSS e corrigir erros de layout em tempo real.
URL: https://addons.mozilla.org/en-US/firefox/addon/1843
2. Web Developer: É o melhor e mais completo plugin para desenvolvimento web. É uma barra de ferramentas com mais de 100 opções, por exemplo: desabilita e habilita javascript, cookies, css, imagens, cores da página, cache; identifica em tempo real o tamanho ou caminho (path) de uma imagem, divs block level, divs inline, tabelas, frames, elementos obsoletos, formulários; edita em tempo real o CSS e o HTML; mede partes da página com uma régua dinâmica; preenche formulários automaticamente.
URL: https://addons.mozilla.org/en-US/firefox/addon/60
CONTINUE LENDO ESTE ARTIGO… »
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!
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
Olá emuxos rs, vou colocar aqui para vocês excelentes trabalhos de designers gráficos. Abraços!
CONTINUE LENDO ESTE ARTIGO… »
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.
CONTINUE LENDO ESTE ARTIGO… »
