K-Meleon

Postado por: Pedro Rogério em
  • 15 ago
  • 3

Logotipo K-Meleon

K-Meleon é um browser baseado na plataforma gecko (o motor de renderização da mozilla), já sabem então que é um browser de qualidade. Ele é bem rápido, e tem o mínimo indispensável para navegar e além de tudo é compatível com os padrões web.

O K-Meleon é o Browser mais básico desenvolvido pela Mozilla, tipo as aplicações que acompanham o Windows. Mas agora, você acaba se perguntando, será que compensa eu baixar esse browser e instalá-lo na minha máquina? Se você tem um computador com poucos recursos, e quer utilizar um browser que trabalhe dentro dos padrões, essa será uma ótima alternativa para você estar fugindo do Internet explorer.

Download

YouOS: Sistema operacional na web

Postado por: Pedro Rogério em
  • 14 ago
  • 5

Logotipo YouOS

A nova mania agora são os sistemas operacionais rodando na web, se lembram do Eyeos, agora acabei conhecendo o YouOS, um outro sistema operacional. A sua interface não é parecida com a do EyeOS, são bem diferentes, no EyeOS você acessava os aplicativos por uma espécie de Dock, no YouOS não, ele possui um botão e uma barra, semelhante ao Windows, onde você pode iniciar os aplicativos.

Ele possui muitas vantagens como: Cliente de E-mail, Browser interno, Uma espécie de Windows explorer, Editor de texto, Chat, Bloco de anotações, Integração com o Flickr, e várias outras opções para customização. Veja abaixo algumas screenshots que eu tirei do mesmo:

Interface do Usuário

Interface do Usuário no YouOS

Menu de Acesso aos programas

Menu de acesso aos programas

Continuar lendo »

Extensões firefox para desenvolvedores web

Postado por: Pedro Rogério em
  • 11 ago
  • 3

Se você trabalha com desenvolvimento para a Web, existem algumas extensões essenciais para o Firefox para agilizar o desenvolvimento de suas páginas:

Web Developer Extension
Essa ferramenta é muito útil para o desenvolvimento, ele instala uma barra de ferramentas no Firefox com várias opções como: Desabilitar o CSS, incapacitar certos elementos da página, desabilitar imagens, mostrar detalhes de formulários e muitas outras coisas.
Aardvark Extension
Essa extensão tem por finalidade eliminar erros em seu CSS. Não é uma mão na roda mais é bem interessante.
Colorzilla
Uma ferramenta para seleção e teste de cor, é só você colocar a eyedropper sobre a cor que ele mostra as informações para você.
Fang
Esta extensão cría uma respresentação textual de uma página Web similar a uma página que seria lida por um leitor de tela.
Link Checker
Tem como finalidade checar os links da sua página, verificar se os links estão quebrados, bons links. É semelhante ao Link Checker do W3C
Measure It
Permite que você meça a altura e a largura da tela
Screen Grab
Tira escreenshots da sua página e as coloca em um frame para análise.
IE View
Permite que você veja as páginas dentro do Firefox, mas como se estivesse usando o IE, é bom pra não precisar ficar abrindo o IE toda hora para fazer testes.
Fire FTP
Instala um cliente FTP no Firefox, perfeito para subir arquivos rapidamente para o seu host.
HTML Validator
Essa extensão é baseada no famoso HTML Tidy. Ele adiciona um ícone na barra de status do browser que mostra se seu código é válido ou não

Unidades de medida em line-height

Postado por: Pedro Rogério em
  • 10 ago
  • 1

Segundo as especificações das CSS 2.1, na propriedade line-height das CSS não é necessário especificar uma unidade de medida concreta(em, px, ou outra qualquer). A melhor opção seria não colocá-la, pois ela hedará o valor da propriedade font-size do elemento:


ul {font-size: 15px; line-height:1;}
li { font-size: 10px; } /* Tomará como line-height 10px */
small {font-size: 80%; line-height: 8px;} /* Tomará como line-height 8px */

O único problema é que o Validador de CSS do W3C não aceita valores sem unidades de medida.

Referências

Meyer Web

  • Categorias: CSS
  • Tags:

Microformats: hCalendar

Postado por: Pedro Rogério em
  • 9 ago
  • 0

Voltando ao assunto dos Microformats, dessa vez iremos ver o Microformat hCalendar, ele é muito parecido com o iCalendar, usado na aplicação iCal do MAC. Como já deve ter imaginado, hCalendar é usado juntamente com o XHTML para marcar qualquer tipo de evento.

Para uma melhor compreensão dessa matéria, vamos a um exemplo:


<div class="vevent">
<p>
<a class="url" href="http://www.fimdomundo.com.br/">
<abbr class="dtstart" title="20061101">1 de Novembro</abbr> - <abbr class="dtend" title="20061102">2 de Novembro</abbr><span class="summary">Fim do Mundo</span> - e <span class="location">do Planeta Terra</span>
</a>
</p>
<p class="description">Nós não iremos nos dar bem.</p>
</div>

Como podem ver, tudo fica englobado dentro de uma div com a classe vevent, para marcar que temos dados relacionados a um evento marcado com hCalendar. Dentro da div ficará as informações do evento, que deverá ser marcado corretamente.

Continuar lendo »

Ajax: onde usar e não usar

Postado por: Pedro Rogério em
  • 8 ago
  • 9

Estou criando essa lista para ajudar aos desavisados onde melhor aplicar AJAX e onde realmente não seria necessário:

Onde deve-se usar AJAX

  • Interação via formulários
  • Navegação de aplicações do tipo hierárquica
  • Comunicação rápida de usuário a usuário
  • Votações on-line
  • Filtro e manipulação de dados
  • Campos de texto usados comunmente(autocompletar)

Onde não se deve usar Ajax

  • Formulários simples: Se há somente um campo, não há necessidade
  • Buscas: Esse parte é meio pessoal, uns gostam, outros não preferem
  • Navegação básica: Esse também é um erro típico que acaba ocorrendo com o Flash, imagine um Menu com 2 boxes que digam Início e Contato, qual a necessidade de se usar Flash alí, ou até mesmo AJAX?
  • Manipulação de interfaces do usuário: Para manipulação existe o XHTML/HTML, DOM e as CSS, que foram criadas para isso.
  • Widgets inúteis

Guia CSS – 8ª parte: Padding

Postado por: Pedro Rogério em
  • 7 ago
  • 3

Padding é a distância do elemento entre a borda e o seu conteúdo. As regras para margem também se aplicam ao padding, excepcionalmente o valor “auto” e valores negativos, que não podem ser declarados:


padding-top: valor;
padding-right: valor;
padding-bottom: valor;
padding-left: valor;

Você também pode declarar esses valores para padding em uma única propriedade:

padding: 10px 10px 10px 10px;

Continuar lendo »

Páginas:«1...104105106107108109110...119»