Pinceladas da WebMovido a: XHTML, CSS, PHP e WebStandards

Segundo a Astrologia, 2009 é o ano de tomar decisões que serão definitivas para o resto de sua vida, e a meu ver, esse também será o ano de falecimento do IE6, que já vem causando desconforto e discódia na web desde 2001, já se vão lá 8 anos de pleno martírio no desenvolvimento web. Se cada um fizer a sua parte, eu tenho plena certeza de que esse ano essa aberração irá desaparecer da face da terra, até o Google já entrou na onda aconselhando os usuários a utilizar o Firefox ou o Chrome para acessar seu cliente de e-mail em contrapartida da não utilização do IE6.

2009 também será o ano de lançamento de novas versões dos mais famosos browsers, como o Internet Explorer 8, Opera 10, Firefox 3.1. Somando a venda de novos pcs mais baratos que já vem com o Windows Vista e o Internet Explorer 7 instalado, tudo indica que ele irá desaparecer rapidamente, observem o gráfico de utilização abaixo cedido pelo Market Share:

Tudo indica que a montanha russa de utilização do IE6 agora só tende a descer, mas para isso todos devem colaborar, tomar consciência da utilização de um browser ultrapassado. Eu estou fazendo a minha parte, e você está fazendo a sua?

Adicionar personalidade a um layout é o que todo designer deseja no momento de sua criação. Fazer o uso de “personagens” deixa em evidência a personalidade do layout. O site Function Web Design está disponibilizando gratuitamente um pack com alguns caracteres para personalização de layout. Todos estão em formato vetorial .eps.

Se você tem algum amigo preguiçoso, aquele que a toda hora fica lhe enchendo de perguntas no MSN, a partir de agora você pode mostrar pra ele um site muito interessante, que irá ensiná-lo a utilizar de forma eficiente o Google. Mas caso você tenha preguiça de utilizá-lo, vamos lá, vou ensinar aqui uma forma simples de utilização. Dica do meu companheiro de trabalho e organizador de micaretas: Leonardo Caseiro.

Você já pensou na possibilidade de obter itens randômicos com jQuery? Já tentou fazer isso e não conseguiu? Eu encontrei no site de Waldek Mastykarz uma maneira muito simples de se fazer isso. Não vou explicar aqui o código pois o autor já fez isso, mas aqui vai a solução:

jQuery.jQueryRandom = 0;
jQuery.extend(jQuery.expr[":"],
{
    random: function(a, i, m, r) {
        if (i == 0) {
            jQuery.jQueryRandom = Math.floor(Math.random() * r.length);
        };
        return i == jQuery.jQueryRandom;
    }
});

Um exemplo de utilização do filtro :random que agora foi criado seria da seguinte forma:

<ul>
    <li>Primeiro</li>
    <li>Segundo</li>
    <li>Terceiro</li>
</ul>
<script type="text/javascript">
    $(document).ready(function() {
        alert($("li:random").text());
    });
</script>

Simples, vejam esse exemplo para um melhor entendimento. A cada refresh na página, ele me traz um item diferente.

A portabilidade das aplicações desktop para a web já não é novidade, mas dessa vez fiquei impressionado ao descobrir que Eric Wahlforss desenvolveu uma cópia fiel do iTunes que roda na web, o The Cloud Player. Ele utilizou as seguintes tecnologias para isso:

• Google App Engine
• Python
• jQuery
• SoundManager2
• SoundCloud API

Lá você possui a opção de criar novas playlists, salvá-las em em sua conta do Google, classificar playlists, além de poder compartilhar com seus amigos.

O que são Frameworks?

Em desenvolvimento de software, um framework é uma abstração que une códigos comuns entre vários projetos de software provendo uma funcionalidade genérica. Um framework pode atingir uma funcionalidade específica, por configuração, durante a programação de uma aplicação. Ao contrário das bibliotecas, é o framework quem dita o fluxo de controle da aplicação, chamado de Inversão de Controle.

Abaixo são listados 7 projetos brasileiros para se trabalhar com PHP:

MIOLO

O MIOLO é um Framework para Desenvolvimento de Sistemas em PHP com POO. O MIOLO é um Framework escrito em PHP utilizando apenas conceitos de POO e que oferece uma grande gama de funções para aperfeiçoar e agilizar o processo de criação de sistemas.

Dentre as característica importantes implementadas, está à utilização do conceito de modularização. Nessa sistemática, o processo de criação de um novo módulo para um sistema ou mesmo a integração de módulos/sistemas distintos, torna-se uma tarefa muito simples. Isso possibilita inclusive que, utilizando a mesma senha e de acordo com os direitos de acesso, um usuário possa interagir em diferentes sistemas no mesmo ambiente de produção. Essa estrutura permite um grande reaproveitamento de funcionalidades, contribuindo inclusive para padronização do código.

Continuar lendo »

Os browsers estão ficando a cada dias mais poderosos, e com isso cada vez mais é possível usar e abusar do JavaScript, e foi com isso que James Luterek desenvolveu um mini sistema operacional, o JSOS, que roda no browser utilizando jQuery. O sistema é composto das seguintes opções:

• Botão Start
• Barra de tarefas onde você pode minimizar as janelas e reabrí-las novamente.
• Janelas (Você pode criar, mover, minimizar, maximizar, etc.)
• Mostrar o Desktop com o clique direito do mouse.
• Alterar propriedades do background, Tema, Cor do texto.
• Todas as alterações são salvas em cookies para serem carregadas novamente em uma visita posterior.

Continuar lendo »

Você sabe falar Mobile? É esse o slogan do 1º Mobile Expert, um Workshop que acontecerá em São Paulo nos dias 16 e 17 de Dezembro e é voltado aos programadores e pessoas que não querem ficar por fora do mundo Mobile. o Workshop contará com a presença de: Eduardo Rosa, Kleber Tolezani, Daniel Rocha, Fabricio Manzi, Felix von Planta, Terence Reis e Alexandre Siufy.

É uma boa você visitar a palestra para saber mais sobre desenvolvimento para o iPhone e também o Android, e o melhor de tudo, você não vai pagar nada por isso, a palestra é totalmente gratuita.

O local do Workshop é o: Livraria Cultura Conjunto Nacional - Av. Paulista, 2073 - São Paulo/SP. Auditório Eva Herz. Para inscrever-se basta estar enviando um e-mail para: gabi@europanet.com.br com os segintes dados: Nome Completo, Telefone e e-mail ou então ligar para a Editora Europa no seguinte telefone: (11) 3038-5118.

Recentemente foi lançada a versão Alpha do Opera(Versão 10), com uma série de melhorias significativas. Agora ele conta com a versão 2.2 de seu motor de renderização Presto, proporcionando um aumento de velocidade no browser de 30%. Dentre as diversas melhorias, podemos citar as seguintes:

• Essa versão passa com folga no Acid3 Test. Até então a versão 9.62 chegava somente a 85 no teste.
• Suporte a Web Fonts
• Suporte melhorado a SVG.
• Auto-update.
• Spell-check
• Seletores API.
• Melhorias no Dragonfly

No Sun Spider Benchmark, que é um teste de rotinas em JavaScript, ele obteve os seguintes resultados, lembrando que quanto menor o número melhor.

A previsão de lançamento da versão final é para 2009.

O que é CSV?

Comma-separated values (ou CSV) é um formato de arquivo que armazena dados tabelados, cujo grande uso data da época dos mainframes. Por serem bastante simples, arquivos .csv são comuns em todas as plataformas de computador.

O CSV é um implementação particular de arquivos de texto separados por um delimitador, que usa a vírgula e a quebra de linha para separar os valores. O formato também usa as aspas em campos no qual são usados os caracteres reservados (vírgula e quebra de linha). Essa robustez no formato torna o CSV mais amplo que outros formatos digitais do mesmo segmento.

Formalmente, o CSV é um formato de dados delimitado que possui campos (colunas) separados por caracteres de vírgula e registros (linhas) separados por caracteres de quebra de linha. Campos que contêm caracteres especiais (vírgula, quebra de linha ou aspas) devem ser envolvidos em aspas. Entretanto, se uma linha contiver uma única entrada que seja uma cadeia vazia, ela também pode ser envolvida por aspas. Se um campo contiver um caractere de aspas, ele é discernido posicionando outro caractere igual logo em seguida. O formato CSV não requisita uma codificação de caracteres, uma ordenação de bytes ou um formato de terminador de linha.

Exemplo

A tabela acima pode ser ser representada em CSV da seguinte maneira:

1997,Ford,E350,"ac, abs, moon",3000.00
1999,Chevy,"Venture ""Extended Edition""",,4900.00
1996,Jeep,Grand Cherokee,"MUST SELL!
air, moon roof, loaded",4799.00

Fonte: Wikipédia

Integrar CSV com jQuery

Acompanhando o blog de um amigo, descobri que existe um plugin para jquery que através dele você pode ver de forma amigável arquivos CSV na web, o csv2table. Sua utilização é relativamente muito simples, basta ter o jquery na página juntamente com a utilização do plugin, após é só chamar a função com o local do arquivo e onde ele deve ser aberto na página, exemplo:

<script src="./js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="./js/jquery.csv2table-0.02-b-1.9.js" type="text/javascript" charset="utf-8"></script>

<div id="view0"></div>
<script>
$(function(){
  $('#view0').csv2table('./data/Book12.csv');
});
</script>