Carlos José

Olá pessoal, estamos aqui mais uma vez para passar informações importantes para os designs que com todo o esforço do mundo tentam amenizar os problemas de incompatibilidades do Internet Explorer com o CSS.

Eu já provei aqui o porquê da diferença de renderização do IE para os demais navegadores, inclusive o novo navegador da Google o Chrome que eu ainda estou estudando ele para falar sobre ele.

Mas voltando ao IE esta “maravilha“ que queima o nosso juízo na hora de projetar layout compatíveis com ele, quando ministro aulas de Web Standards os alunos sempre dizem que o IE é o “mais usado”, por outro lado eu digo que ele já vem instalado com o sistema operacional e para as pessoas que não conhecem outra opção de uso terminam usando o que tem.

Sem mais delongas o link com a tabela que a Microsoft desenvolveu para minimizar a nossa vida esta neste link: http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx, a tabela contempla as versões do IE de 5 até a esperada versão 8 e no CSS vai até a versão mais atual que é CSS3 que ainda alguns navegadores não suportam plenamente, alias o navegador Safari suporta.

É isso!

Olá pessoal, você deve estar se questionando achando que a palavra colírio esta escrita errada, mas isso é apenas um trocadilho a respeito de uma extensão que eu descobri para usar no Firefox que literalmente é um colírio para os olhos.
Todos que fazem pesquisa no Google por imagens têm que passar pelo processo de ir paginando até encontrar uma imagem que mais se adéqüe ao que você quer.

E se tivesse a possibilidade de poder visualizar todas as imagens em um grande painel e através de uma barra de rolagem ir passando por todas ao mesmo tempo sem ter que paginar nada e ainda poder clicar para ter uma prévia da imagem e nesta prévia poder ainda ir para o site onde esta a imagem ou passar esta imagem por email? Tudo isso é possível? E se ao invés de imagens que tal vídeo? Seria possível? Sim!!! Sim!!! Sim!!!

Apresento a extensão Cooliris que esta disponível para download na URL: http://www.cooliris.com/

Abaixo segue algumas imagens do Cooliris em ação, não é difícil de usar é muito simples uma vez instalado, na pesquisa que você fizer basta repousar o mouse sobre a imagem ou vídeo para aparece o botão que é um “coolírio para os olhos”.

É isso!

Olá pessoal, estava assistindo o imperdível horário político OBRIGATÓRIO da cidade do Recife, eu que resido em Piedade não tenho direito, ou seja, não sou obrigado a assistir para ver meus candidatos.

Não estou aqui para falar de política, mas uma coisa me chamou atenção no programa eleitoral, os principais candidatos a prefeitura da cidade do Recife fazem referencia aos seus respectivos sites e por pura curiosidade fui visitar cada um deles.

Gostaria de parabenizar o visual do site dos candidatos, os designers estão de parabéns não consegui identificar a empresa que desenvolveu, mas em termos visuais está show.

Mas como tudo não é perfeito, apenas um site esta fazendo uso dos Web Standards de forma correta em todos os sentidos separando conteúdo (HTML) da formatação (CSS) e da programação do lado do cliente (Javascript), os outros misturam tudo CSS junto com o HTML, as definições DTD estão lá mas…só por esta pois as regras não são obedecidas.

Em cada site a área de multimídia esta fantástica, você pode fazer downloads de muitas coisas entre as quais: wallpaper para celular e desktop, avatar para os principais programas que os usam, toque para celular e muito mais. A criatividade foi ao extremo e isso é muito.

Para conferir os sites e ver tudo isso, segue logo abaixo os links, por uma questão de ética não vou apontar o site do candidato que está dentro do padrão, deixo esta tarefa para que você mesmo destro dos seus conhecimentos de Web Standards descubra assim como eu fiz!

http://www.cadoca20.can.br
http://www.joaodacosta13.can.br
http://www.raul15.can.br

É isso!

Olá pessoal estou aqui para dar uma ótima dica sobre este software da Adobe que recebeu algumas melhorias.
Em março deste ano escrevi a respeito dele aqui no blog, mas se você não leu não tem problema clique aqui e confira a matéria anterior.

O Photoshop Express usa tecnologia Adobe Flex e Adobe Flash com alguns recursos já bastante utilizados pelo Photoshop. Mas a grande sacada da Adobe foi realmente disponibilizar de graça o uso deste software.

As melhorias são:

Seamless uploading
Novo Uploader que garante uma maior rapidez.

Add music, stir
Você pode adicionar músicas ao slide show.

Print your pics
Você tem a possibilidade de imprimir suas fotos digitais com Shutterfly

Tag your photos
Ficou um pouco mais fácil classificar as fotos com a opção de incluir tags.

Resize
Escolha um tamanho de imagem predefinido para celular, web, ou e-mail e redimensionar com um clique, ou definir suas próprias largura e altura.

Vale apena você criar uma conta para usufruir destes recursos fantásticos, até porque este é um futuro, os aplicativos rodarem a partir da web sem ter que instalar nada e sem falar o fato de criar álbum digitais bem legais.

É isso!

Olá pessoal estou para dar uma dica legal na hora de pesquisar sobre fotos na pré-produção de um trabalho, e a foto ideal para este trabalho tem direitos reservados, quem nunca se deparou com este problema?
Comprar os direitos de uma foto para publicar é muito importante, não podemos ser coniventes com a pirataria!
Mas se você trabalha sozinho, não tem condições de comprar estes direitos vai ai duas formas de poder resolver este problema.

Primeiro

Uma solução muito direta é explicar para o cliente na proposta comercial que qualquer imagem com direito de uso será adicionado no valor do trabalho.
Eu trabalho dessa forma, e até hoje não tive problemas com os clientes que entendem que os direitos de uso de imagem são importantes para o profissional que as fez.

Segundo

Vamos imaginar que os seus clientes não têm condições de pagar estes direitos de uso de imagem. Tudo bem existe um site que pode lhe ajudar neste sentido, pois disponibiliza imagens de alta resolução de forma gratuita e algumas que tem que comprar os créditos para usar a imagem.
É necessário fazer um cadastro e usufruir desta oportunidade em: http://www.sxc.hu/

É isso!

Olá pessoal estou meio sumido, mas consegui terminar a minha monografia nestas “férias”. As minhas pesquisas não tinham nada haver com design ou coisa parecida, mas para finalizar o último dia de “férias” e escrever um artigo legal mirabolante super excelente para este dia eu não sei mais o que pensar.

Mas para que existem os amigos? Eu gosto muito de usar ícones no formato PNG em meus trabalhos na linha educacional, principalmente em minhas aulas, mas é uma dificuldade para encontrar, os que eu tenho foi um amigo que me deu sem revelar a fonte.

Assim como eu acho que vocês também tem uma certa dificuldade para encontrar, e tempo para fazer meus ícones eu não tenho, mas quando é um projeto grande de uma aplicação para rodar na internet eu faço esta personalização.

Ontem recebi um email daqueles que você realmente precisa quando esta em um dia muito cheio, e olha só o conteúdo deste email: Ícones Free!

Então melhor do que ícones free é ter um mecanismo de busca na internet só para ícones melhorou? Isso mesmo repasso para vocês três mecanismo de buscas de ícones na web, são eles:

http://www.iconfinder.net/
http://www.iconlook.com/
http://www.iconlet.com/

É isso!

Olá, pessoal estava fazendo as minhas pesquisas pela internet e encontrei mais uma oportunidade para quem é designer ou estudante de publicidade ou as duas coisas.

Esta nova oportunidade foi detectada no 4° Congresso Brasileiro de Publicidade que aconteceu na semana passada em meio a varias discursos sobre temas variados, os mais renomados publicitários se depararam com um tipo de profissional que ainda é uma minoria.

Uma coisa obvia que vem logo a mente quando falamos de publicidade é TV, mas a internet tem alcançado vôos bem mais altos que a TV, e é exatamente o profissional que tem domínio sobre este tipo de ambiente.

O que eles chamaram foi cross-mídia, assim como existe o termo cross-browser e cross-plataforma, não ficar limitado ao uso de uma única ferramenta para gerar uma publicidade.

“A internet hoje é a maior responsável pelo retorno das campanhas”, cabe a nós nos prepararmos e aperfeiçoarmos para esta nova oportunidade, vale lembrar que quem fica parado é poste!

É isso!

Olá pessoal em minhas pesquisas pela internet achei um teste bem interessante sobre a quantidade de seletores do CSS que os navegadores suportam.

Em uma série de dois artigos falando sobre seletores e sua importância para a criação de um design poderoso e eficaz abordamos os mais usados, até porque o navegador mais usado pelos usuários leigos que não são instruídos a mudar, não suporta quase nada da versão 3 do CSS.

Na versão 2 do CSS temos recursos que hoje são feitos a partir da aplicação de imagens, nada contra, mas na versão 3 do CSS já faz parte da linguagem, por exemplo, sombras(shadow) e cantos arredondados(corner) que todo designer consegue fazer de uma forma ou de outra, estou preparando uns exemplo da aplicação destes recurso.

Mas… Se você não está lembrado ou não leu ainda os artigos sobre seletores são eles: Tutorial CSS: Seletores I e Tutorial CSS: Seletores II, se você esta começando os seus estudos com CSS seria uma boa dar uma lida.

Eu fiz o teste em três navegadores que tenho instalado em minha máquina são eles o Firefox 3(claro), Internet Explorer 7(atualizado) e o Safari 3.1.2, os resultados seguem abaixo:

Firefox 3
De 43 seletores 36 passaram, com bag 0 e 7 não são suportadas (foram realizados 578 testes e 373 passaram).

Internet Explorer 7
De 43 seletores 13 passaram, com bag 4 e 26 não são suportadas (foram realizados 578 testes e 330 passaram).

Safari 3.1.2
De 43 seletores 43 passaram, com bag 0 e todos foram suportadas (foram realizados 578 testes e todos passaram).

Sem sobra de duvidas os desenvolvedores da Apple estão preocupados com as aplicações que rodam na internet com suas respectivas usabilidades, robustez e tempo de downloads mais rápidos. Para os que desenvolvem sistemas para web com um layuot bem feito não só no sentido estético, mas seguindo boas práticas de web standard.

O link para conferir o teste é esse: http://www.css3.info/selectors-test/test.html

É isso!

Olá pessoal, hoje de manhã me lembrei desse assunto através de uma conversa que tive com uma ex-aluna de Photoshop, ela estava investindo bastante tempo na criação de Scrapbook só que digital. Pois é um Scrapbook é um álbum não tradicional personalizado onde as fotos são aplicadas com elementos colados, pode ser um barbante, uma laçinho que integre com o tema, enfim um design.

Um dia bem ensolarado alguém disse: seria possível fazer um Scrapbook no computador? É evidente que a transição natural acontecesse, até porque as possibilidades de criação são maiores pelo fato de entrar em ação o galã das multidões “o CTRL + Z”. Qual software permitiria fazer isso? Outra resposta obvia: o Photoshop e não precisa nem dizer porque.
Fazendo uma pesquisa na internet achei coisas bem legais desde blog’s, sites que fazem encomendas e sites que vendem os apliques, ou seja, os temas!

Um questionamento obvio que possa aparecer é: isso é coisa pra mulher! Uma resposta obvia: sim, a maioria das pessoas que trabalham fazendo Scrapbook são mulheres, mas se um dia me pedissem para fazer algo parecido eu não deixaria de fazer, pois é um ótimo exercício de criatividade e pelo que eu sei criatividade faz parte da nossa atividade com design.

Vou dar um grande motivo para que talvez você se interesse pelo Scrapbook, ganhar dinheiro com isso, não só fazendo, mais criando os temas para ser usado por outros. Isso já existe com layout de sites, logomarcas, fotos, cliparts e etc.
Um site que vende temas com preços variados em média 2 dolares é www.scrapartist.com, quem você se cadastra como um artista! De uma forma ou de outra é importante sempre exercitar a criatividade.

Segue uma lista de sites bem interessantes sobre o assunto.

http://www.digiscrap4all.com/
http://www.virbrandi.com/
http://presente-criativo.com.br/
http://www.photomix.com/
http://www.abril.com.br/faca-voce-mesmo/scrapbook/

É isso!

Olá pessoal finalmente estou de férias do trabalho de professor, não pensem que eu acho ruim, mas este semestre foi um absurdo de complicado e muito carregado e pagando todas as cadeiras da faculdade para me formar e escrever monografia
Não tive muito tempo livre para escrever novos artigos, por isso não via hora de ficar de férias e finalizar a faculdade
Por isso vamos retomar as nossas atividades normais aqui no blog com a segunda parte sobre lógica de programação, vamos ao que interessa, mas não lembra ou não leu a primeira parte clique aqui.
Abaixo segue os elementos do Actionscript 2.0, calma depois irei falar das mudanças de paradigma de programação orientada a objetos. O Flash antes era pseudo orientado a objeto, mas com Actionscript 3.0 não é mais.

Elementos Actionscript

Actionscript contem vários elementos diferentes, como palavras, pontuação e estrutura, todos estes devem ser empregados de forma apropriada para fazer com que seu projeto flash se comporte da forma desejada.
Ex:

Btplay_btn.onRelease = function() {
_root.play();
_root.gotoAndPlay(5);
_root.mcBola._visible = false;
}

Eventos

Há determinadas coisas que acontecem durante a reprodução do filme, que disparam a execução de um script. No exemplo acima o evento onRelease (ao pressionar e soltar) é o responsável por isso.

Ações

Estas formam o coração do script e são as responsáveis por executar as tarefas propostas para o flash. No exemplo anterior temos:

_root.play(); //executa tudo que esta na timeline
_root.gotoAndPlay(5); //vai para o frame 5 e executa o que esta na timeline
_root.bola_mc._vible = false; //um movieclip fica com a sua visibilidade falsa.

Comentários

Para colocar um comentário em seu script que seja de uma linha use //, isso fará com que o flash ignore esta linha ao executar o script com esta no exemplo acima. Para fazer comentário de bloco de texto use /* */ .
/*
Este é um comentário de bloco
*/

Palavras-Chaves

São palavras reservadas que o programa usa para formar a sintaxe de uma action. Se você usar de forma diferente a qual ela foi projetada isso acarretara em um erro de script. Algumas palavras: delete, do, else, for, if, in, function, new, return, this, var, break.

Chaves

De uma forma geral tudo que estiver dentro das chaves, significa que será executada a ação ou o conjunto de ações. Ex:

Btplay_btn.onRelease = function() {
_root.play();
_root.gotoAndPlay(5);
_root.bola_mc._visible = false;
}

Ponto-e-vírgula

Aparece no final de cada action para determinar o encerramento, como pode ser observado no exemplo anterior.

Sintaxe do ponto

A Actionscript faz referencia sempre a uma instância de objeto, vamos relembrar: uma instância é uma cópia de um objeto que esta na biblioteca. Desta forma é possível fazer referência a propriedades da instância do objeto em questão.
Ex: _root.bola_mc._visible = false;
Neste exemplo, informamos que o movieclip bola esta na timeline principal(_root) e a sua propriedade de visibilidade recebe a atribuição falsa, deixando assim de ficar visível.

Parênteses

São usados de várias formas no Actionscript. Em geral para passar um parâmetro.
Ex: _root.gotoAndPlay(5);
No exemplo acima o parâmetro 5 informa o frame na timeline.

Aspas

São usadas para informar que um conteúdo é do tipo string, ou seja, uma cadeia de caracteres um texto.
Ex: frase = ”Flash”;

Eu melhor ficar por aqui, já tem informação demais para quem esta começando, mas não se assuste tudo isso vai ser usado o tempo todo, ficando assim natural a escrita.

É isso!