Indicador de Capacidade

Fica a dica para utilizar algum tipo de indicicador em Flex...
Pra quem já instalou alguma distribuição do Linux, vai lembrar da barra de particionamento do HD que é parecida...



Atenciosamente!

Desabilitando o cache do Firefox

Todo bom desenvolvedor web que se preze, utiliza o Mozilla Firefox para o desenvolvimento de suas aplicações em Flex ou suas animações em Flash e certamente já tiveram problemas com o cache, aonde o SWF não é atualizado quando você executa teu projeto.

Encontrei no Blog da DClick uma solução interessante para não armazenar o cache do navegador...

1º - Abra o firefox e na barra de endereços digite: about:config.
2º - Uma mensagem de alerta aparecerá. Clique no botão"Serei cuidadoso, prometo!"
3º - Coloque no Localizar o valor: browser.cache.memory.enable. 
4º - Provavelmente o valor estará como true, altere o valor para false.
5º - O mesmo procedimento para outra configuração. Coloque no Localizar o valor: browser.cache.disk.enable.
6º - Valor estará como true, altere o para false.

Para ter certeza que as alteração foram efetuada, digite na barra de endereços: about:cache, o resultado deve ser uma mensagem informando que o cache foi desabilitado ( The cache is disabled. ).

 Fica ae a dica...

Fonte: http://blog.dclick.com.br/2009/07/05/desabilitando-o-cache-do-firefox/pt/

Atenciosamente!

Efeito de Câmara Fotográfica com jQuery e CSS

O plugin jQuery PhotoShoot oferece a possibilidade de converter qualquer div na sua página web numa área de disparo, simulando o efeito de uma câmara fotográfica. Com este plugin, dará aos visitantes do seu site a oportunidade de poderem tirar fotos à imagem de fundo da aplicação.

Cada vez que é clicado numa determinada área, um novo disparo é adicionado ao div que contem margin negativa. Depois uma nova animação é iniciada, a qual vai deslizar na viewport e puxar os outros disparos novamente para uma margin negativa, ocultando sempre o div.

Você pode usar livremente estas técnicas e construir o seu próprio código.
Existem muitas possibilidades para este plugin, por exemplo para sistemas de navegação, promoção de sites ou simplesmente para divertir os utilizadores do seu site.

Demonstração: http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html
Fonte: http://tutorialzine.com/2010/02/photo-shoot-css-jquery/

Grande abraços!!!

Atenciosamente!

Visualizar preview da Imagem antes do Upload

Visualize a imagem antes de enviá-lo para um servidor remoto usando o método load(), novo recurso da classe FileReference no Flash Player 10...




Fonte: http://blog.flexexamples.com/2008/08/25/previewing-an-image-before-uploading-it-using-the-filereference-class-in-flash-player-10/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+FlexExamples+%28Flex+Examples%29

Grande abraço...

Atenciosamente!

DistortImage com imagens carregadas dinamicamente no Flex

Fonte: http://www.rubenswieringa.com/blog/using-distortimage-with-dynamically-loaded-images

Efeito no Alert do Flex

O exemplo a seguir mostra como definir um efeito na criação de um Alert através da propriedade creationCompleteEffect. Para não perder o conteúdo do Alert, a font deve ser incorporada tanto o tipo de letra normal e negrito usando CSS e @ font-face.



Código fonte:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Style>
        @font-face {
            src: local("Verdana");
            fontFamily: VerdanaEmbedded;
        }

        @font-face {
            src: local("Verdana");
            fontFamily: VerdanaEmbedded;
            fontWeight: bold;
        }

        Alert {
            fontFamily: VerdanaEmbedded;
            creationCompleteEffect: myEffect;
        }
    </mx:Style>

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;

            private var alert:Alert;

            private function button_click():void {
                alert = Alert.show("The quick brown fox jumped over the lazy dog", "Lorem Ipsum");
            }
        ]]>
    </mx:Script>

    <mx:Sequence id="myEffect">
        <mx:Parallel>
            <mx:Zoom />
            <mx:Fade />
        </mx:Parallel>
        <mx:Rotate />
    </mx:Sequence>

    <mx:Button label="Launch Alert" click="button_click();" />

</mx:Application>

Fonte: http://blog.flexexamples.com/2007/10/12/creating-a-custom-creation-complete-effect-on-a-flex-alert-control/

Grande abraço...

Atenciosamente!

Alguns Componentes em Flex

Biblioteca com alguns componentes disponibilizado por Gilmar seu Blog....




Atenciosamente!

Preloader Image no Flex

Customize o preloader de imagens no Flex ultilizando a subClasse mx.controls.Image...



Fonte: http://strawberrypixel.com/blog/flex-components/#preloadingimage


Fica mais essa dica...

Atenciosamente ...

Ajax Load

Pra quem precisa de um loader, segue uma dica...
Acesse o site do Ajax Load e personalize teu loader da maneira que ficar melhor em tua aplicação ou site...

Link: http://www.ajaxload.info

Atenciosamente!

Containers do Flex com Resize e Move...

Deixe sua aplicação mais rica com o simples recurso de redimensionar e mover containers do Flex...

A classe principal que faz todo o trabalho é chamado ResizeManager. Ele adiciona um pequeno componente de redimensionamento no canto direito inferior do recipiente que, quando arrastado redimensiona o container.



Importante: Os containers não se comportam corretamente no resize se você definir a propriedade resizeEffect.

Fica ae a dica...

Grande Abraço...
Atenciosamente!

CoverFlow 3D em Flex

CoverFlow Horizontal - Estilo IPhone...
Já ultilizei essa rotina em alguns sistemas para montar galeria de fotos e widgets dinâmicos...



CoverFlow Vertical
Muda um pouco o Layout para o estilo de widgest, mas a funcionalidade é quase a mesma...



CoverFlow Carrossel




Fonte: http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/


Atenciosamente...

Customizando PreLoader do Flex

Customização simples do PreLoader do Flex...
Neste exemplo, só estou mudando o label, substituindo o padrão [ loading ] por [ Carregando ] ...

Meu arquivo principal abaixo que tenho o hábito de chamar de index...
Nele precisa ser apontada na propriedade PRELOADER a classe que contém a configuração do loader...


index.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute"
    backgroundColor="0xFFFFFF"
    preloader="Preloader" >

</mx:Application>

Classe que contém a configuração do loader...

Preloader.as

package
{
    import mx.preloaders.DownloadProgressBar;

    public class Preloader extends DownloadProgressBar
    {
        public function Preloader()
        {
            super();
   
            downloadingLabel  = "Carregando...";
            initializingLabel  = "Pronto...";
        } 
    }
}

Simples Assim...

Bom, era isso...

Atenciosamente...