22 de dez de 2009

GIMP 2.8 Mockup


(http://fc00.deviantart.net/fs70/i/2009/356/b/9/GIMP_2_8_Mockup_by_thales_img.png)
Well Well Well,
I saw recently an article that says the GIMP 2.8 is going to have a lot of changes(some we can see right now using GIMP >= 2.7.1), anyway, one of the most expected implementations is the interface without multiply windows, okay some people don't like it, but Hey! it will be optional!, so relax if you like the way you use GIMP, but some people want to see "all in one window" for a long time (as me), so I went to bed last night and started to think about the new GIMP's interface, then I had an idea, today I put my idea on a "paper", and here you are, above you can see it. Now let me explain my points on this Mockup.

What really matter in a image editor program when you are editing an image? You need space, thats why designers usually use the biggest monitor it's possible, WE need space, we need see what really matter, and if we need see anything else we click to see.

Let's see the marks.

1. Toolbar on top, for we save space, we lost some precious space using the Toolbar on the left or right side.

2. Tabs for Dockable Dialogs, it save us more space, and also it's useful.

3. Tool Option Dialog on bottom, again saving space, it's also interesting reorganize some options, putting the most used first then the least used.

4. This point is a simulation for when the Tool Options are biggest then the space on bottom, so an icon "Plus" appear and when clicked a tab open with the rest of the Options.

Just it, a quite simple GIMP Mockup, and really useful one.

I guess it isn't too hard to implement, I hope see it on GIMP 2.8 or maybeee 3.0.

If you like it, Make Noise! Show your friends, put it in your blog/page, put it in forums, everywhere you can. I'll make noise too.

If you have suggestions put it here, send me emails, call me on MSN, Google Talk, Yahoo IM, Skype.

Thank you!

MSN: thales at imgbrasil dot com
Skype: imgbrasil
GTalk: imgbrasil at gmail dot com
Yahoo IM: programador_15 at yahoo dot com
Email: thales at imgbrasil dot com
--------------------
Tradução ( Google )
Well Well Well,
Eu vi recentemente um artigo que diz que o GIMP 2,8 vai ter um monte de mudanças (algumas, podemos ver agora usando o GIMP> = 2.7.1), de qualquer maneira, uma das implementações mais esperado é a interface sem multiplicar windows, ok algumas pessoas não gostam disso, mas hey! será opcional!, para relaxar, se você gosta do jeito que você use o GIMP, mas algumas pessoas querem ver "tudo em uma janela" por um longo tempo (como eu), então fui para a cama à noite e comecei a pensar a interface do GIMP novo, então eu tive uma idéia, hoje eu coloquei minha idéia em um "papel", e aqui está, acima você pode vê-lo. Agora, deixe-me explicar meus pontos de vista sobre este Mockup.

O que importa realmente em um programa de edição de imagem quando você está editando uma imagem? Você precisa de espaço, por isso que os designers usam geralmente maior que o monitor é possível, o espaço necessitamos, precisamos ver o que realmente importa, e se precisarmos de alguma coisa que ver clique para ver.

Vamos ver as marcas.

1. Barra de ferramentas no topo, para economizar espaço em nós, perdemos algum espaço precioso utilizar a barra do lado esquerdo ou direito.

2. Guias para Dialogs acoplável, ele nos salvar de mais espaço, e também é útil.

3. Ferramenta de diálogo Opções no fundo, mais uma vez economizando espaço, também é interessante reorganizar algumas opções, colocando primeiro o mais utilizado, em seguida, pelo menos utilizados.

4. Este ponto é uma simulação para quando as opções da ferramenta são, então, o maior espaço na parte inferior, para um ícone de "Plus" aparecer e quando clicado abre uma aba com o resto das opções.

Apenas ele, um simples GIMP Mockup, e realmente uma utilidade.

Eu acho que não é muito difícil de implementar, espero vê-lo em GIMP 2,8 ou 3,0 maybeee.

Se você gosta dele, fazer barulho! Mostre aos seus amigos, colocá-lo em seu blog / página e colocá-lo nos fóruns, em todos os lugares que você puder. Eu vou fazer muito barulho.

Se você tiver sugestões colocá-lo aqui, me envie e-mails, me chame no MSN, Google Talk, Yahoo IM, Skype.

Obrigado!

8 de dez de 2009

Solução: Amsn, Pidgin, Emesene, Empathy, MSN, não grava Nick Nome

Okay, a bendita MS mecheu no protocolo do MSN e agora você está tendo problemas em toda vez que entra no "MSN" perde seu Nome e no lugar fica seu e-mail.

Como "solucionar"?
Entra aqui:
http://login.live.com/login.srf?wa=wsignin1.0&rpsnv=11&ct=1260318434&rver=5.5.4177.0&wp=MBI&wreply=http://cid-dc347d3eb39076cf.profile.live.com/details/&lc=1033&id=73625&mkt=en-US

Faça Login com seu usuário e senha do MSN, e altere seu nome.

EX:


É o First name que vai aparecer no nick do seu msn quando você entrar (No lugar do e-mail que insiste em aparecer)

Só isso, agora é esperar a MS dar um jeito na lambança

6 de dez de 2009

Efeitos de Camada do Photoshop no GIMP

Vou apresentar aqui como usar os efeitos de camadas do Photoshop no GIMP, para quem está migrando ou pretende migrar do Photoshop para o GIMP creio que este post vai ser de fundamental ajuda.

Abaixo uma imagem da janela dos efeitos no Photoshop


Antes de iniciar o tutorial vale ressaltar que provavelmente há outros métodos de criar os mesmos efeitos, no entando vou apresentar aqui somente os que domino.

Drop Shadow / Sombra
Levando em conta que você já tem uma camada com o objeto que vai criar a sombra:
Duplique a camada, no meu caso quero uma sombra preta e o objeto da minha camada duplicada é azul, então vou deixalo preto com alterando o Brilho e Contraste(Brightness-Contrast):


Baixei todo o Brilho e aumentei todo o Contrast, talvez seu objeto seja mais rico em cores, só repetir esse processo quantas vezes precisar.
Com o objeto preto agora movemos a camada dele para abaixo da camada do objeto original:

Agora vamos posicionar a camada onde queremos a sombra:

Agora sim vai virar sombra, vamos aplicar o filtro Blur no GIMP em português deve ser algo como Ofuscar, Manchar, etc..


O efeito aplicado foi bem sutil provavelmente, se você precisar de mais desfoque repita a aplicação do mesmo quantas vezes precisar (Aqui eu uso o atalho Ctrl + F para repetir o ultimo efeito aplicado), agora temos nossa sombra, isso é o basico, você tem toda liberdade pra redimensionar, colorir, enfim, fazer o que quiser com sua sombra.

Sombra Interna / Inner Shadow
Vamos pegar a camada da sombra do exemplo acima(antes do efeito Blur/Desfoque), mover ela para cima da camada do objeto original.


A "jogada" aqui é não posicionar a sombra sobrepondo o objeto original, deixamos um pouquinho acima/abaixo/ao lado/a diagonal/etc, botão direito na camada do objeto original:

(Clique onde meu mouse está selecionando, não sei como está na tradução para português)
Isso vai criar uma seleção ao redor do objeto da camada, seleção criada clique na camada da sombra e aperte Delete no seu teclado, posicionar o que sobrou (da camada da sombra) para cima da camada original.
Agora aplicamos o efeito Blur/Desfoque (Nos meus prints acima eu tinha aplicado o efeito desfoque antes de começar, desculpem ele se aplica é agora). Selecionamos a camada do objeto original novamente e invertemos a seleçao:


Clique na camada da sombra e mais uma vez aperte o Delete do teclado.
Resultado:

Brilho Interno/Externo | Outer/Inner Glow
É a mesma coisa que as sombras, só alterar a cor do objeto sombra para outra que você queira =)

Chanfro e Entalhe / Bevel and Emboss
Faça a Sombra Interna de um lado do objeto clara e do outro lado faça outra escura:

Cetim / Satin
Nunca fui de usar isso no Photoshop, quando eu usava era para fazer uma sombrinha por cima do objeto, para esse uso você pode duplicar a camada do objeto em questão colocar a preto (como mostrado no Sombra Externa) usar Filter-> Distorts -> IWarp como mostrado na imagem, borrar um pouco o objeto sombra, criar uma seleção no objeto original, inverter essa seleção, clicar na camada borrada e Deletar, e pronto, mecha na opacidade da camada da sombra se precisar:


Sobreposição de Cor/Gradiente | Color/Gradient Overlay
Crie uma seleção na camada do objeto original, crie uma nova camada e preencha ela com degrade ou cor que quiser:


Sobreposição de testura / Pattern Overlay
Crie uma camada com a textura, crie uma seleção na camada do objeto original, inverta essa seleção clique na camada da textura e Delete no seu teclado:

Borda / Stroke
Clique na camada do objeto original, vá em Layer -> Boundary Size e aumente bastante como na imagem abaixo, depois centralize:

Clique em Resize/Redimensionar para aplicar o novo tamanho, depois crie uma seleção na camada do objeto original, vá em Select -> Grow como mostrado na imagem abaixo e coloque o tamanho que vai querer a borda, nesse caso vou colocar 3px

Clique em "OK", crie uma nova camada preencha a seleção com a cor/degrade que quiser, e mova a camada criada para baixo da camada do objeto original.


------------

Bom, acho que é só, qualquer duvida comente ai, lembrando que provavelmente existem N outras formas de criar os mesmos efeitos, apenas falei as que conheço.

A forma como criamos tais efeitos no Photoshop é bem mais rápida e simples o que é um ponto positivo. Entretanto a forma como criamos no GIMP nos permite maior controle sob os efeitos, as formas que apresentei aqui provavelmente podem ser usadas no Photoshop também.

O objetivo deste tópico vai um pouco além de ensinar os efeitos, o ponto principal é mostrar que é possível usar o GIMP no lugar no Photoshop. E não quero dizer aqui que sou contra o Photoshop, muito pelo contrário, adoro ele e usei por 5 anos, mas ao migrar para Linux não fiquei satisfeito em rodar ele pelo Wine, então decidi me arriscar no GIMP, demorou um pouquinho mas consegui abandonar de vez o Photoshop, foi só mudar um pouco a forma de pensar em Design, a forma em pensar como criar algo. Hoje consigo trabalhar em uma plataforma que adoro (Linux) usando programas que rodam sem emuladores, e sem precisar gastar tanto em uma licença de programa.

Abraço, espero ser de alguma utilidade este tópico.

1 de dez de 2009

29 de nov de 2009

We Are Linux Wallpaper

Mais um wallpaper pra nós do mundo Linux =]

(Versão Widescreen)


(Versão "Normal")

GIMP 2.7 Splash Theme


Compartilhar um splash que fiz pro GIMP =]

Download: http://imgbrasil.com/linux/splashes.tar.gz

Para usar é só copiar a pasta splashes para: ~/.gimp-SUA VERSAO (ex: .gimp-2.7)

5 de nov de 2009

Taquigráfia CSS

O uso da notação taquigráfica pelo CSS ajuda na escrita de um CSS (Cascading Style Sheets) mais limpo, o que facilita a manutenção, e para o uso na Web melhora o carregamento da página.
Em um resumo o CSS Taquigráfico transforma varias chamadas da mesma propriedade em uma única, nada melhor para explicar que exemplos de uso, então vamos a eles.

RGB (cores)
O uso da propriedade de cor RGB, se da por #rrggbb
A chamada:
color: #AABBCC;
Com o uso taquigráfico:
color: #ABC;

Nesse exemplo usamos os índices repetidos por apenas 1 o AA virou A o BB -> B o CC -> C

Background - background: background-color background-image background-repeat background-attachment background-position
ex: background: #ABC url(imagem.png) no-repeat fixed center center;

Margin - margin: Top Right Bottom Left;
ex: margin: 1px 2px 3px 4px;
obs: A propriedade Margin é similar a Padding

List - list-style: list-style-type list-style-position list-style-image
ex: list-style: katakana outside url(imagem.png);

Font - font: font-style font-variant font-weight font-size font-family
ex: font: italic small-caps bold 50px serif;

Outline - outline: outline-width outline-style outline-color
ex: outline: 3px dotted #ABC;
obs: A propriedade Border funciona da mesma maneira

Lembrando algo mais posto aqui, vale ressaltar que você pode omitir alguma(s) propriedade(s) como por exemplo:
background: url(imagem.gif) no-repeat;

31 de out de 2009

Ubuntu Desk Wood Wallpaper

Fiz um wallpaper em resposta a um outro que vi por ai para Mac (assim que eu achar o link coloco aqui)



Se quiser baixar o XCF (Gimp) para editar fique a vontade:
http://imgbrasil.com/linux/once.ubuntu.xcf

27 de out de 2009

Emesene 1.5.1

Acabei de instalar e brincar com o Emesene 1.5.1, de cara já vi que foi concertado o bug de notificações que por sinal persiste no aMSN, outra novidade é suporte a webcam.
Bom, acho que um screencast vale mais que mil palavras então fiz uma pequena demo.



O problema no emesene é a velocidade de transferência de arquivos, metade da velocidade do aMSN

24 de out de 2009

Desenvolvimento web no Ubuntu

Aqui estão alguns programas interessantes para você que trabalha com desenvolvimento web. Se você não conhece vale a pena dar uma olhada.

Programação

Geany


Editor bem completo, serve tanto para trabalhar com edição de arquivos web (PHP,JS,HTML,CSS, etc) quanto para desktop. Ele não é como um Netbeans ou Eclipse da vida, pois é mais limitado em ferramentas, mas se você - assim como eu - procura algo leve, com o minimo esperado de um editor, e que não te deixe na mão, ele provavelmente vai te atender bem.
Vale lembrar que o próprio Gedit com o auxílio de alguns plugins pode ficar tão bom quanto, eu fico com o geany por gosto mesmo, talvez seja interessante você testar ambos, e ver qual tem mais sua cara.

MySQL Administrator


O MySQL Aministrator é exelente para que se tenha maior controle ao seu MySQL, ele te ajuda a configurar, fazer backups, e controlar praticamente todo seu MySQL, não tenho muito o que falar dele porque graças a Deus não tenho muito o que configurar no MySQL (depois que instalo o mysql tudo roda perfeito =] ), o que mais faço mesmo são backups, e ver os gráficos de conexão, trafego, número de querys em execução, dentre outros.

MySQL Query Browser


Graças a ele pude deixar de lado o phpMyAdmin(não que tenha algo contra ele, mas não aguentava mais^^), e aos poucos fui descobrindo tanta coisa nova, o MySQL Query Browser é simplesmente fantástico, leve, simples, intitivo, poderoso, facilitou e muito toda a minha relação com as Bases de Dados, aprendi muito coisa nele, meu trabalho ficou mais profissional, enfim, com ele você manipula dados, tabelas, Bases de Dados, Querys - ah! as querys, não chama Query Browser atoa - nota 10 ele, tenho certeza que não vai se arrepender se usar, e não vai largar mais.

Design

GIMP


O que falar do bom e velho GIMP? Somente que vale a pena gastar algumas horas conhecendo ele melhor, buscar dicas e tutoriais pela internet, brincar um pouco com ele, em pouco tempo você vai começar a desenvolver seus layouts com ele, tudo que precisa é liberar um pouco a mente, sair um pouco dos padrões, e expandir seus horizontes, ele É sim capaz de te atender - Web Designer. Ele também conta com varios plugins se assim você quiser, pode instalar apps do Photoshop nele se precisar, nada que uma boa "Googlada" não resolva, e caso encontre dúvidas pode perguntar aqui ou em outros blogs e comunidades www.ogimp.com.br

Inkscape



Vetor? Que tal o Inkscape, tenho que confessar que o "Ink" ainda tem muito que melhorar, mas a equipe que o desenvolve está trabalhando constantemente em melhorias, mas para um Web Designer acho que ele atende muito bem - tem outras alternativas, mas não as conheço para falar, como o GIMP tu podes procurar tutoriais e exemplos pela net, e com um pouco de força de vontade será capaz aprender coisas incriveis que se pode fazer com ele.

Gcolor e Screen Ruler


Aplicações tão simples que ajudam tanto, o Gcolor te permite selecionar cores de qualquer lugar do seu desktop e pode ainda salvar as cores que selecionar, o Screen Ruler é para medir áreas do seu "desk", que me é muito útil para trabalhar com tableless - se você usa tableless sabe do que falo, posicionar os elementos na tela, nadada como uma regüinha(com ou sem trema, eis a questão) para te ajudar.

Outros

Firebug e WebDeveloper


Okay, estes dois não são programas, são plugins do firefox, mas ajudam muito no desenvolvimento de aplicações web, não vou falar muito deles, vou deixar os links aqui para conferirem.
Dica

Provavelmente você usa o Filezilla, GFTP, ou similar para trabalhar vom FTP, são muito bons, mas algo que descobri - relativamente a pouco tempo - foi que o próprio Nautilus trabalha com FTP, para servidores que você constantemente usa para um arquivo ou outro é muito interessante usar o Nautilus, porque você tem um acesso rápido à esses servidores, e diretamente do seu Navegador de Arquivos, é uma mão na roda para agilidade no dia a dia(pelo menos pra mim tem sido)

Por hora é só

Como podem ver pelo relógio dos Prints está tarde, e estou cansado já, lembrando de algo mais posto aqui depois.

Abraço

20 de out de 2009

Dúvida sobre Linux

Vou abrir esse espaço para você leitor que talvez tenha alguma dúvida sobre Linux em geral, dúvidas de todos os tipos desde a filosofia por trás do Linux, até mesmo programas especificos, como pouca gente comenta aqui - o que é estranho com o alto índice de visitas - vou deixar um e-mail aberto para tirarem suas dúvidas se não quiserem comentar.

Postarei aqui as dúvidas esclarecendo-as - se quiser seu nome no post de esclarecimento deixe claro ao perguntar

E-mail: thales@imgbrasil.com

26 de set de 2009

Aparência do Blog

Mudei o tema aqui para facilitar a leitura, tava complicado ele azulão.

Tunando seu amsn no Linux

Ao final do post a versão foi atualizada ;)

Depois de vários usuários migrantes do windows para o Linux e reclamando de um mensageiro para rede MSN, decidi fazer uma skin para o aMSN, e um instalador com os principais plugins.

Vamos Primeiro correr o olho na skin:


Mac4Lin Graphite aMSN Skin

Como o nome da skin diz ela foi baseada no Mac4Lin Graphite, para quem não sabe o Mac4Lin é um "pacote" que instala temas no seu Gnome deixando-o com a aparência do Mac OS X Leopard, se quiserem baixar ou apenas saber mais sobre o Mac4Lin aqui vai o link do projeto:

http://sourceforge.net/projects/mac4lin/

Agora vamos aos Plugins, uma breve descrição do que eles podem fazer com seu aMSN:

Action Menu 0.3.1 Ele vai adicionar um simples menu de atalho no rodapé da sua lista de contatos, os atalhos são, Adicionar Contato e Buscar Contato.

aMSN Plus 2.6 Permite comandos na janela de conversa, colorir mensagens, nicks, etc.

Cam Shooter 0.2 Tirar fotos a partir de sua webcam para usar como imagem de exibição.

Colored Nicks 0.3.1 Diga tchau aos nicks com [C=#ff0000], [B], etc, com esse plugin seu aMSN será capaz de colorir o nick dos seus contatos.

Desktop Integration 1.2 Melhora a comunicação do seu aMSN com o gerenciados de janelas que você usa(Funciona com KDE e GNOME).

Gnotify 0.91 Checar seus e-mails no Gmail =]

Inkdraw 0.3 Balançar a janela quando alguém chama a atenção.(Odeio isso, mas talvez alguém goste).

Music 1.6 Pronto, agora você também vai poder compartilhar em seu nick o que está ouvindo no seu PC. (Não se esqueça de ao carregar esse plugin configurar ele para escolher o programa que você usa para ouvir as músicas ;) ).

Nudge 0.6 Deixa você tremer(e quantas vezes quiser) a janela dos outros.

PowerTool 0.1 Não descobri o que ele faz, a proposta era adicionar novas funcionalidades para "power-users", e eu nem sei o que são esses "power-users". Enfim, se descobrir me fala.

Remind 1.2 Quando você abre uma nova janela de conversa ele coloca o trecho final da última conversa que teve com a pessoa.

SpellCheck 7 Correção ortográfica =]

Winks 20080105 Não sei se ele já vem com o aMSN, mas serve para receber e enviar winks.

Por hora são só estes os plugins, vou vasculhar a internet e ver se acho algo mais, achando eu atualizo aqui ;)

Agora "bora" instalar, baixe o Shell Script aqui:
http://imgbrasil.com/amsn/aMSN_Xtras.sh

Abra o terminal e execute ele:
$ sh aMSN_Xtras.sh

Só isso =] reincie seu aMSN e vòila!

Uma dica para quem não sabe, para ocultar os menus do amsn aperte: Ctrl + M, vale tanto para lista de contatos quanto para janela de chat.

Ufa, acho que é tudo pessoal, duvidas comentem ai.

Façam bom proveito ;)

Obs: Selecione a nova skin antes de reiniciar o aMSN

-------------------

Versão 0.1


Agora com:

Notify 1.4 Adiciona a usuários Ubuntu notificaćão padrão do ubuntu no seu aMSN (Notificaćões quando um contato fica online/offline)

Someone Call Me 0.1 Notifica você quando seu nick aparece em alguma conversa.
Segerido por: Kamei Hyoga no post: http://ubuntuforum-br.org/index.php/topic,56607.msg321928.html#msg321928

http://imgbrasil.com/amsn/aMSN_Xtras0.1.sh
$ sh aMSN_Xtras0.1.sh

20 de set de 2009

GIMP Mockup




heheheh, não lembro onde achei essa imagem, estava no meio das minhas coisas aqui, é uma boa idéia para o GIMP, não é?

Se alguém souber o origem dessa piada comente por favor para colocar aqui.

Peace out yo!

Brushes Gimp

Mais de 1000 isso mesmo, 1000 Brushes para incrementar seu GIMP

O link desse achado:
http://www.noupe.com/gimp-brushes/1000-free-high-resolution-gimp-brushes.html

Abraćo!

Rhythmbox Plugin Shoutcast Icecast

Para quem gosta do Rhythmbox e gosta de ouvir radios online aqui vai uma dica para aumentar a quantidade de estaćões do mesmo com o auxilio do Shoutcast e Icecast

Baixe esse plugin:
http://programmierecke.net/programmed/rhythmbox-radio-browser-1.2.tar.gz

Extraia ele em qualquer lugar, entre na pasta extraida pelo terminal, de o comando:
sudo make install

E pronto, agora abra o Rhythmbox e vá nos Plugins e ative este novo plugin.

Prontinho, bom proveito!

Link do "Projeto":
http://programmierecke.net/programmed/rhythmbox-radio-browser.html

Imagem do Plugin no Rhythmbox:

19 de set de 2009

BMPX - Beep Media Player

Tempinho que não posto aqui, enfim, acabei de achar um programa muito show, achei no http://ubuntuforum-br.org.

BMPX - Beep Media Player


Ele come praticamente o mesmo tanto de memória que o Rythmbox, mas curiosamente não trava o PC assim como o Rythmbox trava.
Instalei ele e veio com uma lista de radios online que me fez apaixonar por ele e postar aqui...
São muitas as estacões mesmo, sentia falta disso pois usava o nexus radio quando estava em windows, o unico porem(como tudo na vida) é que ele não grava(ou ainda não descobri como) as músicas que estão sendo ouvidas em radios.

Mas fica ai a dica, e o site para darem uma conferida melhor e baixarem:

http://bmpx.backtrace.info/site/BMPx_Homepage

9 de set de 2009

Temas de Som no Ubuntu 9.04

Ae gente boa, dica que resolveu meu problema com tema de sons no Ubuntu 9.04, é o seguinte a dica para colocar o tema do Mac4Lin

Baixa isso:
http://imgbrasil.com/linux/ubuntu.tar.gz

Extrai em "/usr/share/sounds", e substitui a pasta ubuntu pela extraida

Só isso, to com pressa, qualquer dúvida comenta.

Abraco! (sem cedilha)

20 de ago de 2009

Ocultar Barra Ações Amsn

Dica simples mas interessante.
No seu Amsn aperte Ctrl+M e oculte a barra ^^
Serve tanto para janela de chat quando lista de contatos, um print para saber do que estou falando:

18 de ago de 2009

Simples Menu Abas - JavaScript


Imagem de como fica:

JavaScript:
function show(item,items){
items++;
for( x = 1 ; x < items; x++ ){>
document.getElementById('Tab'+x).className = 'Aba';
}
document.getElementById('Tab'+item).className = 'AbaOn';
for(x=1;x
document.getElementById('Content'+x).style.display = 'none';
}
document.getElementById('Content'+item).style.display = 'block';
}

HTML:

<div class="AbaOn" id='Tab1' onclick="javascript:show(1,3);">Aba 1</div>
<div class="Aba" id='Tab2' onclick="javascript:show(2,3);">Aba 2</div>
<div class="Aba" id='Tab3' onclick="javascript:show(3,3);">Aba 3</div>
<BR>
<div Id="Content1" class='ContentMenuOn'>
aaaaaa
</div>
<div Id="Content2" class='ContentMenu'>
bbbbbbbbb
</div>
<div Id="Content3" class='ContentMenu'>
cccccccccccccc
</div>

CSS:
.Aba{
width:150px;
float:left;
text-align:center;
cursor:pointer;
border:1px solid #888888;
border-bottom:0px;
height:25px;
margin-top:5px;
background-color:#e0e0e0;
}
.AbaOn{
width:150px;
float:left;
text-align:center;
cursor:pointer;
border:3px double black;
border-bottom:0px;
height:30px;
background-color:white;
}
.ContentMenu{
display:none;
border:3px double black;
padding:7px;
}
.ContentMenuOn{
display:block;
border:3px double black;
padding:7px;
}


Ok, só isso.

Abraço

2 de ago de 2009

Aparência Ubuntu

Aparência

s.f. O que se mostra à primeira vista; exterioridade, aspecto: casa de bela aparência; é bom desconfiar das aparências. / Probabilidade, verossimilhança: o fato contradiz todas as aparências. / Filosofia. Aquilo que percebemos, por oposição à realidade em si, que nos escapa. / Engano, ilusão, disfarce: aparência de altruísmo. // Salvar as aparências, encobrir, disfarçar ações que podem comprometer a reputação ou suscitar suspeitas. loc. adv. Em ou na aparência, aparentemente, segundo o que se vê.

Vou falar aqui da aparência do Ubuntu, sugestões para uma base de criamento de um Mockup para o Ubuntu, ou até mesmo um novo tema para o Gnome.
Depois do anuncio da Canonical declarando que deixaria o Ubuntu mais "bonito" que o Mac OS, surgiu um Mockup famoso por ai:

(Mais informações faça uma busca oO)
Muito bonito por sinal, mas acho que não seria o ideal para a tentativa de superar o Mac OS no quesito "beleza". Entenderá minha opinião ao final do post.

Creio que para um visual bonito tanto quanto o Mac OS são necessárias algumas considerações ao designer, começando pela valorização do espaço de trabalho, vejo o espaço real de trabalho nos desktops está pode ser comparado como a Beleza vs Memória Ram, a procura de um equilíbrio entre os efeitos que deixar o Desktop mais bonito e o menor uso de Memória Ram, o espaço real do Desktop também deve ser analisado assim, procurar ganhar cada vez mais espaço sem comprometer a usabilidade.

Um ponto interessante na parte gráfica do Mac OS é a barra de rolagem, as duas "setinhas" posicionadas abaixo torna muito confortável a navegação, um item um tanto quanto simples mas que permite o menor arrasto do mouse para uma rolagem, e a ausência da repetição da seta(que rola para cima) no topo da barra proporciona um ganho de espaço, tirando um item que não tem serventia efetiva.

Um ponto fundamental na parte gráfica do MAC OS, são as cores claras(acho que o cinza das janelas no Mac é o cinza perfeito, se é que isso existe hehe), mas não estou falando que precisa ser cinza, branco, etc, precisa ser claro, esse Mockup acima possui cores lindas, certamente inspiradas na cor de co... terra da logo do Ubuntu, mas isso no uso constante de um S.O é muito cansativo, já tentei com todas as minhas forças usar temas escuros(por serem alguns tão lindos), mas não da, trabalho no computador o dia todo, e isso cansa muito meus olhos. Continuando no item cores, não entendo o porque da Canonical usar no S.O esse tom de "terra" ou sei la que cor tem esse marrom/laranja do Ubuntu, é feio de mais, muito mesmo, mas como provavelmente eles usem por tradição e pelo Logo do S.O, então vamos considerar ele, acho que um Mockup sem usar a "terrinha" não seria aceito pelos desenvolvedores, mas também não quer dizer que o sistema todo tem que ser marrom/laranja, podemos colocar esse tom em alguns detalhes(bem pequenos, hehe), e seguindo um padrão para o uso do mesmo.

No caso do Dock, acho que não será usado por padrão no Ubuntu tão cedo, e talvez não precise, é muito simples instalar e configurar um, então se criar um Mockup já pode pensar na "bendita" barra inferior com as aplicações em uso, faça um exemplo com um Dock se quiser(será bem vindo para aguçar a imaginação).

Os ícones são coisa simples, tem tanto ícone legal no gnome-look, não precisa copiar de outro S.O como esse camarada fez no mockup acima, pode tirar base em ícones de outros S.Os mas copiar é complicado(num é? =S).

No mais tentar ser simples o máximo possível, e usar como primeira base os temas já usados no Ubuntu(por padrão).

Acho que escrevi o mais importante em se considerar em uma nova aparência para o Ubuntu.
Muitos pensam não haver importância o visual do Ubuntu, já que ele é tão flexível para configurações, mas podem acreditar que muitas pessoas se apegam a aparências muito mais que funcionalidades(leigos? Sim, mas usuários do mesmo jeito, e os usuário que creio serem o foco da Canonical). A aparência pode tornar muito mais fácil a adaptação em migrações de S.O.

Abraço

25 de jul de 2009

Gimp atalhos Photoshop

$ sudo gedit /etc/gimp/2.0/ps-menurc

Quando abrir: Ctrl + A, Ctrl + C, Ctrl + Q

$ sudo gedit ~/.gimp*/menurc

Quando abrir: Ctrl + A, Ctrl + V, Ctrl + S, Ctrl + Q

Agora o truque para o infeliz não alterar para o padrão quando abrir o programa:

$ sudo nautilus /etc/gimp/2.0

Botão direito nele, Propriedades, coloca o dono como root

Pronto, be happy


14 de jul de 2009

Burrice Virtual

Ontem vi uma matéria na Globo News a respeito da tecnologia, a comparação dos nativos (os que nasceram já tendo disponível a Internet) com os migrantes (nasceram antes da Internet). Enfim, nessa reportagem vi escolas que não usam mais o caderno, em seu lugar um notebook para cada aluno. Não tenho dúvida da excelente ferramenta que a Internet é para o conhecimento, minha preocupação é como os jovens fazem uso dela. Ao meu ver a Internet seria um ótimo lugar onde agregaríamos conhecimento a nós mesmos, mas não creio que é isso que vem acontecendo (generalizando), fico pensando nos nativos que cada vez usam mais a Internet e o computador como uma extensão do cérebro, vejo que muitas vezes ao invés de absorver o conteúdo encontrado os jovens estão por exemplo salvando a página com a informação em seus favoritos, ou até mesmo memorizando os passos que realizou para encontrar tal informação. E qual a definição que tiro disso? Estão usando a HD ou Internet no lugar da própria memória (não Ram, mas nossos neurônios). Enfim, acho que tem um sério risco das proxímas gerações serem mais burras. O que não sei é se essa burrice será aceitável nos padrões do futuro. Talvez as expectativas da sociedade com o indivíduo mudem.



Que vocês acham? Comentem ai

Abraço

27 de jun de 2009

Gizmo no Ubuntu amd64 9.04

Vamos lá(sem delongas) instalar esse voip

Baixa o .deb pra i386 (32bits)
http://gizmo5.com/pc/download/linux/

sudo dpkg --force-architecture -i NOME-DO-PACOTE-BAIXADO.deb

sudo ln -s /usr/lib/libsipphoneapi.so.1.7.07.73 /usr/lib32/


Ta ai, simples...

Fui

19 de jun de 2009

MVC na pratica

Desenvolver um projeto usando MVC é geralmente uma tarefa complicada aos iniciantes, o objetivo deste tópico é mostrar na pratica o uso de MVC e não explicar o que é MVC, se não sabe de uma olhada no google, se você já sabe a teoria sobre MVC é uma oportunidade de ver na prática como usa-lo.
Para este "tutorial" usaremos como exemplo um sistema de login.

View
Vamos usar a pasta "view" pensando só no caso de que um designer vai acessa-la.
Colocaremos nela os arquivos que contem o html, também aconselho criar mais uma pasta dentro dela - public - e dentro da "public" criar mais quatro pastas - img, css, js, swf - assim fica ainda mais organizado seu trabalho e a utilização dele por um designer.
Continuando com o exemplo de login, colocaremos dentro da view o arquivo:
login.php, que contém o formulário para login.

Controller
Colocaremos aqui os arquivos que recebem os dados do formulário fazem e devolvem esses dados após consulta.
Seguindo o exemplo aqui criaremos também um login.php porém nele faremos a verificação do que o formulário nos retornou, verificar se o e-mail é verdadeiro, se a senha possui mais de 6 caracteres. E vamos verificar se o usuário e senha coincidem com algum cadastrado no banco de dados, mas para isso precisaremos de um outro arquivo.


Model
Aqui os arquivos que lidam com o banco de dados, eles devem pegar dados do BD e retornar para algum arquivo no "controller".
Percebemos então que em nosso exemplo está faltando um arquivo, que é o responsável pela verificação no BD se os dados enviados pelo usuário batem com os registrados, então que tal mais um login.php, com esse arquivo verificamos se os dados estão corretos de acordo com o BD e devolvemos a resposta para o controller que por sua vez a devolverá para o view que é a parte que estará na tela no usuário.

Creio que deu pra dar uma esclarecida, estou cansado agora, qualquer dúvida comenta ae.


Peace out!

27 de abr de 2009

Retirar URL de string

Função simples para retirar uma url de uma string, útil se não quer que postem links externos em sua aplicação, pelo menos pra mim foi útil.
Comenta ai se quiser e não duer, pode melhorar ela també


function deleteUrl($string) {
$Array = split(" ",$string);
foreach($Array as $Value){
if((eregi("www",$Value)) || (eregi("http",$Value)) || (eregi("ftp",$Value)) || preg_match('|^http(s)?://[a-z0-9-]+(\.[a-z0-9-]+)*(:[0-9]+)?(/.*)?$|i', $Value))
$string = str_replace($Value,"",$string);
}
return $string;
}
echo deleteUrl("This is a good test, access here: www.thales.com to see");
?>

6 de mar de 2009

Aplicativos no Linux - Ubuntu 8.10 amd64

É comum a insegurança das pessoas em relação aos aplicativos no Linux, o que muitas vezes as bloqueiam de usa-lo como alternativa ao Windows.

O objetivo deste post é a simples apresentação de alguns dos aplicativos disponíveis para Linux, a distribuição do Linux em questão é a Ubuntu versão 8.10 64 bits, instalado em um Acer Aspire 7520-5374.

MSN no pinguim, uma dúvida frequente principalmente se tratando de brasileiros, aficcionados pelo protocolo da Microsoft. Existem uma infinidades de Mensageiros Instantaneos no Linux que aceitam o protocolo MSN, dos mais pesados e repletos de recursos, aos mais leves e limitados, fica a caráter do usuário, neste post usaremos como exemplo o Amsn.

AMSN

















http://www.flickr.com/photos/thales-oliveira/3333531605/sizes/l/


Suporte a Temas, Nicks Coloridos, Winks, Emoticons, Desenho, WebCam, Gravação de Voz, Musica no Nick, Mensagens Coloridas, Chamar Atenção, Envio e Recebimento de Arquivos, Mensagens Offline.

Praticamente tudo que seu Live Messenger tem, mas e que tal ir além?

Não há limites para chamadas de atenção, ver quem lhe excluiu da lista de contatos(FUNCIONA!), logs detalhados, desde online/offline à alterações de nicks, histórico da WebCam de seus contatos(Isso mesmo, você pode rever o que seus contatos já fizeram na WebCam conversando com você), as imagens de seus contatos ficam salvas em histórico, dando-lhe liberdade de usa-las se assim quiser, além destas e outras funcionalidades extras você pode baixar uma gama de plugins e temas, disponíveis no site oficial.

O preço de tantas funcionalidades é um programa pesado, aqui uso ele sem problemas, sem travamentos e afins, mas pode não ser seu caso, se optar por ele, mas você tem dezenas de outras opções mais leves e mais restritas em recursos, tais como:
  • Kopete
  • Pidgin
  • Emesene
  • Galaxium
------------

Cliente P2P, onde baixar músicas, videos e etc?
Aqui apresento-lhes o Amule

AMULE

http://www.flickr.com/photos/thales-oliveira/3334370658/sizes/l/in/set-72157614470691002/

O Amule é bem simples de utilisar não há mistérios e nem muito que comentar, uma vez que cumpre o que promete.

------------

Office, documentos de texto, planilhas, apresentações, pdf; varias opções estão disponíveis, abaixo um print de alguma delas.


http://www.flickr.com/photos/thales-oliveira/3333533009/sizes/l/in/set-72157614470691002/

Vídeos, como você viu até agora em nada no Linux você está preso a apenas uma alternativa, existem diversas delas paras mais diversas tarefas e gostos, com seus vídeos não seria diferente, abaixo um exemplo com o Real Player, e o Totem


http://www.flickr.com/photos/thales-oliveira/3333532463/sizes/l/in/set-72157614470691002/

Ouvir boas músicas, dentre os players existentes resolvi pegar para este post o Songbird por sua similaridade com o Itunes, tendo um visual limpo e agradável que muitos já conhecem.

Songbird

http://www.flickr.com/photos/thales-oliveira/3333532075/sizes/l/in/set-72157614470691002/


Photoshop no Linux?? Isso mesmo, graças a emuladores como Wine, a versão do Photoshop usada no post é a CS2, há hoje testes da emulação da CS4 pelo Wine, ainda não testei então não cabe a eu comentar.

WINE
Macromedia Flash 8

http://www.flickr.com/photos/thales-oliveira/3333535899/sizes/l/in/set-72157614470691002/

Photoshop CS2

http://www.flickr.com/photos/thales-oliveira/3333535767/sizes/l/in/set-72157614470691002/

Neste post tratei alguns dos iténs mais "criticos" em uma migração Windows > Linux, podem conferir mais imagens de outras aplicativos no meu Flickr - http://www.flickr.com/photos/thales-oliveira/sets/72157614470691002/ - na esperança de ter criado um material útil para você peço que comente caso tenha alguma duvida ou sugestão, estou aberto a uma discussão sadia.

Um abraço,

Thales Oliveira