=-= Tudinho da Hora =-= – OFFLINE!

[Tutoriais][Vídeo] Efeito marca d’agua

Publicado por: JuniorZoi Designer em: fevereiro 1, 2010

Criando um efeito marca d’agua em CorelDraw

[Tutoriais][Comandos] Aprenda JS

Publicado por: Calmon Ribeiro em: fevereiro 1, 2010

1. document.write( escreva sua informação );
Este comando permite escrever qualquer informação na página que pode ser
um texto ou o conteúdo de uma variável de memória. Ex:

document.write(“Programando em Javascript”);
document.write(“Olá “+nome+” Seja Bem Vindo !!!”);

2. document.bgColor=” cor em inglês”;
Este comando altera a cor de fundo da página. Ex:

[Tutoriais][Principios Básicos] Aprenda Moontools – Parte 2

Publicado por: Calmon Ribeiro em: fevereiro 1, 2010

Olá pessoal, vamos continuar nossa aula sobre os Princípios Básicos do Mootools, em nosso artigo anterior falei sobre:

  • Como adicionar uma estrutura de Mootools em uma página;
  • Como obter um elemento DOM;
  • Falei sobre setStyle() e Style();
  • E dei alguns exemplos na prática.

Leia o resto deste post »

[Tutoriais][Principios Básicos] Aprenda Moontools – Parte 1

Publicado por: Calmon Ribeiro em: fevereiro 1, 2010

Hoje vou começar um artigo sobre os princípios básicos do Mootools, que será dividido em 2 partes pois é muito coisa.Nesta parte do artigo vou começar com os princípios básicos do Mootools.

Bom nesta lição(parte 1) vou mostrar como manipular propriedades do elemento, em particular como começar o elemento DOM do ID como usar o getStyle (), o setStyle () (para ajustar propriedades do CSS), o toInt () para converter uma string em número e alguns exemplos:

1. Adicione a estrutura de Mootools a sua página:

http://lh6.ggpht.com/antonio.lupetti/SK3CW_jl2hI/AAAAAAAACCA/UIwal40wJkA/moo1.png

Leia o resto deste post »

[Tutoriais][Usando o plugin tablesorter] Aprenda Jquery

Publicado por: Calmon Ribeiro em: fevereiro 1, 2010

O plugin tablesorter permite que você ordene as tabelas no lado do cliente. Você inclui o jQuery e o pluguin e informa ao pluguin quais tabelas deseja ordernar.

Veja o exemplo:

http://motherrussia.polyester.se/docs/tablesorter/

Leia o resto deste post »

[Tutoriais][Usando Efeitos] Aprenda Jquery

Publicado por: Calmon Ribeiro em: fevereiro 1, 2010

Animações simples com o jQuery podem ser feitas com o show() e o hide()

$(document).ready(function() {
$(“a”).toggle(function() {
$(“.algumacoisa”).hide(‘slow’);
}, function() {
$(“.algumacoisa”).show(‘fast’);
});
});

Você pode criar qualquer combinação das animações com o animate() como por exemplo um slide com fade:

$(document).ready(function() {
$(“a”).toggle(function() {
$(“.algumacoisa”).animate({
height: ‘hide’,
opacity: ‘hide’
}, ‘slow’);
}, function() {
$(“.algumacoisa”).animate({
height: ‘show’,
opacity: ‘show’
}, ‘slow’);
});
});

Leia o resto deste post »

[Tutoriais][Usando seletores e eventos] Aprenda Jquery

Publicado por: Calmon Ribeiro em: fevereiro 1, 2010

O jQuery provê duas maneiras de selecionar elementos. A primeira utiliza uma combinação de seletores CSS e XPath passados como uma string para o construtor do jQuery (ex. $("div > ul a")). A segunda utiliza vários métodos do objeto jQuery. Ambas podem ser combinadas.

Para testar alguns desses seletores, vamos selecionar e modificar a primeira lista ordenada no nosso kit para começar.

Leia o resto deste post »

[Tutoriais][Apresentação] Aprenda Jquery

Publicado por: Calmon Ribeiro em: fevereiro 1, 2010

http://tudinhodahora.files.wordpress.com/2010/02/jquery-logo-jquery-apresentacao-introducao.gif?w=150

jQuery é o melhor framework javascript da atualidade (oficialmente é considerado uma biblioteca javascript), isso todos que já mexem com desenvolvimento web já sabem. Já quem está iniciando no mundo do desenvolvimento para web ainda não sabe… E justamente para explicar um pouco mais sobre o jQuery é que este artigo foi escrito, visando auxiliar aos que estão iniciando a jornada javascript a encontrar um caminho seguro para começar.

Leia o resto deste post »

[Downloads] InsightPoint 3.2.5.2

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

http://www.snap2objects.com/wp-content/uploads/2007/07/insightpoint.jpg

InsightPoint cria ilustrações sofisticadas e layouts para Web e de impressão. Quando se trata de explicitar e partilhar as suas ideias, como texto e gráficos, InsightPoint é o mais rápido e mais fácil de chegar até lá. Construído no topo de tecnologias XML, objeto abrangente de ferramentas de projeto orientado vetor, curva de aprendizado trivial, e experiência de desenho suave.

Download:

Download – InsightPoint 3.2.5.2

[Downloads] Inkscape 0.45

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

http://image.wareseeker.com/software/wii/abc/details_4d49629323-Inkscape.png

Inkscape é um editor Open Source vector graphics, com capacidades semelhantes ao Illustrator, Freehand, CorelDraw, ou Xara, estou usando o padrão W3C Scalable Vector Graphics (SVG) file format. Características suportadas de SVG incluem formas, caminhos, texto, marcadores, clones, alpha blending, transformações, gradientes, padrões e agrupamento. Inkscape também suporta metadados Creative Commons dados, edição de nó, camadas, operações complexas caminho, rastreamento de bitmaps, texto-em-caminho, fluiu de texto, edição de XML directo, e muito mais.

Download:

Download – Inkscape 0.45

[Downloads] Magnifier 3.0

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

http://www.snap2objects.com/wp-content/uploads/2007/07/magnifier.jpg

Sempre necessário para ver o que está acontecendo na tela para baixo ao nível do pixel? É onde entra o Magnifier, simples e fácil de usar, o Magnifier é sempre útil para quando você precisa ver todos os detalhes. Magnifier tem as seguintes características:  não há anúncios pop-up ou spyware, fácil de usar com qualquer outro programa, área de ampliação redimensionável, ajustável fator de zoom, uma sobreposição de grade.

Download:

Download – Magnifier 3.0

[Downloads] Paint.NET 3.08

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

http://www.snap2objects.com/wp-content/uploads/2007/07/paintnet.jpg

Paint.NET é livre de edição de imagem e um software de manipulação projetado para ser usado em computadores que executam o Windows. Ele suporta camadas, ilimitado undo, efeitos especiais e uma variedade de ferramentas úteis e poderosas.

Download:

Download – Paint.NET 3.08

[Downloads] ColorPic 4.0

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

http://www.snap2objects.com/wp-content/uploads/2007/07/colorpic.jpg

Já tentou usar um seletor de cores em um monitor de alta resolução? É impossível. Isso é porque este selecionador de cor tem um magnifier unido. Pegue as paletas de até 16 cores em uma vez e usa quatro misturadores de cores avançadas para selecionar um espectro de possibilidades.

Download:

Download – ColorPic 4.0

[Downloads] GIMPshop 2.2.8

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

http://www.snap2objects.com/wp-content/uploads/2007/07/gimp_shop.jpg

GIMPshop é uma modificação do livre / open source GNU Image Manipulation Program (GIMP), destina-se a replicar a sensação do Adobe Photoshop. Seu objetivo principal é fazer com que os usuários do Photoshop se sentir confortável usando GIMP.

Download:

Download – GIMPshop 2.2.8

[Downloads] The GIMP 2.2.13

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

http://www.snap2objects.com/wp-content/uploads/2007/07/gimpshop-windows2.jpg
GIMP (GNU Image Manipulation Program) é um livremente pedaço distribuído de software adequado para tarefas como retoque de fotografia, composição de imagem e criação de imagem.
É um possante software com recursos não encontrada em qualquer outro produto de software livre.

Download:

http://www.gimp.org/downloads/

[Tutoriais][Básico] Efeito Transparência

Publicado por: JuniorZoi Designer em: janeiro 30, 2010

  1. Abra um arquivo em branco
  2. Clique duplo sobre a ferramenta retângulo
  3. Preencha o retângulo com qualquer cor escura (usei o azul)
  4. Trace uma Elipse sobre o retangulo criado enteriormente
  5. Preencha a elipse de branco ou cores claras (branco, amarelo)
  6. Vá até a ferramenta TRANSPARÊNCIA INTERATIVA (fica abaixo da ferramenta de texto)
  7. Clique arrastando de uma extremidade a outra da elípse
  8. Ajuste a opacidade acima conforme a imagem abaixo:

Leia o resto deste post »

[Tutoriais][Variáveis] Aprenda JS

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

ATENÇÃO: NÃO COPIE OS CÓDIGOS POSTADOS AQUI, RECOMENDAMOS QUE VOCÊ MESMO DIGITE, PARA QUE TENHA UM MELHOR APRENDIZADO. CASO FAÇA A COPIA, O SEU SCRIPT NÃO FUNCIONAR COMO PROMETIDO NO TUTORIAL, MAIS SE VOCÊ FEZ A COPIA DOS CÓDIGOS SUBSTITUA () por (") .

As variáveis permitem guardar dados na memória da máquina durante a execução deprogramas, páginas ou scripts. Sempre que forem usadas elas estarão prontas paraentrarem em ação e receber ou enviar dados conforme a solicitação do usuário.

Regras para criar uma variável:

Leia o resto deste post »

[Tutoriais][Cores e fundos] Aprenda CSS

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

Neste tutorial você aprenderá como aplicar cores de primeiro plano e cores de fundo no seu website. Abordaremos ainda os métodos avançados de controle e posicionamento de imagens de fundo. Serão explicadas as seguintes propriedades CSS:

  • color
  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position
  • background

Leia o resto deste post »

[Tutoriais][Como funciona CSS] Aprenda CSS

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

Neste tutorial você aprenderá a desenvolver sua primeira folha de estilos. Você verá o básico sobre o modeloCSS e que código é necessário para usar CSS em um documento HTML.

Muitas das propriedades usadas em Cascading Style Sheets (CSS) são semelhantes àquelas do HTML. Assim, se você está acostumado a usar HTML para layout irá reconhecer muitos dos códigos que usaremos. Vamos dar uma olhada em um exemplo concreto.

Leia o resto deste post »

[Tutoriais][O que é CSS?] Aprenda CSS

Publicado por: Calmon Ribeiro em: janeiro 30, 2010

Talvez você já tenha ouvido falar em CSS, mas não saiba o que significa exatamente. Neste tutorial você saberá o que é e para que serve CSS.

CSS é a abreviatura para Cascading Style Sheets. — Folha de Estilos em Cascata

O que eu posso fazer com CSS?

Leia o resto deste post »