Use how manys blogroll do you want in your site, and put everything your place.

Just put the name of link category that you like to show, and then everything is ready.

Here is the file

multiple_blogroll

Update: Sorry for the late.. New release.. 1.2… bug fix

Update 0.1: I was a little out of time, but its fixed the updated problem, now I’m working to put all categories to show and you can select with one you wanted to put in the widget (I know… my english is terrible)

I was searching for a good widget that has one editor included, and I found this widget “About me widget” for wordpress, and so I found some problems there to.

So I decide to review this plugin and try to solve some problems.

I already send a communication to Sam Devol about this.

The first problem was that the tinyMCE didn’t worked. Taking a look I just found that the editor call was wrong.

I going to let my version here until Sam return my email.

Here is it:

about-me-widget

Thanks!!!

O Yahoo! tem se mostrando um ótimo companheiro para desenvolvedores, mas ao contrário do Google (que tem vários, milhares de ferramentas).

O Yahoo! User Interface ou simplesmente YUI, é uma ótima parte do Yahoo! para desenvolvedores de front-end, hoje eu percebi que simplesmente não desenvolvo mais sem antes colocar o link do “grids-fonts-reset.css”.

Aqui eu vou simplesmente falar desse CSS, mesmo que só isso é bastante coisa. Mas existem muitas outras coisas legais para se dar uma olhada.

Esse CSS é um apanhado de três arquivos dentro do Yahoo!. O grids, fonts e reset.

Vou dividir cada um deles em um post diferente, assim quando quiser saber sobre somente um, você não vai precisar ficar procurando num texto enorme.

O reset

Como todo mundo que já desenvolveu HTML, algumas vezes você precisa resetar as configurações do browser para que você possa definir as suas próprias, mas às vezes fica faltando alguma propriedade para resetar. OK, faltava. O reset do Yahoo! procura resetar TODAS as propriedades de TODAS as tags.

Tudo bem que é estranho você colocar a tag strong e o negrito não aparecer

Mas a intenção é essa. Imagine. Tudo o que você escrever, do mesmo jeito… Até os headings (h1, h2, h3, h4…) terão o mesmo tamanho. No começo é dificil se adaptar, mas com o tempo você acaba até gostando das coisas assim.

Um exemplo de página sem o reset:

semreset

Agora o mesmo exemplo com o reset:

comreset

A unica coisa que se manteve como normal foi a cor do link, pois as margins e paddings, já eram xD

Para começar a usar é só colocar esse CSS na página:

<link rel=“stylesheet” type=“text/css” href=“http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css”>

O CSS RESET está na sua versão 2.6.0 hoje. Logo seria mais interessante você entrar no site do Yahoo! User Interface Library: CSS Reset

Lendo essa biblioteca, eu posso dizer que quando você ver a minha versão, ela vai continuar do mesmo jeito, pois o Yahoo! se compromete a deixar esses arquivos no servidor deles.

Por hoje é só, senão esse post vai ser enorme, prometo que amanhã eu falo sobre o fontes.

Update – O Pedro Rogério do pinceladas da Web, mostrou algumas ótimas dicas para o Reset do CSS. Confira

Abraços e obrigado pela atenção

Aqueles que normalmente acompanham este blog, perceberam que nos ultimos dias ocorreram certas quedas do site.

Explicação:

Mudei de servidor.

Estou agora em parceria com o DGMike e o Paladino em um servidor no DreamHost.

Passamos (DGMike e eu) o site faz uns dois dias para lá.

Até o momento tudo bem.

Estou curtindo poder trabalhar com svn.

A muito queria poder estar num servidor assim, já que não encontro servidores com essa opção no Brasil.

Obrigado desde já

Está aberta as inscrições para o Google Developer Day 2008 Brasil.

O evento mostra as principais API do Google e seus funcionamentos. Os palestrantes, engenheiros do Google, iram falar sobre as tecnologias e programas da empresa.

No ano passado, o evento contou com 500 inscritos.

A inscrição é gratuita, mas é bom garantir o seu lugar. Acabei de fazer o meu requerimento, indico a todos que façam assim que for possivel.

As inscrições podem ser feitas, por aqui:

http://code.google.com/intl/pt-BR/events/developerday/2008/home.html

Para mais informações sobre o evento, leia o Blog do Google.

http://googlebrasilblog.blogspot.com/2008/05/em-junho-google-developers-day-brasil.html

Dica vista no Guia do Hardware

Desenvolvendo um site, me deparei com o seguinte problema:

“Isto daqui exige um gráfico de barras para uma melhor visualização”

Mas… Como?

Não sou conhecedor da biblioteca GD e não poderia fazer cada gráfico na mão (:S)

Então me lembrei que o meu grande amigo DGMike tinha me falado que o Google tinha uma API pronta para fazer gráficos (uma enorme variedade de tipos, diga-se de passagem), me lembro também que tinha me deparado com alguns erros (de minha parte) para conseguir implementá-la.

Mas como dinheiro não se ganha fácil (:P)

Decidi que era hora de aprender. O meu simples relato aqui é simplesmente para mostrar as outras pessoas a dificuldade que eu encontrei e como eu solucionei cada uma delas.

Em primeiro lugar, vamos a tabela (calma gente… São dados tabulados… Logo, não precisa ter medo):

Essa primeira coluna, é somente para poder demonstrar no gráfico a qual coluna ela corresponde.

O primeiro problema que eu encontrei foi a transformação de valores, issu mesmo, você não passa esses valores para o Google desse jeito.

Os valores: (A = 0 > Z = 25, a= 26 > z = 51, 0 = 52 > 9 = 61), pode parecer estranho (mas é), mas graças ao James Cridland, acabei encontrando um conversor para PHP.

O problema seguinte foi alterar a função chart_data() dele. Pois o mesmo concatenava os valores e não separando eles por ‘,’ (le-se virgula). Com esse problema, o Google achava que todos os dados vinham de apenas um local, ou seja, era o mesmo correspondente mas em periodos diferentes.

Com issu arrumado, o problema das cores para cada coluna ficou fácil…

De passagem o gráfico ficou assim (Ainda usando o Google Chart):

Vendo o codigo:

http://chart.apis.google.com/chart?

&cht=bvg

&chs=500x300

&chbh=30

&chd=s:C,B,9,C,E,B,i,C

&chco=d33153,3f7ef3,cc2a94,13a737,a4cd33,4f5610,840d29,1d529d

&chxt=y

&chxl=0:|0|2714

Explicando cada parte desse código:

cht – é o tipo de gráfico que vc deseja, no caso acima colunas;

chs – é o tamanho da imagem, <width>x<height> (no meu caso as colunas não ocuparam tudo);

chbh – é o tamanho de cada coluna;

chd – (essa é a parte complicada) São os valores, sendo que o ‘s:’ significa que são dados simplificados (issu mesmo… existe o extendido… sem comentários), aqui eles estão separados por virgula… Facilitando colocar as cores depois;

chco – São as cores de cada coluna, separada por virgula

chxt – Indica quais axis eu preciso, no caso somente o y

chxtl – Coloca o label para o axis especificado.

Por enquanto é isso.

Ainda estou desenvolvendo o componente, mas espero que futuramente eu coloque mais sobre isso.

update: Decidi tomar vergonha na cara (:D) e estou implementando uma classe para fazer todo esse serviço sujo… Óbvio que eu vou postar aqui… xD

update-1: Passeando pela internet e pensando como resolver isso, encontrei a seguinte Classe para PHP. Autoria do Malaiac. link

Dia 17 de fevereiro de 1984 às 18 horas, nasceu em São Paulo capital, um menino de nome “Rafael Zamana Kineippe” e hoje, pouco menos de 23 anos e 12 meses, venho mostrar a minha felicidade em ter um notebook.

Após algum tempo querendo um, e pesquisando demasiadamente para que eu não compre um muito caro, mas que não tenha nada, escolhi um notebook da Nova Computadores, o HGL31.

Com uma configuração modesta:

Celeron M440 1.86GHz 1GB 80GB DVD-RW 14.” Linux

Este é o meu note.

Ele tem algumas coisas boas e outras ruins…

Devo listá-las? Então…

• Não possui capa protetora para as entradas do cartão de memória, VGA e PS2 SVideo
• Botões do mouse são mais profundos e de pouca sensibilidade
• Configuração boa com um preço bem acessivel
• Update: As caixas de som são péssimas, não por ser de notebook, já vi notes com som melhor do que esse.

Resumindo:

O note é ótimo para mim, pois irei trabalhar com Linux (acabei de instalar o Ubuntu 7.10), logo eu não preciso de uma configuração muito potente. Estou feliz, este foi o meu presente de aniversário, dia dos pais, dia das crianças e natal de 2008 para mim.

Afinal, até o ano que vem eu vou ficar pagando ele (viva o cartão de crédito com 12 vezes sem juros)

Detalhe: Comprei também uma mochila da Targus… (Estou Feliz…. )

Update-2: Achei a imagem da mochila. Segue ela…

A um tempo eu venho apanhando de Expressões Regulares (RegEx para os íntimos).

Afinal, eu vou comprar o Guia Prático hoje, e pretendo juntar isso a minha coleção de livros que estou lendo (já são 5 ).

Hoje ocorreu a necessidade em que eu precisava apanhar uma URL dentro de uma tag img que no final das contas estava dentro de um <textarea>.

Eu já sabia que eu teria que usar Expressão Regular, mas ainda assim, para uma conteudo muito especifico.

<textarea (algumas coisas>(outras coisas)<img src=”(oque eu quero)” (coisas,etc,etc…) />(mais um monte de coisas)</textarea>

Deu mais ou menos pra entender?!? Eu também fiquei louco….

Quebrei a cabeça por uns dois dias, mas no final eu consegui.

$pagina = file_get_contents('pagina.htm');
preg_match_all('@<textarea.*[^>]>.*<img.*src="(.*)(gif|jpg|png)">.*<\/textarea>@i',$pagina,$matches);

O problema aqui é que ele separa a url da imagem da sua extensão.

Algo como:

[1] => http://www.zamana.eti.br/logo

[2] => jpg

Ainda estou tentando arrumar isso.

Por enquanto vale a introdução

Um dos projetos em que estou envolvido é o desenvolvimento de uma página especialmente para o IPhone.

Algumas discussões recaem sobre isso.

Os padrões não seriam para todos os tipos de browsers, telefones, computadores, plataformas, entre outros?

Então como podemos desenvolver para um dispositivo único?

O site da Apple, disponibilizou todo um Guideline o qual ensina como desenvolver um site compativel com o IPhone. Uma das questões me deixa muito feliz, em primeiro lugar deve-se programar em Web Standart, logo depois aparecem algumas funcionalidades próprias para o Safari dele.

Conversando com um pessoal viciado em MAC, eles me disseram que o grande lance é que o “ponteiro” do mouse, não era tão fino quanto o ponteiro real de um mouse. Simples, o “ponteiro” no IPhone é o dedo do usuário, e como nós sabemos não existe um padrão de dedo.

Com o tempo eu vou postando mais sobre esse projeto que me parece muito interessante para a comunidade WEB.