O que você costuma utilizar para trabalhar e navegar?

Postado por: Pedro Rogério em
  • 31 jan
  • 11

De alguns dia pra cá fiquei curioso em saber que tipo de programas para desenvolvimento web os leitores desse blog costumam usar, bem, vamos lá, como de costume vou deixar aqui a minha contribuição: Para desenvolver os sites eu uso o PHP Designer Editor 2007, um editor bem rápido, simples e intuitivo, que atende muito bem as minhas necessidades, uso também Photoshop para desenhar algum layout, e referente aos Browsers, utilizo os mesmos tanto para trabalho como para navegar na seguinte ordem:

  • Opera 9
  • Firefox 2.0
  • Internet Explorer 7
  • Internet Explorer 6

E as vezes o Audio Browser e o WebbIE. E você, como é sua filosofia de desenvolvimento?

Colocando ícones nos links com CSS

Postado por: Pedro Rogério em
  • 25 jan
  • 6

Com essa simples técnica você pode identificar cada link com seu respectivo ícone, dando maiores informações aos visitantes do seu site sobre o que ele poderá encontar aos clicar nos seus links. Funciona praticamente em todos os browsers, menos no IE 6, já quem usa o IE 7 pode ficar feliz por que também funciona.

Iconize Links

<update>Pra quem não quiser ir até o site e baixar o arquivo, pode estar baixando diretamente por aqui. Seu funcionamento é simples, é só enviar as imagens para o servidor, abrir o arquivo css que está no zip, copiá-lo e mesclar com o seu, está pronto. Se alguém tiver mais algum problema é só entrar em contato.</update>

<update 2>Veja uma outra solução aqui também.</update 2>

Pausa para os comerciais

Postado por: Pedro Rogério em
  • 1 dez
  • 4

Como podem ver já faz algum tempo que não posto nada por aqui, pois é, no momento estou sem computador, estou com problemas no meu 286, agora por exemplo, estou no computador do meu cunhado, mas quando tudo estiver ok, estarei de volta com força total.

<update 09/12/2006> Estou de volta, depois de trocar no meu micro a placa mãe, placa de vídeo e processador que foram pro saco, ainda bem que estavam todos na garantia. </update>

Como retirar o by Feedburner do seu botão

Postado por: Pedro Rogério em
  • 31 out
  • 3

Se lembram daquela frase “By feedburner” que fica embaixo do botão do Feedburner que indica o número de assinantes do Feed? Existe uma forma muito simples de “retirar” aquela frase e mostrar somente o botão própriamente dito com CSS:

Vamos ao nosso código CSS:


.feedburner {
height: 19px;
width: 88px;
overflow: hidden;
}

Nosso HTML ficaria assim:


<div class="feedburner">Aqui você coloca o código do seu botão</div>

Veja um exemplo em funcionamento. O que ocorre é que foi criada uma div com 19px de altura, sendo que o botão normal tem 26px, com isso, usando overflow:hidden, ele não cria uma barra de rolagem para o conteúdo excedente, e o mesmo fica invisível.

Aprenda PHP, MySQL, JavaScript, CSS

Postado por: Pedro Rogério em
  • 25 out
  • 2

O projeto Ya, sites com tutoriais sobre PHP, MySQL, JavaScript, CSS entre outros, disponibiliza cursos gratuitos para desenvolvedores Web, que vão desde o nível básico até o avançado, ideal para aqueles que estão iniciando agora com desenvolvimento web. Além do mais você não precisa ter nada instalado no PC, pois todos os códigos podem ser vistos e excutados on-line.

Tutocle – Tutoriais para desenvolvedores web

Postado por: Pedro Rogério em
  • 23 out
  • 9

TutoCle

TutoCle é um buscador focado em encontrar material relacionado ao desenvolvimento web. Se você usa Firefox, pode incluir em seu browser um plug-in para fazer as buscas diretamente dentro do Firefox, você pode também efetuar buscas através da nuvem de tags que encontra no site, ou mediante palavras chave.

Crash IE com CSS

Postado por: Pedro Rogério em
  • 19 out
  • 8

Para você ter sérios problemas com o IE não precisa de JavaScript, ou qualquer outra coisa, basta somente 23 linhas de puro XHTML e CSS que você verá que o IE é verdadeiramente um browser ultrapassado:


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html>
  <head>
   <meta http-equiv=“Content-Type” content=“text/html; charset=utf-8″/>
   <title>index</title>
   <style type=“text/css”>
     body { width:755px; }
			ul#nav { position:absolute; }
			ul#nav li { display:inline; }
			ul#nav li a { float:left;display:block;margin:0 1px 0 0;width:150px; }
			ul#nav li a:hover { background:#ddd; }
   </style>
  </head>
 <body>
  <ul id=“nav”>
	<li><a href=“#”>Option</a></li>
	<li><a href=“#”>Option</a></li>
	<li><a href=“#”>Option</a></li>
	<li><a href=“#”>Option</a></li>
	<li><a href=“#”>Option</a></li>
  </ul>
 </body>
</html>

Veja um exemplo em funcionamento nessa página. Ou você também pode ver esse vídeo.

Páginas:«1...1213141516171819202122»