Undolog.com

Devido às diferentes renderização entre navegador diferente, o que certamente ver o Microsoft Internet Explorer em mente, devemos recorrer à semper artifizi aplicar para efeitos que agora deveria ser uma norma. O multi-discutidas arestas arredondadas são um exemplo clássico do "desastre" produzido pela total incapacidade de alcançar um padrão sério na página renderização HTML / CSS. Existem numerosas soluções de rede que permitem que você tem "efeitos" (efeitos isentando dall'HTML presentes como arestas arredondadas, sombra efeitos, reflexos, etc ...) com manchas nas folhas de estilos, usando truques especiais div enxertadas, bibliotecas Javascript, o uso de canvas etc ...
Por puramente educacional mais gostaria de explicar técnica (cross-browser) para aplicar à arestas arredondadas das imagens:

Demos e fontes

• Complete projeto no Google Code
• demo
• jquery.roundborders.js
• Photoshop formato imagem
• Formato PNG

Continue a ler ... "

Post relacionado

• O Internet Explorer 7 (IE7): PNG e CSS longe? (0)
• Web2.0: Gran Paradiso Firefox 3.0 e Apolo (2)
• A redução da produção na imagem browsers (5)
• CSS3: alguém já viu o Internet Explorer? (3)
• Classes e ID em CSS (3)

Este é o primeiro lançamento, a 0,8 (alinhado com a versão em linha), o Skype Emoções Editor - Skypemote - versão em Adobe AIR. Por agora são características medisime a versão online, com a vantagem de ser um ambiente de trabalho e, em seguida, instalado no Windows, Mac e Linux.
Antes que você se lembra de actualizar e / ou instalados pela primeira vez o runtime do Adobe AIR, se você ainda não tenha feito isso antes.

Baixar

Air Skypemote você pode fazer o download do Google Code.

Post relacionado

• Skypemote.com: Fale com as emoções (4)
• Distribuir o Adobe AIR: AIR Badge por uma SRU Player (4)
• Adobe AIR 1.0, Adobe Flex 3.0 e as novas Adobe Open Source (0)
• Undolibrary MatrixArray: uma extensão da classe Array (0)
• Umapa Flash Componente (v0.6 Beta) (0)

É frequente vermos uma série de links distribuídos horizontalmente separados por um pipe "|", o símbolo gráfico dell'asticella vertical. Além disso, se você tiver boas escrever HTML, você acha que esta série de links - aparentemente horizontal - os outros não estão apostando que lista UL ou OL O resultado é que em vez de escrever:

Seria melhor usar:

Continue lendo ... "

Post relacionado

• As maravilhas de CSS2.0 + (0)
• Digite o texto com CSS: IE7, um mau negócio (4)
• Classes e ID em CSS (3)
• Xopus: XML no editor WYSIWYG (0)
• Wordpress: modificar AdminBigWidth para desenvolvedores (1)

Abre - em versão beta - Skypemote.com, um projeto nascido de uma idéia comigo e Nicola (flussodigitale.com), que propõe um editor simples para criar desenhos a partir cool "cola" no Skype. O editor foi criado no Adobe Flash CS3 e, o clima o permitir, também gostaria de liberar uma versão - desktop - Adobe AIR.
Se você usa o Skype para conversar com este editor irá certamente surpreender os seus interlocutores. Se você achar este serviço útil e divertido, não se esqueça de ajudar com propostas, sugestões e - se quiser -, com uma doação!
Siga o projeto porque haverá em breve outros "amigos" notícias.

Post relacionado

• Skypemote versão do Adobe AIR (0)
• Yahoo! ASTRA: suite de componentes para Flash e Flex (0)
• Undolibrary MatrixArray: uma extensão da classe Array (0)
• Umapa Flash Componente (v0.6 Beta) (0)
• Simples Flash Gerador 0,5 Projeto: Um pedido de Flash AIR (0)

A partir da Apple imagens da Web 2.0 "reflectida" têm inundado Intrenet. Muitas vezes, são maltratadas semper de grande efeito. Bens não conseguir Saperle negócio é complicado e, com um pizzoco fantasia, você pode torná-la menos "óbvia" e "desconto" ... se você não pode prescindir.

Fundamentos do Reflexo

Primeiro de tudo o que definiu como base uma reflexão. A técnica para definir uma reflexão com base, pelo menos um favorito e eu uso constantemente, é simples e rápida implantação. Este método permite a máxima liberdade de alterações posteriores e manter transparência no caso de você querer guardar a imagem no formato PNG 24 com transparência.

1. Como de costume abrir Phosotoshop e upload da imagem que queremos refletir sobre uma camada especial
2. Duplicar a camada (arraste a camada a ser duplicado o ) E nominiamolo "sombra" ou "reflexo"
3. Do menu "Editar" selecione "Ativar" / "Flip vertical"
4. Arraste o novo layer "reflexo" no original e spostiamolo camada subjacente à camada original
5. Nós selecione a camada "reflexo" e mantenha pressionada a tecla ALT, adicione uma máscara de clicar em "máscara" na ferramenta janela camada, na camada "reflexo" deveria desaparecer
6. Nós selecione a máscara na camada "reflexo" e clique em Preenchimento
7. Defina uma sombra do preto ao branco ou transparente:
8. Acompanhe a sombra do centro da camada original no meio da camada de "reflexo"

Continue lendo ... "

Post relacionado

• Photoshop tutorial: planeta com sol nascente (3)
• Photoshop Tutorial: Web 2.0 em estilo ícones 3 etapas (14)
• Photoshop tutorial: efeito folha dobrada (9)
• jQuery: rodada bordas em imagens de sobreposição (0)
• As novas ferramentas de Adobe Photoshop CS3 Extended (0)

Normalmente não fazê-lo, mas também porque é sobre undolog & design gráfico, sou obrigado a comunicar o restyling do blog UPI sobre o papel. Além disso, projetando também, quando vejo uma "mão" boa É mais forte do que eu! Com o novo layout, então, as ilustrações de UPI são ainda mais agradável.

Post relacionado

• Pintor: simples pedido de desenho no Flash CS3 Pro (2)
• MyToons Compartilhada (0)
• Xopus: XML no editor WYSIWYG (0)
• Windows ferramentas: o melhor freeware (1)
• O que está na caixa? (0)

A técnica de substituição texto que apresento hoje é, em certos aspectos, muito interessante. Ao contrário da imagem clássica através de CSS para substituir, esta técnica utiliza um flash de modo a substituir os títulos do nosso site. Apesar de ser um pouco mais, porque exige a criação de um filme flash e o uso de Javascript, permite uma série de vantagens não indiferentes:

• Continua está acessibilidade do site usando uma Verdadeira-discreto-Javascript para que os rastreadores e aranhas continuar a ver a página como HTML simples e correta
• Não exige a criação de imagens para o n n títulos. Basta um filme para substituir todos os títulos do nosso site, com economias consideráveis em termos de Download
• Permite-lhe criar títulos simples, mas com letras não utilizadas normalmente na Web
• O texto pode ser prestado em HTML, graças às características do Flash
• O texto é selecionável
• Sendo um flash você pode adicionar interatividade e animação de qualquer espécie

Você vai observar também que este procedimento CSS não são praticamente tomados em consideração!

Continue lendo ... "

Post relacionado

• Comedido Flash Objects (1)
• Web2.0: Gran Paradiso Firefox 3.0 e Apolo (2)
• Comedido SWFObject 2,0 (2)
• Simples discretos TabStrip (1)
• Umapa Flash Componente (v0.6 Beta) (0)

Este tempo (veja ao Flash com o PicLens Papervision3D 2,0) público código (PicLens.as), tive que rever algumas partes do código, assim, alinhar os últimos lançamentos da Papervision3D 2,0 Great White e fiz algumas adaptações e acréscimos. Eu entrou nesta demo também uma série de Botão, puxadores, runtime para alterar alguns parâmetros.

Simulação do movimento PicLens

Para mais perto possível do movimento horizontal do PicLens original, eu usei um pequeno passo, incluindo uma "invisível" DisplayObject3D meta para a sala:

Na prática semper ponta da sala DisplayObject3D lugar por trás da série de immmagini. Quando a câmera se desloca (com um movimento acelerado / por inércia) também DisplayObject3D o seguinte, mas com um ligeiro atraso. Isto permitiu-me fazer o efeito de movimento suave e muito semelhante ao alcançado no PicLens original:

Eu nunca usei nenhuma Tween, mas uma função mais simples e eficiente:

No demo é possível alterar alguns parâmetros: incidência, zoom e metas. Esta é a posição do DisplayObject3D comparado a 99 fotos! Ao alterar esta posição, você irá notar alterações no movimento da cena.
Foco e zoom são propriedade do Papervision3D.

Interação

Basta clicar sobre as fotos ...

Post relacionado

• PicLens para o Flash com Papervision3D 2,0 (2)
• Papervision3D: BasicView (0)
• Instale Papervision3D 2,0 Great White: TortoiseSVN (5)
• FIVe3D: efeitos especiais sobre um cubo! Pendente Flash 10 (2)
• Papervision3D: como lidar com bitmap em FIVe3D (0)

No pós Flash CS3: Reflexo criar um efeito sobre qualquer MovieClip visto como podemos escrever uma classe que estende um MovieClip para se conectar a DesignTime a qualquer MovieClip na biblioteca. Descobri, porém, que pode ser mais útil Económico e fazer o caminho inverso. Criei uma classe Reflex (Reflex.as), com a intenção de utilizá-la exclusivamente indicativo. Eu criei essa classe de planeamento para ir no construtor um ponteiro para MovieClip. A nova classe Reflex contém essencialmente o mesmo código inserido no primeiro ReflexMe mas ligeiramente modificada para que ele possa operar expressamente código:

Continue lendo ... "

Post relacionado

• undolibrary: ActionScript 3.0 biblioteca no Google Code (0)
• Undolibrary MatrixArray: uma extensão da classe Array (0)
• Flash CS3: criando um efeito sobre qualquer MovieClip Reflex (7)
• Criando um preloader genéricos em Actionscript 3,0 (6)
• ActionScript 3.0 para iniciantes: Lição # 4 (0)

Explorar o efeito gerado pela perlinNoise() você pode criar efeitos e as ondas com ondulação Papervision3D.

Faça o download da fonte

Para compilar o fonte que você precisa tanto Papervision3D e Undolibrary - agora você pode descobrir como ZIP pacote diretamente na seção de downloads do Google Code.

Post relacionado

• undolibrary: ActionScript 3.0 biblioteca no Google Code (0)
• Undolibrary MatrixArray: uma extensão da classe Array (0)
• PicLens em Flash com Papervision3D 2.0: Parte II (13)
• PicLens para o Flash com Papervision3D 2,0 (2)
• Papervision3D: BasicView (0)