I liked many things on this website, but the “Todos Produtos” menu was who took more my attention. Inspired on it I tried build a menu like it using just jQuery, html and css.

The secret is on css and html, it are who do go give all structure for jQuery work, in addition of the jQuery, i used some others plugins to achieve the result more close of original. They are jQuery UI and jQuery Easing.

This’s all jQuery code necessary:

$(function() {

$("#geral dl dt").addClass('open').toggle(
	function() {
		$("#geral dl").animate( { height: 160 }, { duration: 500, easing: 'easeOutQuint' } );
		$("#geral dl dt").removeClass('open').addClass('close');
	},
	function() {
		$("#geral dl").animate( { height: 34 }, { duration: 500, easing: 'easeOutQuint' } );
		$("#geral dl dt").removeClass('close').addClass('open');
	}
);

$("#geral dl").hover(null, function() {
	$(this).animate( { opacity: 1 }, 300).animate( { height: 34 }, { duration: 500, easing: 'easeOutQuint' } );
	$("#geral dl dt").removeClass('close').addClass('open');
});

$("#geral dl dd").hover(onOver, onOut);

});

function onOver () {
	$(this).animate( { backgroundColor: "#00aeef" }, 200 )
	$(this).children().animate( { color: "#ffffff", left: '5px' }, 200);
	$(this).next().animate( { opacity: 1, left: '189px' }, 200 );
}

function onOut() {
	$(this).animate( { backgroundColor: "#e7e7e7" }, 200 )
	$(this).children().animate( { color: "#333333", left: '10px' }, 200);
	$(this).next().animate( { opacity: 0, left: '-100px' }, 50 );
}

If you’re curious of how the rest of the code should be for get this menu, does download of the source code and look with your own eyes.

You still can see it in action here. ( Tested on Safari 4.04 Firefox 3.5.5 and Camino 2.0.1  for mac )

Bye.

Note: This source code haven’t intention of support all browsers, it’s just a experiment, if you want use this code feel yourself free to download, improve it and use him. Any support not will be provide.

[UPDATE]

* Now the script accepts others versions of Ruby and Git for perform download, just enter with the path for the tar.gz package that the script will download, compile and install everything for you.

If you wish the script still can keep the default installation of Ruby 1.8.7 P72 and Git 1.2.5.2.

* Gmate now is installed from ppa sources. More info in http://github.com/lexrupy/gmate

* Removed hardcode in the installation of Passenger. Now if you wants enable Passenger in Apache you can just enter with the version installed

and the script does the dirty job for you, thus the Apache not crash in your restarting.

* Individual files to install separately some steps of this script.

Na ultima sexta-feira tive o imenso prazer de voltar a brincar na plataforma do pinguim. (Para quem não sabe fui um feliz sysadmin rodando Debian nos servidores e Ubuntu nas estações por 4 anos, depois de 6 meses usando Win Server nos servidores e WinXP nas estações pedi demição).

Tarefa: Fazer com que uma aplicação rodando sob Apache 2.2 + PHP 5 se connect em um servidor SQLServer 2005 como seu SGBD padrão. Até aí tudo bem, pensei se ambos os servidores estiverem na internet ta resolvido, a conexão vai ser via http mesmo, sem stress, ao invéz de usar mysql/mysqli uso mssql e boas, não ha muito de diferente a fazer.

Mas como sempre o manganal aqui se precipitiou no julgamento e descobriu que o SQL Server não estava disponível com um endereço http, como um estalo pensei “Vixe fudeu!”.

Bom, comecei a juntar pedaços do que eu precisava saber para fazer com que o Ubuntu se conectasse via rede diretamente em um servidor SQL Server, e nessa pesquisa descobri o FreeTDS, que deixa essa tarefa bem mais fácil.

Com o passar dos anos, fui deixando de mecher com linux, depois que comprei um Mac, uso muito a linha de comando com Rails, mas nem se compara as aquelas incansáveis horas que passava na frente de uma tela preta, recompilando kernel e pacote, procurando .deb etc. Ai pensei, Ubuntu mamão com açucar, dou logo um sudo apt-get install FreeTDS ele faz tudo pra mim e eu saio pro abraço, afinal era sexta-feira a noite pô.

Novamente estava enganado, aparentemente a instalação via apt-get não funciona e não instala o pacote FreeTDS corretamente, foi assim que tirei a poeira das teclas M A K E. Hehehe, isso mesmo, a seguir vou dar o caminho para você baixar, compilar e installar o FreeTDS “compretim” como dizem os contarrâneos.

Ps: Não vou me apegar aos comandos do linux, nem na configuração do SQL Server, basta saber que o SQL Server deve estar aceitando conexões remotas,  tenha um usuário e senha cadastrado (no meu caso usa a sa mesmo) e com os protocolos TCP/IP ativos e ouvindo a porta 1433

1 – Abra o terminal e no seu diretório home crie uma pasta chamada freetds.

mkdir -v freetds

2 – Dentro do diretorio freetds, digite o seguinte comando para obter a versão mais rescente do freetds

wget http://ibiblio.org/pub/Linux/ALPHA/freetds/stable/freetds-stable.tgz

3 – Em seguinda extraia o arquivo com o comando

tar -zxvf freetds-stable.tgz

4 – Agora dentro do diretório com os fontes do freetds rode o seguinte comando (Esse comando demora um cadim)

sudo ./configure –with-tdsver=8.0

Essse comando ira compilar o freetds com suporte a versão 8.0 do tdserver, que é o que precisamos para conectar nas versões do SQL Server àpartir da 2000.

5 – Em seguida sudo make install para que ele instale o freetds no seu linux( nesse caso ubuntu 9.04 ).

Bom, a instalação do freetds está completa, para verificar se tudo está OK, basta dar um which tsql se ele te retornar /usr/local/bin/tsql seu danado foi instalado corretamente, mas ainda não esta acabado. Você precisa de outros pacotes para que o freetds funcione corretamente. Eestes não precisam ser compilados na unha como fizemos com o freetds, basta que você instale-os usando o bom e velho apt-get, eles são:

apt-get install tdsodbc unixodbc unixodbc-bin

Uffa, ok agora eu vou conectar naquele maldido sgbd embarcado? Nãaaaaaaao ainda não, precisamos configurar alguns scripts. (Nesse momento encontrei muita confusão no material que pesquisei na internet, sendo assim resolvi não usar nenhum deles, e criar os meus pŕoprios com base na documentação do freetds. Abaixo os arquivos necessários para a configuração, com as minhas configurações, o que for opcional vai estar com um #opcional na frente.

Arquivo: /etc/odbcinst.ini

[FreeTDS]
Description     = Descrição para a configuração #opcional
Driver          = /usr/lib/odbc/libtdsodbc.so
Driver64        = /usr/lib
Setup           = /usr/lib/odbc/libtdsS.so
Setup64         = /usr/lib
UsageCount      = 1

Arquivo: /etc/freetds/freetds.conf – Se seu arquivo não estiver vázio coloque o código abaixo após  a ultima declaração do arquivo.

[SQLSERVER2005] #preste atenção nisso daqui, é importante, pode ser qualquer nome.
host = IP_DO_SERVIDOR
port = 1433
tds version = 8.0

E por fim:

Arquivo: /etc/odbc.ini

[SQLSERVER2005] #pode ser qualquer nome
Description     = outra descrição da configuração #opcional
Driver          = FreeTDS
Servername      = SQLSERVER2005 #falei para prestar atenção, isso tem que ser igual ao que você colocou lá no freetds.conf
Database        = seubanco #opcional
UID             = seuusuario
PWD             = suasenha
Port            = 1433

Agora já posso conectar no danado do SQL Server? Pode, pode, pode agora pode, hehehehe. Como?

Se você quer só testar para saber se esta funcionando antes de começar a codificar alguma coisa, basta digitar o comando a seguir no terminal:

tsql -S IP_DO_SERVIDOR -U usuario -P senha

em seguida o os comandos

select @@version<enter>

go<enter>

algo assim deve lhe ser apresentado:

Microsoft SQL Server 2005 – 9.00.4035.00 (Intel X86)
Nov 24 2008 13:01:59
Copyright (c) 1988-2005 Microsoft Corporation
Express Edition on Windows NT 5.1 (Build 2600: Service Pack 3)

E assim, acaba essa confusão e tu pode começar a codificar seus sistemas para SQL Server sem problema. No meu caso Rails (tem umas outras para esse, melhor olhar aqui) e php.
Espero que ajude alguém, abraço gente.

Hello readers, i’m here for a quick tip.

If you are like me and always is looking for ways for improve your productivity, give a look for Papervision3D Previewer. Generally when is working with a 3D guy, developing some project using 3D tools and papervision, sometimes you spend much time, programming flash 3d environments just for test models, generated from 3D guy.

Thinking on this, Mr. Doob released a tool, than give to you a preview of your 3D model, without be necessary, programming a entire Papervision3D environment for that. The tool works basically, loading a selected mesh model, bringing it to inside flash, giving to you a preview his.

Visit the project page and get more info about him, does download of the tool, source files and samples.

The first is De MonsterDebugger designed by De Monsters a Nederlands design studio, this incredible and  useful application coming to solve a bit the debug problems than Flash users have, when are developing a project using Flash authoring tool or same for those than using FDT, Flashdevelop or Eclipse/Flex Builder. This tool has shown itself much more interesting for debug your applications.

The second is pointed to Rails users, than thus like me has use SQLite3 on begun of a project. Rails users appreciate the terminal usage, but i think than, they feel much more pleasant with Lita.

Lita give us a graphic interface with some features, than are useful to manage SQLite databases.

I’m currently working with several different technologies in the day to day. The name of this blog have a link with this, because La Miscela characterize the mix of technologies than are making part of my life.

Well i’m a happy mac user, and was inspired at leopard default folder, than i solved do this folders to organize my projects more easily. 

Look the folders and more below you can download the package with this six samples.

Download: folders

Ps: The AS3 Folder was built using a concept logo for actionscript suggested by a user on the web, i not remember where i saw this logo, but if you know who are, contact me for than i could give the credits for creator.

Apesar de ainda novo, parece que já existem aplicações na AppStore desenvolvidas em Rhodes, mas que ainda não foram aceitas.

Não espere o bonde passar, confira este tutorial que mostra como criar uma aplicação usando o Rhodes, as especificações e a pagina do projeto no Github.

Django is a great web framework than works with Python how your main language.

I knew Django chatting with a friend to some months, about the similarities between Ruby and Python and the facilities than Rails was bringing to my life, immediately my friend ask me: Do you know Django? I answer, humn!

Coming in house, i was looking for something about Django and i see than, thus as, Rails become the most famous and utilized Ruby framework, Django was the same, just it for Python.

The railers know the Why’s (poignant) Guide to Ruby, a online book than learn Ruby of fun way and than is being written. Why’s (poignant) Guide to Ruby have gained much collaborators, than are doing translations and images to illustrate the book.

Following this style,  (really i didn’t know, who followed style of who), Mario Brandão released your online book, Aprendendo Django, thus as, the Ruby book, it still is being written, but already have 29 chapters for who want read, teaching with a fun history and characters a bit about Django and Python.

If you choose Python how your agile web language, check out the book, i don’t have doubts than, you’ll appreciate much.

Ps.: The book was originally written in Brazilian Portuguese, but i think than Google translate can be useful on this time.

Django é um excelente framework para desenvolvimento ágil para web que utiliza Python como linguagem base.

Conheci Django através de um amigo a alguns meses enquanto discutiamos as semelhanças entre Python e Ruby e as facilidades que Rails estavam trazendo para minha vida, e ele me indagou: Você conhece Django? Eu subitamente, respodi hum!.

Após uma conversa, cheguei em casa e fui procurar saber mais sobre o tal do Django, e vi que  assim como o Rails tornou-se o mais famoso e utilizado framework para a linguagem Ruby, Django era o mesmo so que para Python.

Quem é railer conhece o Why’s (poignant) Guide to Ruby, um livro que ensina Ruby de forma divertida e descontraída, um livro que vai esta sendo escrito e tem ganhado colaboradores, que traduzem e contribuem com imagens para o livro.

Foi  seguindo esse estilo (na verdade não sei quem seguiu o estilo de quem),  Marinho Brandão lançou o seu livro online também,  o Aprendendo Django, que assim como de Ruby ainda está sendo escrito, e já conta com 29 capitulos prontos para quem quiser ler, ensinando através de uma história divertidida e com vários personagens, um pouco sobre Django e Python.

Se você está caminhando na direção do desenvolvimento ágil e escolheu Python, não deixe de conferir este livro, a leitura é divertida e tenho certeza que você não vai se arrepender.

But if you isn’t so crazy like me and is asking yourself, What fuck this man is talking about? Use the Soes?. Take a coffee, i’m talking about Shoes a awesome multi-platform GUI framework than allow create a GUI to your application using ruby, this isn’t amazing? (and vicing too). Check out this and this tutorials, to get start and become a zombie like me

Have a nice GUI development.