Transparência (opacidade) com CSS!

Maio 7th, 2008

Hey duddes!

Este post é para datar um artifício que me ajudou bastante em um projeto web recente.
Onde eu precisava usar transparência utilizando XHTML e CSS.

Assim, decidi compartilhar a solução com todos!
PS: Funciona com IE! :B~

Segue…coloque os 3 itens abaixo dentro dos atributos de sua classe css.

-moz-opacity:0.5; /* filtro alpha para Mozilla - valores de 0 (transparente) até 1.0 (opaco) */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* filtro alpha para IE 5.5+ valores de 0(transparente) até 100(opaco) */
background:#000000; /* Aqui você muda a cor do filtro */

Ai está, espero ter ajudado!
Qualquer dúvida ou complementos ao post, comente! n__n~

Até mais!

Adobe Flash Player, just use!

Novembro 16th, 2007

TheFlash

Ok.Não é bem deste Flash que irei falar, foi só para descontrair.
Vamos lá…

Claro que você já reparou que faz um bom tempo que a mídia “video” entrou no mundo online quebrando tudo e chamando toda a atenção, hoje ela é a top na internet …não precisa ser nenhum gênio para perceber isso.

“-Vou construir uma sessão de videos em meu site, o que devo fazer? Que ferramentas usar? Oh my god…”

Calma…calma…este tipo de resposta apenas um profissional web pode dar, não o vizinho do primo do seu amigo. Claro, apenas se este for um profissional web.

Pois bem, vamos acompanhar a evolução um pouco mais de perto, contextualizando…

Antigamente, recebia-se videos por e-mail, eram aqueles videozinhos sem vergonhas e bem pequenos para caber nas miseráveis caixas de e-mails, que você tinha que baixar e abrir no WindowsMediaPlayer [by Microsoft].
Um belo dia, alguém resolveu hospedar o video em seu próprio servidor para mandar apenas um link para as pessoas verem. A este ato deu-se o nome de Streaming Media.
Para todo video ser visto, necessitamos de um “player”, que são botões de controle igual no tocador de vinil ao qual você está acostumado…usava-se até o momento a versão web do WMP.
Algum tempo passou e a senhora Adobe resolveu entrar na concorrência comendo pelas beiradas, trazendo um novo padrão de streaming. O padrão FLV [flash video]. Bastou pouco tempo para que passasse a perna na Microsoft e tivesse as facilidades, vantagens e usabilidades de sua ferramenta reconhecidas.

O estopim se deu quando dois garotos que estavam agoniados por não conseguirem achar um lugar para enfiar seus videos, criaram um lugar chamado YouTube [by Waldez Ludwig], e usavam a compactação FLV.
BUM, simples assim.

Eu, como sendo alguém que desenvolve conteúdo para este meio [e você não], irei começar aqui a minha opinião totalmente a favor do Flash Video ao transmitir vídeo na internet.

#1_Usabilidade
A primeira lei da usabilidade é que o usuário gosta de ter o controle de sua prórpia navegação. Assim, dê este controle para ele. Em um Flash Player você consegue acompanhar visualmente o progresso do video sendo carregado, você pode começar a assistir enquanto ele carrega, você pode voltar ou adiantar o video usando a barra deslizante e também pausar. Isso é altamente importante.

#2_Velocidade
Por usar uma compactação diferenciada, o padrão Flash se comunica muito bem com as demais ferramentas, o video fica mais leve e mais fácil de ser visualizado. Pois não precisa esperar que ele todo carregue para que se veja. Uma vez que no Brasil temos uma desprezível internet de banda 8Gigas, o que é insignificante perto do que existe lá fora, mas ok, não vamos mudar o foco do assunto…

#3_Visual [oba!]
Para rodar um video FLV, tudo o que você precisa é de um Player Flash, e o melhor disso é que você não precisa se prender ao padrão imposto por algum tirano do capital mundial. Você pode contratar os serviços de um profissional para que ele customise um Player só para o seu projeto.Que vai casar com o layout, que vai levar o seu logotipo, que terá a sua imagem, os seus botões, o seu modelo.

#4_Embedágem já!
Com a internet, muitas palavras já se agregaram a nossa língua, como: Clique, delete, site, e-mail…infinitas…
A mais recente palavra a entrar para nosso vasto vocabulário e ganhar uma versão “aportuguesada” é a palavra “embed”. Que para nós virou “embéde” e também tem suas variações como “embedágem”, “embedável”, tudo do verbo “embedar”.
Mas o que de fato é isso?
Trata-se do fato de ser possível você puxar o caminho inteiro de um player com seu respectivo video para sua página, você pode ver como isso funciona em sites como o JacaréBanguela ou o KibeLoko, acesse, note os players que puxam os videos diretamente do YouTube.

Para finalizar, digo que muitas vezes não é preciso reinventar a roda, ou seja, se alguém já desenvolveu uma ferramenta [ainda mais grátis] por qual motivo você irá quebrar a cabeça novamente?
Uma grande empresa imobiliária Paulista chamada Tecnisa, tem poder para criar seu próprio player mas faz sua galeria no YouTube mesmo, facilitando a vida. Veja.
Existem muitos sites com serviços tão bons quanto o YouTube, por exemplo o DailyMotion e o Vimeo, vale a pena experimentar.

Não se esqueça de deixar sempre o seu Plugin Flash Player atualizado [este plugin é o que vai permitir que o seu navegador leia os arquivos em flash das páginas].

Após este banho de água fria, compare com os serviços da GloBBBo Videos que resolveu monopolizar e usar o streaming da Microsoft, apesar de acertar no design.
Algo a dizer? Comente! =D~

Inté!

Oficina Executiva de E-mail Marketing

Outubro 31st, 2007

Oficina Executiva de E-mail Marketing

Nós da SmartIS, realizamos no ultimo sábado [27/10/2007] a Oficina Executiva de E-mail Marketing para mostrar frente a mente fechada de crossmidia digital dos geradores de conteúdo no interior, qual o real poder desta ferramenta, que quando utilizada com clareza e profissionalismo é uma excelente arma de combate.

Criei uma identidade característica para a oficina, exclusiva, associando as caixas de correio antigas com formas ultrapassadas de envio de mensagem corporativa.Todo um trabalho de identidade visual foi criado, e cada evento terá seu próprio marketing e divulgação.

Inclusive, tive um lugar nesta oficina para falar de todo o processo criativo e técnico para uma peça como o e-mail marketing.

palestrando oficina executiva e-mkt

Irei discorrer mais sobre e-mail marketing em um próximo post.
Por hora vejam a galeria de fotos do evento no Flickr.

Foi altamente proveitoso, parabéns para quem estava presente, agora vocês são pessoas mais abertas ao mundo 2.0.
Quem não pode ir, perdeu uma bagatela de conhecimento, que pena. Mas fique atento em nossa programação no site, ou neste blog, pois faremos mais eventos como este.
O próximo já está marcado. Conferência Executiva de Novas Mídias, aguarde! ;-D~

Para receber nosso material, mande um e-mail para educacao@smartis.com.br!

Sayonará!

Do Intercon Para o Mundo!

Outubro 31st, 2007

Após alguns dias para digerir toda a descarga de informação que recebi participando do Intercon 2007, volto para relatar aqui este marco fantástico.

dsc00051.JPGLuli-interconPalcoIntercon

Uma super aventura, varando a noite dentro do ônibus e pegando táxi/metrô/caminhadas com o objetivo de encher a mochila de inovação e profissionalismo para trazer de volta e aplicar para os clientes.

Se fosse divagar muito sobre todas as palestras, este espaço ficaria pequeno. Assim você pode conferir o resultado de todo o evento na pagina oficial.
E também acompanhar opiniões da galera fera que estava por lá aqui, aqui e aqui.

Tudo o que existe de atual na comunicação, marketing e desenvolvimento de mídia, estava lá e pude acompanhar de perto.
Povo “Twitando”, blogueiros no palco, bluetooth comendo quente…

Até subi no palco!
SIM!
Participei do ” Se vira nos 3′ “, onde qualquer um dos inscritos poderia subir no palco e ter três minutos para vender seu peixe com cinco slides padronizados.
Subi lá na frente para tentar falar [digo “tentar” pois nunca fiquei tão nervoso na vida, não é fácil falar com todos aqueles diretores de criação das grandes agências sentados no palco ao meu lado.] um pouco sobre o fato que um ilustrador, se torna um designer com maior facilidade, ao ponto de que nem todo designer sabe desenhar bem.

Você pode baixar os slides que apresentei clicando abaixo!
Ilustrador Designer

E fiquei famoso por isso!

Fernando-Famoso

Fui flagrado pelo criador do Camiseteria pois estava usando a camiseta do Jeremias Muito Louco!

Ã?tima viagem, agora de volta ao trabalho diário terei maior conhecimento nesta alucinante “Era do Conceito” em que vivemos.

Inté!

iMasters Intercom 2007

Outubro 22nd, 2007

iMasters Intercom2007

Juntamente com o cumpadre Caio, representaremos a SmartIS no Intercom 2007 que acontece nos próximos dias 26 e 27/10, e traremos para dentro de nossa empresa, mais um pouco de conhecimento, o que rola no mercado, o que se passa na mente dos demais profissionais e o que eles estão fazendo mundo afora.

Lá, estarão grandes profissionais. Tais como o Luli, Gustavo Fortes, Fabio Seixas, Carlos Merigo e o Michel Lent. =D~

Em uma empresa, independente do ramo que esta segue, é de extrema importância o estimulo sobre seus profissionais em relação a interagir com o meio onde atua.
Fazendo despertar o interesse em participar de eventos, palestras, encontros, cursos, especializações, etc. E investir nisso.

Nós aqui da SmartIS seguimos esta filosofia. E já participamos de grandes marcos.
Como por exemplo a ida no GoogleDeveloperDay, Cursos na JumpEducation e o encontro do primeiro JoomlaDay.

Desta forma, maximizamos nosso poder profissional, nos atualizamos e trazemos na bagagem o que existe de melhor para melhor atender os clientes.
Por isso, basta apenas confiar em nosso diagnóstico.

Na volta do evento, farei um post especial contando como foi.

Bom, agora tenho mais o que fazer. Inté.

Fique ligado: O começo de tudo.

Outubro 1st, 2007

A caixa de e-mails lotada, o dia está cheio.
Briefings se multiplicando em escala enzimática e não existe “tempo” para “criar” no meio desta zona. Mas PRECISO criar uma nova peça PARA ONTEM [!] pois você Sr.[a] cliente bateu o pé na reunião.

Qual a saída?

Não existe saída.
Na hora do aperto, o jeito é recorrer à chamada Biblioteca Mental, ou Acervo Mental, chame como quiser.
Isso nada mais é que um grande álbum de fotos e fatos dentro da nossa mente. Tudo aquilo que você já viu, ouviu, falou e sentiu fica armazenado em nosso cérebro, assim, você pode trabalhar a mente e ir tentando organizar toda a tempestade de informação que recebe diariamente, criando categorias, pastas e sub-pastas para os temas que você capta do mundo.

Sendo assim, quando precisar daquela ideia genial, bastará associar às palavras-chaves do que precisa criar [aconselho uma olhadela em sua TagCloud] e uma revisada nos feeds que você assinou na memória. Em seu iTunes, escute novamente aquele podcast
Faça uma busca avançada para ter mais relevância no resultado, e irá obter as idéias mais rankiadas em seu sistema pessoal de SEO. ;-)
[se algumas palavras lhe pareceram estranhas, continue acompanhando o blog, ou pesquise em outros mais]

Concluímos que o importante é estar ligado, conectado, informado, antenado, sempre alerta, para ter uma biblioteca cada vez maior e chegar ao nirvana de ter este processo automatizado. Isto não é um processo de diferenciação de profissionais, isto é fruto de uma seleção natural do mercado, onde estar atento a tudo é padrão de qualidade.
Assim sobreviverão apenas os que usarem as referências da melhor forma possível.

� o começo de tudo.

Bom, tenho mais o que fazer. Inté.

Design, ó céus, o design.

Setembro 27th, 2007

Hello Word!

Dato este, como o primeiro post oficial do meu Blog Corporativo SmartIS.
Sendo assim, não irei me apresentar, muito menos querer te conhecer, pois nossa troca de informações se dará com o tempo.
Ainda estou tímido para postar e você está tímido para comentar, mas já-já perdemos a vergonha. Também não vou escrever uma redação contando como foram as minhas férias [não tenho férias a uns quatro anos mesmo].

Irei citar o objetivo que quero focar com este poderoso meio de comunicação em minhas mãos.
Aqui, irei estabelecer um espelho do meu mundo profissional para que ele possa refletir no seu, seja você quem for [cliente, parceiro, aspirante ou um mero visitante].

Sou WebDesigner e o foco este blog é em você que não é um.

Assim, aqui irá conhecer mais o que é e como funciona o tão falado design, como ele é aplicado, como isso se dá na web, trataremos sobre tecnologias que convergem neste meio e consequentemente saberá como conversar/tratar/lidar/comunicar com o designer da sua empresa ou aquele que irá potencializar a sua marca [principalmente no digital].

Bom, tenho mais o que fazer. Inté.