Como solucionar problemas em CSS

Postado por: Pedro Rogério em
  • 13 jul
  • 5

Em um mundo perfeito, nossas folhas de estilo funcionariam perfeitamente, mas como vivemos em um outro mundo, essa realidade está longe devido a navegadores inperfeitos, comportamentos desconhecidos e muitas vezes problemas que não acabamos achando a solução. Vou deixar aqui alguns passos para eliminar-mos os erros em nossas folhas de estilo:

Validação

A causa mais óbvia para um erro em nossa página é um erro em nosso código, para verificar-mos erros em nosso código, podere-mos usar o validador do W3C para checar o HTML ou o CSS. Uma outra maneira simples é usando a extensão Web Developer para o Firefox, ou a extensão HTML Validator, que lhe permite validar o código sem estar conectado.

Continuar lendo »

Edipo: Editor de CSS personalizado

Postado por: Pedro Rogério em
  • 12 jul
  • 0

Edipo é um editor de folhas de estilo personalizado com base na Web, especialmente desenvolvido e desenhado para ajudar aos usuários a criarem a sua própria folha de estilo personalizada, para modificarem a seu modo as páginas Web para uma melhor legibilidade.

Edipo é especialmente útil para os deficientes visuais, ele gera uma folha de estilos de acordo com as especificações do usuário, para modificar determinadas opções que podem ser instaladas em seu navegador como folha de estilo personalizada.

Referências

Removendo pontilhado dos links

Postado por: Pedro Rogério em
  • 11 jul
  • 37

Link com pontilhado

Muitas vezes quando clicamos em algum link, costuma ficar em volta do mesmo uma linha pontilhada, como você pode ver na imagem acima, pelos testes que fiz, isso só acontece no Firefox, pelo menos no IE 6 e no Opera 9, tudo fica normal, mas existe uma maneira muito fácil de fazer com que isso não aconteça, nas tags a do seu CSS, basta você aplicar o seguinte código:


a { outline:0; }

Mais simples impossível!!!

Guia CSS – 3ª parte: Utilizando classes

Postado por: Pedro Rogério em
  • 10 jul
  • 3

Os seletores de classe permitem que você determine diversos estilos dentro de um mesmo elemento (x)HTML. Ele é similar aos estilos inline. As classes podem seu usadas diversas vezes dentro de um arquivo (x)HTML, diferentemente do ID, que só pode ser usado uma vez, mas isso veremos em um próximo artigo. Para um melhor entendimento vamos a um exemplo, eu gerei uma definição para um parágrafo:


p {
   font-size:1.6em;
   color:#F00;
}

Tudo bem, mas eu quero que uma parte do meu parágrafo fique em verde e negrito, aí é que iremos usar uma classe, então, vamos criar a mesma:


.boldgreen {
  color: #008080;
  font-weight: bold;
}

Para uma melhor compreensão, veja um exemplo em funcionamento. Como você pode reparar, os seletores de classe começam com (.), e quanto ao nome das mesmas, elas ficam ao seu critério.

Tradução do artigo original de: CSS Basics.

Meu feed no celular

Postado por: Pedro Rogério em
  • 8 jul
  • 0

A partir de agora você não precisa mais correr pra frente do PC para ler as novidades do meu site, basta você apontar o browser do seu celular para http://litefeeds.com/m e instalar a aplicação necessária. A partir daí é só digitar o endereço do meu FEED e ficar por dentro das novidades onde quer que você esteja.

Esse serviço é disponibilizado por LiteFeeds.

Microformats: Atributo rel-license

Postado por: Pedro Rogério em
  • 7 jul
  • 0

Dentre as várias especificações dos Microformats, uma outra especificação que podemos destacar é o atributo rel=”license”, que tem como função marcar os links das páginas com a licença que se está utilizando, seja uma licença de um blog, ou de um software desenvolvido por outras pessoas.

Dentro do site Microformats.org essa é a especificação mais simples que se pode encontrar, e podemos resumí-la da seguinte forma: Colocamos o atributo rel com o valor “license” em qualquer link que faça referência com a licença da página atual. Abaixo você pode ver um exemplo:

Continuar lendo »

EyeOS: um sistema operacional rodando na web

Postado por: Pedro Rogério em
  • 5 jul
  • 9

Sempre que possível eu gosto de testar novas tecnologias, a algum tempo atrás fiquei conhecendo o EyeOS, um sistema operacional todo desenvolvido em Ajax. O funcionamento dele é muito interessante, você pode instalar novos aplicativos nele, como editor de texto, MP3 Player, e outros plug-ins disponíveis na comunidade on-line.

Veja alguns screenshots do programa rodando:

Instalação

Fazer a instalação do EyeOS em seu servidor é muito fácil, você não precisa de MySQL ou qualquer banco de dados desse tipo, por que todas as informações ficam guardadas e criptografadas em arquivos XML e PHP.

Instalação do programa

Continuar lendo »

Páginas:«12345»