Primeiros passos com Linux Ubuntu

Estou usando Linux e vou compartilhar minha experiência de instalar o Ubuntu.

Realmente foi bem fácil instalar, apenas fiz o download do Ubuntu no site, rodei o live, e mandei instalar no HD. Minha irmã e minha esposa que usam apenas a Internet nem reclamaram da mudança.

Mesmo que você tenha uma processador 64bits, não instale o Ubuntu64. Tive dificuldades enormes para instalar programas. Por exemplo o firefox64 e o player flash são incompatíveis. Usei o Ubuntu 7.04 e meu HD sata e a conexão de rede foram automaticamente reconhecidas, já que o Ubuntu 6 reconhece HD mas quando tento instalar, trava o sistema.

Comecei instalando o Compiz Fusion no meu Ubuntu, ele traz efeitos impressionantes para o Desktop.

Como desenvolvedor WEB precisei usar o LAMP ( Linux + Apache + MySQL + PHP ) e ativar o mod_rewrite.

Para abrir RAR e ZIP digite os seguintes comandos
apt-get install rar
Depois, 'crie' o comando unrar:
ln -s /usr/bin/rar /usr/bin/unrar

E por fim instalei o Google Earth for Linux, que não podia faltar, eheheh

Os primeiros passos são difíceis mas não desista, vale a pena.
Conforme for surgindo a necessidade irei instalando os programas e publicando como os resultados.

Evento: Frameworks de Desenvolvimento com PHP

Finalmente um evento de frameworks de desenvolvimento WEB com PHP.
Será dia 4 de agosto, sábado, na FIT de São Paulo-SP.
O evento é organizado pela Tempo Real Eventos e conta com três palestrantes:

• Elton Minetto - CakePHP;
• Jhony Maseto - Symfony;
• Felipe Tonello - Zend Framework.

O formato do evento será de mini-cursos com a parte da manhã de apresentação da estrutura e tarde com implemento de uma aplicação completa.
É uma grande oportunidade para entrar em contato com esses ferramentas e trocar experiências sobre desenvolvimento WEB.
O Site Oficial do evento conta com toda a programação das palestras, locais de hospedagem e várias informações úteis.

Menu com imagens - CSS Sprites

Essa técnica é interessante pois carrega cada imagem do link de uma vez.
A imgem estática e a "hover" estão no mesmo arquivo, uma embaixo da outro. Com um tamanho fixo podemos saber onde termina uma e o começa a outra.
Exemplo:

• Google


• Yahoo

imagem original:






Segue o código do menu:

<div id="menu">
<ul>
<li><a href="http://www.google.com.br/" id="navi1">Google</a></li>
<li><a href="http://www.yahoo.com.br/" id="navi1">Yahoo</a></li>
</ul>
</div>

Agora o CSS com explicação:

/* Menu */
#menu ul {
/*Retira a bolinha da lista*/
list-style-type: none;
}

#menu li {
/* Evita a repetição da imagem*/
background-repeat: no-repeat;
}

#menu li a {
/*Altura e largura do primeira parte da imagem*/
height: 39px;
width: 179px;
/*Estende o link para o tamanho do li*/
display: block;
/*Retira o sublinhado do link*/
text-decoration: none;
/* Aqui tem um truque, joga o texto do link para 2000 pixels a esquerda, fora da visualização. Valeu pela dica Vinicius.*/
text-indent: -2000;
}

#menu li a#navi1 {
/*Coloca a imagem no de fundo no link. CAla link deve ter uma "NaviX" para variar a imagem*/
background-image: url(img/button.jpg);
}

#menu li a:hover {
/*Está ai a mágica do efeito. Muda a posição da imagem de fundo do link para 144 pixels a cima , novamente fora do elemento(exatamente a altura da primeira parte)*/
background-position: 0px -39px;
}

Esse efeito é interessante porque mesmo sem o CSS o menu continua funcional.

O Futuro do Orkut

Sem duvida o Orkut abriu a porta para uma revolução no relacionamento via internet. O que quero mostrar são algumas formas diferentes de relacionar pessoas, não ficando apenas nos amigos e comunidades. São os filhos do Orkut.
Dei ênfase em como se relacionam as pessoais e a forma que isso é mostrado. Certamente teremos um sucessor do Orkut com formas diferentes de relacionamento como o Flickr e Del.icio.us estão fazendo com seus produtos, fotos e links. WEB como foco no usuário.

Imagini

Baseado em preferências. Cada membro relaciona fotos a sensações , montando assim um perfil fotográfico, que é ligado a outros perfis similares, uma rede por afinidade. Bem interessante é a nuvem de fotos que roda com alguns perfis, você fica a um click de conhecer gente nova com os mesmo interesses que você.

We Feel Fine

É isso mesmo, sentimento. Cadastre o que você está sentindo agora, e mais algumas informações como sexo e nacionalidade e pronto, você é mais uma bolinha na nuvem de gente que é a WEB. O destaque vai para as animações com os links das pessoas e fotos. Cada pontinho é realmente uma pessoa. Veja se tem algem cadastrado do Brasil.

Made of Japan

Não é bem uma comunidade mas bem que poderia ser. É a imagem de um tenis (Onitsuka Tiger) feito de fotos e links para diversos sites com conteúdo relacionado com o estilo de vida que o tênis cultua. Se tivesse como cadastrar o nosso próprio site seria show.

Teste a velocidade de carregamento do seu site

A Pingdom lançou uma ferramenta que testa a velocidade de carga do seu site, gerando um gráfico com o tempo de carregamento de cada item da página. O recurso é bem interessante, por exemplo descobri em uma análise que a imagem deste post que carreguei no photobucket esta muito pesada. Mais um motivo deixar o layout do blog mais leve.
Use também para testar o site do concorrente :)

Um elemento HTML, várias Classes

Depois de algum tempo de silêncio digital, tenho uma dica rápida de CSS .
Podemos aplicar mais de uma classe a um elemento HTML, basta declarar os nomes das classes separados por espaço. Fica assim:

.posicao {float: right;}
.cor { color: #f00; }
<p>Testando</p>
<p class="cor">Testando</p>
<p class="cor posicao">Testando</p>

O resultado é esse:




Testando

Testando

Testando

É mais uma forma de organizar seu CSS.

Aplicações WEB 2.0 - III

Esse negócio de aplicações baseadas na WEB virou moda. A revista INFO de maio, deste ano, publicou cerca de "67 serviços da Web 2.0", seguindo uma tendência de transformação do comportamento e idéias com ferramentas interativas. Agora chega de enrolação:

• WriteMaps - Crie, edite e compartilhe mapas de sites com essa ferramenta bastante intuitiva e rápida. Indicada para compartilhamento rápido entre colaboradores geograficamente distantes. Peca apenas por não ter função de impressão do mapa.
  

• JotForm - Seus problemas com criação WYSIWYG de formulários acabaram, JotForm cria formulários dando a possibilidade de validar e-mail, data e outros tipos. Também conta com diversas outras funções rotineiras da criação de formulários. Permite salvar o resultado com o javascript e o CSS.