MC Tween – Velho e prático componente Action Script para animações em Flash »

19jun 2010, às 16:53

Publicado em Flash Framework | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

Olá pessoas bípedes terráqueas! Já faz algumas semanas que não publico nada de novo no DK, e continuarei assim! Pois hoje comentarei sobre MC Tween um antigo componente para Adobe Flash que adiciona funções ao ActionScript que ajuda muito principalmente aos designers sem muito jeito com programação (olha eu aí) a criar interpolações de movimentos muito interessantes por meio de simples scripts.

O que é MC Tween?

De acordo com Zeh Fernando criador do MC Tween, este nada mais é que um framework que facilita a  e oferece maior flexibilidade para criação de tweenings totalmente dinâmicas. Também pode se dizer que MC Tween é um extensão de interpolação, ou apenas um monte de código que você adiciona ao seu arquivo flash por meio de um comando #include, e assim você terá várias novas funções e métodos para MovieClip, TextField e Som.

Ao criar um novo arquivo depois da instalação da extensão do MC Tween, é incluir o arquivo da extensão no primeiro frame da timeline:

# Include "mc_tween2.as"

Exemplo, suponha que você queira mover um MovieClip até a posição 100 do eixo x. Normalmente isto que seria feito:

instancia_do_MovieClip._x = 100;

No entanto isso gera um movimento bruto. Com o MC Tween você pode mover o objeto com uma animação de forma mais suave, veja como funciona:

instancia_do_MovieClip.tween (“_x”, 100);

Desta forma você tem uma interpolação de um ponto para o outro, ao invés de só mover o objeto para nova posição. Veja os tipos de animações de interpolação o MC Tween permite.

Muito simples, não acha? MC Tween é muito bem documentado, visite o site e saiba mais.

Formee – Um framework CSS para construção de formulários »

04mai 2010, às 10:00

Publicado em Framework | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

Formee é um framework que facilita a produção de formulários cross-browser de maneira fácil e rápida.

Ele funciona com a mesma técnica fornecida pelo conhecido 960 Grid System para facilitar montagem do layout do formulário de um website com total flexibilidade.

Veja o exemplo.

Este framework se em caixa em qualquer projeto, uma vez que a estrutura tenha sido criada em torno de larguras disponíveis.

Formee foi construído com o menos número de marcações e gera formulários com boa semântica. Estilizar os forms não é complicado pois Formee dispõe de 2 arquivos um para estrutura e outro para o estilo. Para completar Formee conta com alguns elementos a parte como mensagens de erro, avisos e alertas de sucesso.

CSS Framework – 960 Grid System »

03mai 2010, às 07:48

Publicado em Framework HTML / CSS | Deixe o seu comentário (4) »

publicado por: Magno Valdetaro

Framework

Segundo a Wikipédia um framework se resume em uma abstração que une códigos comuns entre vários projetos de software provendo uma funcionalidade genérica. Um framework pode atingir uma funcionalidade específica, por configuração, durante a programação de uma aplicação. Ao contrário das bibliotecas, é o framework quem dita o fluxo de controle da aplicação, chamado de Inversão de Controle.

Mas está definição é muito complicada prefiro está do imasters:

Frameworks são estruturas de códigos definidas onde um projeto de software, seja ele web ou não, pode ser criado e desenvolvido. Frameworks podem incluir programas de suporte, bibliotecas de código, linguagens de script ou qualquer outro tipo de software para auxiliar no desenvolvimento.

Eles foram projetados para auxiliar no desenvolvimento de softwares, auxiliando designers e programadores a gastar menos tempo com desenvolvimento.

Em CSS, frameworks geralmente são um conglomerado de arquivos css com coisas base para tipografia, estrutura de layout, menu. Sua utilização deve ser muito cuidadosa, pois utilizar frameworks em desenvolvimento XHTML e CSS pode não trazer a mesma produtividade do que se você estivesse usando um framework para PHP, JavaScript. É importante que o desenvolvedor saiba ler e compreender o código que ele está escrevendo.

Veja todo o artigo do Imasters sobre framework.

CSS Framework

A definição do termo na Wikipédia é a seguinte: “trata-se de uma biblioteca pré-configurada cujo objetivo é facilitar a criação de layouts o mais próximo possível dos padrões web”.

960 Grid System

Apesar de algumas pessoas acharem que grids limitam a criatividade, elas na verdade são muito úteis e funcionais e aceleram o processo de produção. Goste ou não, as páginas web essencialmente giram em torno de formas de caixas. Inevitavelmente, estes retângulos têm de se unir de alguma forma ou de outra para formar um desenho. Um sistema de grid é uma técnica adota para organizar conteúdo a muito tempo em páginas impressas e nos últimos anos vêem sendo utilizada em peso também para aplicações web.

960 Grid System é um framework com 960px de largura (por isto leva este nome), dividido em 24, 16 ou 12 colunas.

Veja a referencia visual das grids.

O pacote tem 180Kb, mas não se assuste este não é o tamanho do arquivo CSS, o pacote consiste de um arquivo para impressão onde você pode rascunhar seu layout ou desenhar seu wireframe manualmente, modelos para Fireworks, Photoshop, OmniGraffle e outros. O 960.css arquivo em si é apenas 3,6 KB quando comprimido.

Veja o tutorial em vídeo de como utilizar o 960 Grid system:

HTML5 Less Framework »

04mar 2010, às 09:12

Publicado em Framework HTML / CSS | Deixe o seu comentário (1) »

publicado por: Magno Valdetaro

Um poderoso html5 framework para construção de layouts inteligentes para sites com diferentes larguras de telas, essa é a premissa do Less Framework desenvolvido por Joni Korpi e distribuído sobre Creative Commons.

Less Framework é um framework (dã) CSS para construção de layouts para web multi-flexível. Ele contém uma grid de oito colunas otimizado para um line-height de 24px, bem como um conjunto de presets para tipografia com base no número de ouro que se encaixam em ritmo vertical da grid.

Less Framework funciona perfeitamente no Chrome, Safari 3.0+, Firefox 3.0+ e Internet Explores 7+. E se ajusta inteligentemente em uma única coluna em navegadores de dispositivos com tela pequena.

xCSS - Framework CSS orientado a objeto »

15out 2009, às 10:42

Publicado em Framework HTML / CSS Recursos | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

xCSS é um framework CSS que permite que você trabalhe orientado a objetos e mantenha um fluxo de trabalho simples no desenvolvimento de CSS complexas. Usar o xCSS reduz significativamente o tempo de desenvolvimento e te oferece: uma visão intuitiva da estrutura global da CSS, utilização de variáveis, reutilização e diversos outros recursos uteis. xCSS é leve e se integra a qualquer fluxo de trabalho e mantém seu HTML semântico.

PHP - Zend Framework »

10jul 2009, às 11:53

Publicado em Ferramentas Framework PHP | Comentários desativados »

publicado por: Magno Valdetaro

Zend Framework é um framework de aplicação web de código aberto, orientado a objetos, implementado em PHP 5 e licenciado como New BSD License. Zend Framework—freqüentemente referido como ZF é desenvolvido com o objetivo de simplificar o desenvolvimento web enquanto promove as melhores práticas na comunidade de desenvolvedores PHP.