Favicon - Ícones personalizados nos browsers

by Luiz Paulo | dezembro 20, 2008 | No Comments »

Favicons são pequenas imagens no formato .ico normalmente possuem o tamanho de 16x16. Essas imagens são utilizadas para facilitar a identificação de um site em abas ou favoritos. Muitos favicons são versões minimizadas de logotipos que fazem referência a marca / imagem da empresa.

Como comentei acima, os mais normal é salvar as imagens em formato .ico , mas alguns browsers também reconhecem o formato .gif.

Inserindo favicon no formato ICO

<html>
	<head>
		<title>Inserindo favicon no formato ICO</title>
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
	</head>
	<body>
		...
	</body>
</html>

Inserindo favicon no formato GIF.
* Esse formato não funciona no Internet Explorer.

<html>
	<head>
		<title>Inserindo favicon no formato GIF</title>
		<link rel="shortcut icon" type="image/gif" href="favicon.gif" />
	</head>
	<body>
		...
	</body>
</html>

Acesse também: 21 melhores geradores de favicon da Internet, você encontrará vários geradores de icones web.

Categorias: Browser, CheatSheet, Desenvolvimento web, HTML
Tags: , , , , , , ,

O Google caiu por alguns minutos

by Luiz Paulo | setembro 30, 2008 | 3 Comments »

Não pude deixar de comentar esse fato.

O Google caiu por alguns minutos! :(

Agora já voltou, mas deu tempo de tirar o print!

Tela do Google fora

Enfim, está registrado...
Como diria o Raul Seixas, "O dia em que o Google parou!" rsrsrs

[]'s

Categorias: Artigo, Browser
Tags: , , , ,

O que é e para que servem Feeds RSS

by Luiz Paulo | agosto 12, 2008 | No Comments »


A tecnologia Feeds RSS permite que o usuário leia conteúdo de sites sem a necessidade de acessá-los.

O termo FEEDS vem do inglês “alimentar”.

O termo RSS é a abreviatura de Rich Site Summary, serve para agregar informações que podem ser acessadas a partir de programas ou leitores online.

Não entendi... Me explica melhor!

O RSS é um arquivo escrito em XML e pode ser acessado por uma URL (veja um exemplo de RSS aqui).

Vamos comparar: Um leitor pode ir a uma banca para comprar um jornal, revista etc. ou fazer a assinatura e receber diretamente o produto em casa (o que é muito mais cômodo!). O RSS é bem parecido, mas você só consegue ler a partir da internet.

Apesar de ser parecido com a assinatura padrão (revistas, jornais, etc.) o RSS tem muitas vantagens, entre elas:

  • É gratuito: Você não precisa pagar para ter acesso, o conteúdo é disponibilizado de forma totalmente gratuita.
  • Não precisa de papel: Não é necessário utilizar papel (que acaba virando lixo), pois você lê direto na tela do computador ou equipamento que estiver utilizando.
  • Variedade: O conteúdo na internet é muito variado, você pode assinar o conteúdo de qualquer site que disponibilize essa tecnologia.
  • Especialização: Normalmente o RSS contém tipos específicos de informação (esporte, tecnologia, notícias do mundo, etc.), o que facilita a escolha do que você quer receber.
  • Histórico: Tudo o que você lê pode ser guardado (como os e-mails), isso é muito bom, pois você tem acesso a notícias anteriores e atuais a qualquer momento.
  • Multimídia: Pode conter vídeos, áudio, etc. o que torna o conteúdo muito mais rico.
  • Tempo real: Você recebe o conteúdo em tempo real. As notícias chegam muito mais rápido do que em jornais e revistas.

Poderia falar mais dezenas de vantagens e características do RSS. Temos motivos de sobra para utilizar essa tecnologia.

Como identificar RSS em uma página?

Como sei que uma página disponibiliza ou não seu conteúdo nesse formato?

Abaixo você encontra algumas dicas de como achar os RSS de um site / blog.

  • Links visíveis escrito RSS e/ou FEED.
  • Links com ícone de RSS (veja no início desse post) Obs.: O ícone pode variar bastante entre cores e formas, mas todos seguem uma mesma linha - conheça alguns exemplos de ícones
  • Os browsers atuais tem o ícone de RSS que é ativado quando existe RSS na página.

Como utilizar?

Os RSS podem ser acessados de 2 formas: programas agregadores ou sites específicos para RSS.

Programas agregadores: São programas que você pode baixar e instalar em seu computador. Além dos programas específicos, os browsers atuais já disponibilizam leitores embutidos, dispensando utilização de outros programas.

Leitores online: São sites que funcionam como leitores de RSS. Você se cadastra gratuitamente. A interface dos leitores online é bem parecida com os e-mails online (gmail, Yahoo, bol, etc.).

Indico a utilização de leitores online, pois oferecem mais recursos e podem ser acessados de qualquer lugar.

Utilizo o Google Reader, é um ótimo leitor! Mas se quiser, existem outros tão bons quanto no merdado.

Gostou? Não perca tempo, utilize! Vale a pena.

Outros links

Categorias: Artigo, Ferramentas, Tendências
Tags: , , , , ,

jBugger – Faça debug de código em qualquer browser

by Luiz Paulo | julho 27, 2008 | 1 Comment »

Todo desenvolvedor com algum tempo na área já usou ou ouviu falar no Firebug que é indiscutivelmente a melhor ferramenta de desenvolvimento disponível no momento. Só tem um problema, o FireBug só funciona como uma extensão do FireFox. Quando acontece algum erro de JavaScript no IE ou em qualquer outro browser, temos que nos virar de outra forma. Até existem outras ferramentas disponíveis, como consoles, plugins para IE, entre outras. Até o Firebug tem versão light em javascript. Mas todas com pouquíssimos recursos.

A falta de uma boa ferramenta que possibilite o debug de código que dê suporte a qualquer plataforma me incentivou a desenvolver o jBugger.

Introdução

O jBugger é uma ferramenta que possibilita o debug de códigos web em qualquer plataforma. Foi homologado nos principais browsers atualmente disponíveis no mercado (Firefox, Internet Explorer, Safari e Opera). Desenvolvido em Javascript e utilização do framework jQuery como base.

A ferramenta

Nessa primeira versão o jBugger será liberado com as seguintes ferramentas:

  • Console para debug execução de comandos
  • Console para visualização do HTML da página
  • Comandos chave como cls, clear, html
  • Personalização de tema
  • Internacionalização

O jBugger foi desenvolvido a princípio apenas como um console, mas percebi que poderia ser muito mais do que isso, hoje, na versão 0.1 (primeira disponível para download) é uma ferramenta totalmente extensível, possibilitando a colaboração de qualquer desenvolvedor para desenvolvimento de plugins e evolução da ferramenta.

Ainda não tive tempo, mas em breve o jBugger terá sua própria página. Onde disponibilizarei documentação com seus recursos e possibilidades.

Testar o jBugger
Baixar agora

Categorias: Browser, Desenvolvimento web, Ferramentas, JavaScript
Tags: , , , , , , , , , , ,

Del.icio.us, bookmarks na internet

by Luiz Paulo | julho 15, 2008 | 1 Comment »

Delicious logoHá algum tempo atrás, estávamos acostumados a utilizar os famosos, antiquados e inúteis favoritos dos browsers. Tá bom, peguei pesado os chamando de inúteis, eram até fáceis de usar, mas nada prático com o passar do tempo, a lista de links crescia e achar um link ficava cada vez mas difícil. E quando nos esquecíamos de fazer backup para formatar a máquina? Bye, bye... Tornavam-se totalmente inúteis! Atualmente tenho utilizado o del.icio.us e depois que conheci essa maravilha só utilizo os browsers para armazenar endereços do dia-dia como url de testes do trabalho, endereços de clientes, etc.. Os serviços de bookmarks online estão disponíveis há um bom tempo na rede e vêm sendo aprimorado com o surgimento da web2.0. Utilizo o Del.icio.us há uns 3 anos e não me arrependo. A vantagem de ter um bookmark online é a facilidade de acessar de qualquer lugar, dessa forma você fica totalmente desprendido do seu desktop. Existem vários outros serviços desse tipo, como o Google Bookmark, Yahoo bookmark, enfim, uma infinidade de opções para todos os gostos.

Mas o que é o Del.icio.us?

Del.icio.us é um serviço gratuito de armazenamento, pesquisa e compartilhamento de bookmark. O interessante nesse serviço é que além de armazenar seus bookmarks, você pode organizá-los colocando tags. As tags são palavras-chave (web, javascript, notícia, ou qualquer palavra), utilizadas para caracterizar os posts, assim quando for procurar algum, terá muito menos trabalho para encontrá-lo. Em buscas as tags podem ser utilizadas sozinhas (web) ou em conjunto (web + javascript + html) trazendo assim resultados cada vez mais refinados com itens específicos.

Alguns Recursos

O Del.icio.us oferece vários recursos como:

Dentre os serviços, vou destacar a Nuvem de tags mostrada abaixo:
Núvem de tags

E você, utiliza bookmarks online ou favoritos dos browsers?

Categorias: Artigo, Ferramentas, portfolio
Tags: , , , , , , , , ,

Próximos posts »

 

Sobre

Foto Luiz Paulo

Sou desenvolvedor web desde 2000, atuei em grandes projetos web2.0. Atualmente trabalho na Automatos junto à equipe de site desenvolvendo projetos web2.0 e utilizando como server-side a linguagem java.

Para saber mais sobre mim, acesse Meus Links ›


Valid XHTML 1.0 Strict Valid CSS!

Luiz Paulo | tecnologia web