Layout novo vida nova

Olá pessoal, meu tempo anda meio corrido, mas assim que tiver um tempo vejo se posto mais dicas.

Flw \0/

Campanha Atualize seu Browser


O site da iMasters lançou uma campanha para atualização dos browser antigos pelos mais rescentes, pois o Internet Explorer 6.0 (lançado em 2001) ainda participa de 34% do mercado de navegadores*. É um browser que não acompanha o estágio atual da Internet, possui falhas de segurança e limita todo o potencial de uma Internet melhor para todos nós.

Se você estiver vendo a faixa da campanha logo abaixo, é sinal que você precisa se atualizar, e participar da web 2.0.


Validação de formulario com Jquery


Olá pessoal, comecei a usar Jquery esses dias e já notei a enorme facilidade de criar bons efeitos com pouco código.

Como a maioria das páginas que não possuem validação por AJAX são validadas com javascript resolvi postar um plugin do Jquery aqui pra vocês com o passo a passo.

Primeiro faça o download da versão mais rescente do Jquery no site oficial http://jquery.com/

Feito isso vamos fazer o download do plugin jQuery plugin: Validation no site http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Agora dentro do <head></head>, vamos colocar a biblioteca Jquery e o plugin Validation com o segunte código.



<script language="JavaScript" src="jquery.js" type="text/javascript"></script>

<script language="JavaScript" src="jquery.validate.js" type="text/javascript"></script>


Agora Criaremos uma pequena regra CSS para estilizar as mensagens de error.


<style type="text/css">

* { font-family: Verdana; font-size: 96%; }
label { display: block; margin-top: 10px; }
label.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px }
p { clear: both; }
.submit { margin-top: 1em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }


</style>


Depois de adicionar o Jquery e o Plugin, ainda dentro de <head></head> vamos adicionar as instruções para a validação do nosso formulário.

<script type="text/javascript">


$(document).ready( function() {
$("#formularioContato").validate({
// Define as regras
rules:{
campoNome:{
// campoNome será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
},
campoEmail:{
// campoEmail será obrigatório (required) e precisará ser um e-mail válido (email)
required: true, email: true
},
campoMensagem:{
// campoMensagem será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
}
},
// Define as mensagens de erro para cada regra
messages:{
campoNome:{
required: "Digite o seu nome",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},
campoEmail:{
required: "Digite o seu e-mail para contato",
email: "Digite um e-mail válido"
},
campoMensagem:{
required: "Digite a sua mensagem",
minLength: "A sua mensagem deve conter, no mínimo, 2 caracteres"
}
}
});
});


</script>


E agora nosso formulário em HTML.


<form id="formularioContato" method="post" action="">
<label>Nome</label>
<input name="campoNome" type="text" value="" />

<label>E-mail</label>
<input name="campoEmail" type="text" value="" />

<label>Mensagem</label>
<textarea name="campoMensagem"></textarea><br />

<input type="submit" class="submit" value="Enviar" />
</form>


Veja o exemplo nesta página http://jquery.bassistance.de/validate/demo/

Lembrando que este é um exemplo simples, só para uma introdução, é possível também adicionar funções para validação de CPF e CNPJ neste plugin.

Dúvidas ou sugestões entre em contato.

Dica de programa para rodar IE6 e IE7 no mesmo PC


Bom pessoal como o IE6 é usado por muita gente ainda (infelizmente), estou postando um programinha que instala o IE6 na mesma maquina do IE7.
Assim você poderá ver como seu site está em todos os browser do mercado.


Para instala-lo é NNS (Next Next Finish), fácil fácil,o único cuidado que se deve tomar é de só selecionar o IE6 para instalação, pois o 5, já não é mais usado.
Aqui está a página para download.

http://tredosoft.com/Multiple_IE

O download é rápido pois só tem 10.3MB, qualquer problema Entre em contato que ajudarei a resolver.

Dica de site com uma grande quantidade de atributo de HTML


Bom pessoal, em um dos meus passeios pela internet encontrei este site que contém se não todos uma grande quantidade de atributo de de HTML vale a pena conferir.

Fale conosco


Dúvida, sugestões ?


Entre em contato com a gente.





























Nome :
Email :
Assunto :
Mensagem :
Imagem (case-sensitive):



Classes/Objetos no PHP.


Como há algumas versões o PHP virou uma linguagem orientada a objeto, vale a pena dar uma passadinha no manual de Classes/Objetos do PHP.net.



Arrays em PHP


Como o conteúdo é muito extenso deixarei o link direto para o manual de cada função neste post.

Arrays

array_chunk- Divide um array em pedaços.


array_fill - Preenche um array com valores



array_keys - Retorna todas as chaves de um array.



array_unique - Remove o valores duplicados de um array



array_values - Retorna todos os valores de um array



count - Conta o número de elementos de uma variável, ou propriedades de um objeto



sizeof - Sinônimo de count()



Para remover um array ou seus elementos utiliza-se a instrução unset.

A instrução 'continue' no PHP


A instrução continue é usada para saltar o resto da iteração do loop...


continue


continue é usado dentro de estruturas de loops para saltar o resto da iteração do loop atual e continuar a execução na avaliação e no início da próxima iteração.

Exemplo


<?php

while (list ($key, $value) = each ($arr)) {


if (!($key % 2)) { // pula itens pares


continue;


}


do_something_odd ($value);

}



$i = 0;

while ($i++ < 5) {


echo "Fora<br />\n";


while (1) {


echo "&nbsp;&nbsp;Meio<br />\n";


while (1) {


echo "&nbsp;&nbsp;Dentro<br />\n";


continue 3;


}


echo "Isto nunca será exibido.<br />\n";


}


echo "Nem isso.<br />\n";

}

?>


A instrução break no PHP.

Vamos ver neste post, a instrução 'break', ela serve para interromper um loop.
vejamos como utiliza-la.

break


O break cancela a execução do comando for, foreach, while, do-while ou switch atual.

break aceita um argumento numérico opcional que diz a ele quantas estruturas aninhadas englobadas devem ser quebradas.
<?php

$arr = array('um', 'dois', 'três', 'quatro', 'PARE', 'cinco');

while (list (, $val) = each ($arr)) {


if ($val == 'PARE') {


break; /* Você poderia colocar 'break 1;' aqui. */


}


echo "$val<br />\n";

}

/* Utilizando o argumento opcional. */

$i = 0;

while (++$i) {


switch ($i) {


case 5:


echo "No 5<br />\n";


break 1; /* Sai somente do switch. */


case 10:


echo "No 10; saindo<br />\n";


break 2; /* Sai do switch e while. */


default:


break;

}

}

?>


A instrução foreach no PHP

A instrução foreach, usada no PHP para varrer arrays.
Vamos aprender pra que serve e como usar neste tópico.

foreach


foreach funciona somente com arrays, e lançará um erro se tentar utilizá-lo em uma variável de qualquer tipo diferente ou em variáveis não inicializadas. Há duas sintaxes; a segunda é uma abreviatura, mas bem útil do que primeira:



foreach (expressao_array as $valor)
instrucoes

foreach (expressao_array as $chave => $valor)
instrucoes


A primeira forma varre uma dada matriz dada por expressao_array. Em cada 'loop', o valor do elemento corrente é atribuído a $valor e o ponteiro interno da matriz é avançado em uma posição (assim, no próxima iteração você estará olhando para o próximo elemento).

A segunda forma faz a mesma coisa, exceto pelo fato de que a chave do elemento atual será atribuído à variável $chave em cada iteração.

A partir do PHP 5, é possível iterar objetos também.

A partir do PHP 5, você pode modificar facilmente os elementos da matriz precedendo $value com &. Isto irá definir uma referência ao invés de copiar o valor.



<?php

$arr = array(1, 2, 3, 4);

foreach ($arr as &$value) {


$value = $value * 2;

}

// $arr is now array(2, 4, 6, 8)

unset($value); //quebra a referência com o último elemento
?>



Exemplo de uso.





<?php

/* exemplo foreach 1: somente valores */



$a = array(1, 2, 3, 17);



foreach ($a as $v) {


echo "Valor atual de \$a: $v.\n";

}

/* exemplo foreach 2: valores (com a sua notação de chave de acesso mostrado
para ilustração) */

$a = array(1, 2, 3, 17);

$i = 0; /* para exemplo somente */

foreach ($a as $v) {

echo "\$a[$i] => $v.\n";


$i++;

}

/* exemplo foreach 3: chaves e valores */

$a = array (


"um" => 1,


"dois" => 2,


"três" => 3,


"dezessete" => 17

);



foreach ($a as $k => $v) {


echo "\$a[$k] => $v.\n";

}


/* exemplo foreach 4: arrays multidimensionais */



$a = array();

$a[0][0] = "a";

$a[0][1] = "b";

$a[1][0] = "y";

$a[1][1] = "z";



foreach ($a as $v1) {


foreach ($v1 as $v2) {


echo "$v2\n";


}

}

/* exemplo foreach 5: arrays dinâmicos */



foreach (array(1, 2, 3, 4, 5) as $v) {


echo "$v\n";

}

?>



Para mais informações visite o site do manual foreach no PHP.net

As instruções require() e require_once()



Neste post vamos ver as instruções require() e require_once() no PHP, duas instruções muito usada para incluir códigos e variáveis nas páginas.

require()

A instrução require() inclui e avalia um arquivo específico.

Informações detalhadas de como essa inclusão funciona está descrita na documentação do include().

require() e include() são idênticos em todas as formas exceto pela manipulação de erros. Ambas produzem um Warning, mas require() resultará em um Fatal Error. Em outras palavras, não hesite em utilizar require() se na falta de um arquivo quiser parar o processamento da página. include() não se comporta da mesma maneira, e o script poderá continuar nessa situação. Em todo caso, vale a pena confirmar a configuração da diretiva include_path.


Exemplo simples de require()




<?php

require 'prepend.php';

require $somefile;

require ('somefile.txt');

?>




require_once()



A instrução require_once() incluí e avalia o arquivo especificado durante a execução do script. Seu comportamento é similar ao da instrução require(), a não ser que o arquivo informado já tenha sido incluído, não refazendo a operação novamente. Veja a documentação de require() para maiores informações sobre como essa instrução funciona.

require_once() pode ser utilizado nos casos em que o mesmo arquivo pode acabar sendo incluído mais de uma vez durante a execução de um script em particular, quando na verdade ele só pode ser incluído apenas uma, para evitar problemas com redefinições de funções, alterações nos valores de variáveis, etc.

Exemplo require_once() não diferencia maiúsculas e minúsculas no Windows


<?php

require_once "a.php"; // isto irá incluir a.php

require_once "A.php"; // isto irá incluir a.php novamente no Windows! (Apenas PHP 4)

?>

As instruções include() e include_once()



Hoje vamos ver as instruções 'include' e 'include_once', ambas são muito parecidas vamos ver as diferenças entre elas neste post, como fonte utilizei o site PHP.net que é o site oficial do PHP.


A instrução include() inclui e avalia o arquivo informado.

A documentação a seguir se aplica também a require(). Esses dois construtores são idênticos a exceção de como eles manipulam erros. Ambas produzem um Warning mas require() resultará em um Fatal Error. Em outras palavras, utilize require() se você deseja que um arquivo faltando interrompa o processamento da página. include() não se comporta da mesma maneira, permitindo que o script continue nessas situações. Em todo caso, vale a pena confirmar a configuração da diretiva include_path. Esteja avisado que um erro de interpretação no arquivo incluído não causa a parada do processamento em versões do PHP anteriores a PHP 4.3.5. A partir desta versão, causa.


Instrução include_once()

Seu comportamento é similar a instrução include(), a não ser que o arquivo informado já tenha sido incluído, não refazendo a operação novamente. Como o nome sugere, ele será incluído apenas uma vez.

include_once() pode ser utilizado nos casos em que o mesmo arquivo pode acabar sendo incluído mais de uma vez durante a execução de um script em particular, quando na verdade ele só pode ser incluído apenas uma para evitar problemas com redefinições de funções, alterações nos valores de variáveis, etc.

Exemplo de include()

variaveis.php




<?php

$cor = 'verde';

$fruta = 'maçã';

?>





teste.php



<?php

echo "Uma $fruta $cor"; // Uma

include 'vars.php';

//Após a inclusão do script vars.php

echo "Uma $fruta $cor"; // Uma maçã verde

?>


Exemplo de include_once() não diferencia maiúsculas e minúsculas no Windows




<?php

include_once "a.php"; // isto irá incluir a.php

include_once "A.php"; // isto irá incluir a.php novamente no Windows! (Apenas PHP 4)
?>


É isso ai pessoal, espero ter ajudado, até mais.

Favicon e sua importância

O favicon é importante pois elementos visuais são mais faceis de serem lembrados, assim só de bater o olho já sabemos de que empresa se trata.
Esse nome vem da fusão de duas palavras favorites+icon.


Muita gente se pergunta como se coloca os logos ao lado da barra de navegação, bem isso é simples, basta adicionar a linha abaixo dentro das tags <head> </head>

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" / >

nota:favicon.ico é um arquivo do tipo ícone, é aconselhável usar essa extensão assim como salva-la no diretório raiz do site e ter no máximo o tamanho de 16x16 assim ela será compatível com todos browser com suporte a favicon .

Existem diversos programas e até sites para criais favicon vou deixar alguns aqui.

Online

Favicon.cc

Favicon generator tool
- converte uma imagem com extensão .jpg, .png ou .gif de até 100 KB em um arquivo .ico com 16x16 pixels. Em inglês;

Favicon from Pics - Aceita qualquer formato de imagem, em qualquer tamanho.

ConvertIco - Tranforma uma imagem .PNG em uma .ICO

No desktop (PC)

Icon Plugin for PhotoShop

é isso ai, espero ter ajudado, até a próxima.

As importantes metas tags

Olá pessoal, hoje vim dizer a importância das meta tag.

Bom, muita gente nem se preocupa de usa-las, ou porque não sabe da importância, ou porque desconheça sua existência.

Elas são linhas de códigos (etiquetas) para que os buscadores (SEO) possam achar com mais facilidade sua página, serve também para 'assinar' sua página para evitar possíveis cópias.



As meta tag são:

Keywords (palavras - chave)

Nesta tag você deverá incluir o maior número possível de palavras que se refiram ao seu texto. Se não utilizar as mesmas palavras, tente utilizar sinônimos. Nunca quebre uma linha de palavras-chave, porque seu trecho de código será considerado um erro e será ignorado. Por isso, utilize quantas meta tags keywords você precisar.

<meta name="keywords" content="sites, web, desenvolvimento, html, design">

Sempre separe as palavras com vírgula, e declare todas elas em letras minúsculas - alguns buscadores têm problemas com letras maiúsculas e podem ignorar seu site.

description (descrição)

Esta meta tag, apresentara ao buscador um resumo do seu site.

<meta name="description" content=" Sistemas uniban - Um blog cheio de conhecimento">

Não use mais que duas ou três frase, pois isso pode prejudicar sua página quando fizerem a busca.

robots (robôs)

Com esta meta tag podemos decidir se nosso site vai aparecer ou não nos buscadores.
Ai vocês me perguntam.
"Mas porque não iria inserir meu site na busca?"

Simples, um motivo são os iframes que não são necessários ser mostrados na busca, e outros são os blogs pessoais ou outros tipos de sites que são muito particulares.

os valores possíveis são:


<meta name="robots" content="index,follow">

<meta name="robots" content="noindex,follow">

<meta name="robots" content="index,nofollow">

<meta name="robots" content="noindex,nofollow">

<meta name="robots" content="noarchive">

Os valores "index" e "noindex" se referem ao tratamento da página inicial: se o buscador deve ou não incluí-la nos resultados, respectivamente.

E os valores "follow" e "nofollow" se referem aos links da página inicial, se eles devem ser visitados e indexados ou não.

content-language (linguagem do conteúdo)

Especifica ao buscador a lingua nativa do site, útil para ajudar os buscadores a classificar seu site no idioma apropriado, ajudar os navegadores a colocar a acentuação e os caracteres especias.

Alguns valores possíveis:


pt Português
pt-br Português do Brasil
en Inglês
en-us Inglês dos EUA
en-gb Inglês Britânico
fr Francês
de Alemão
es Espanhol
it Italiano
ru Russo
zh Chinês
ja Japonês



Um exemplo com português do Brasil (pt-br)

<meta http-equiv="content-language" content="pt-br">

content-type (tipo do conteúdo)

especifica o tipo de conteúdo e o tipo de caracter que ela usa, é importante usa-la em todas as páginas assim garantimos que o navegador irá interpretar corretamente os textos do site.

Exemplo com o content-type usado aqui no Brasil.

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

text/html define que o conteúdo é um texto em linguagem HTML. Se você desenvolve sites em XHTML ou XML certamente sabe que deverá os valores "application/xhtml+xml" e "application/xml", respectivamente.

iso-8859-1 é a codificação da linguagem mais comum para exibir textos

author (autor)

É sua assinatura na página, com ela quem procurar pelo seu nome nos buscadores ele achara as páginas que conterem essa 'assinatura'.

Exemplo:

<META NAME="author" CONTENT="Victor">

reply-to (responder para)

Especifica um endereço de e-mail para entrar em contato com os desenvolvedores do site.

Exemplo:

<meta name="reply-to" content="veji_@hotmail.com">


generator (gerador)

Identifica qual editor foi usado para edição do site, e mostra ao Windows que icone deve ser usado.

Exemplo:
<meta name="generator" content="Microsoft FrontPage 5.0">

refresh (redirecionamento)

Algumas vez você já se deparou com a segunte mensagem "você será redirecionado daqui 5 segundos ou click aqui para entrar no site", bom isso é feito com a meta tag refresh.

Esse redirecionamento é muito simples,veja:

<meta http-equiv="refresh" content="5;url=http://asuniban.blogspot.com/">

O 5 quer dizer que você será enviado para a outra página em 5 segundos, e se você colocar 0 a página não é atualizada.

Bom é isso ai pessoal, espero ter ajudado.

fonte InfoWester

Boneco (palito) animado com flash

Bom pessoal, como sou iniciante em flash, estava procurando uma animação básica e legal em flash, depois de rodar alguns minutos no google achei este site,testei e o tuto funciona :D.

abaixo o link.

Bons estudos.

Boneco animado com flash

Validação de formularios com Javascript

Olá pessoal, como estou fazendo validação de formulário (simples), resolvi postar o básico pra vocês também terem uma idéia de como se faz isso.



Vamos lá, abaixo esta o código detalhado, e no fim dele os arquivos para downloads.

<html>

<head>

<title>Validando formularios</title>


<script language="javascript" type="text/javascript">


function validaForm()

{

var d=document.formulario; //Vai pegar o formulario e adicionar em uma variavél

// Formulario é o nome que dei ao meu form



/*Verifica se o campo texto esta vazio*/



if (d.texto1.value=="" || d.texto1.value==null)

{

alert ("Por favor preencha o campo" + d.texto1.name); //d.text.name mostra o nome que voce deu na janela de alerta

d.texto1.focus(); //volta ao campo que está errado

return false; //retorna falso e continua na página

}





/*Verifica se o campo texto tem mais de 4 caracter*/



if (d.texto1.value.length <4) //verifica se tem mais de 4 caracter

{

alert ("Insira um nome válido");

d.texto1.focus(); //volta ao campo que está errado

return false; //retorna falso e continua na página

}



/*Verifica se é string ou numero*/



if (!isNaN(d.texto1.value))

{

alert ("Insira somente letras");

d.texto1.focus(); //volta ao campo que está errado

return false; //retorna falso e continua na página

}









/*Validando Radio*/


if (!(d.Radio1.checked || d.Radio2.checked)) //Verifica se o radio ta ativado

{

alert("Selecione 1 Radio");

d.Radio1.focus();

return false;

}






/*Validando select*/


if (d.Select1.value == "")

{

alert("Escolha uma opção");

d.Select1.focus();

return false;

}


/*Validando checkbox*/



if (d.Check1.checked == false && d.Check2.checked == false && d.Check3.checked == false ) {

alert("Favor escolher uma opção");

d.Check1.focus();

return false;

}




return true;

}




</script>


</head>


<body>

<h2>Validando Formulário</h2>



<form name="formulario" method="post" action="enviado.html" onsubmit="return validaForm();">


<!-- com onsubmit="return validaForm();" ele só enviara os dados qnd for true -->


<p>

Text <input type="text" name="texto1" value="" />

</p>


<p>

Radio 1 <input type="radio" id="Radio1" name="testeR" value="R1" />

Radio 2 <input type="radio" id="Radio2" name="testeR" value="R2" />

</p>


<p>


Select

<br />

<select name="Select1">


<option></option>

<option>Opcao 1 </option>

<option>Opcao 2</option>

<option>Opcao 3 </option>

<option>Opcao 4</option>


</select>

</p>


CheckBox


<p>


Check 1<input type="checkbox" name="Check1" />

<br />


Check 2<input type="checkbox" name="Check2" />

<br />


Check 3<input type="checkbox" name="Check3" />

<br />


</p>


<input type="submit" name="submit" />

</form>

</body>

</html>

Download dos arquivos

Postagens recentes Postagens antigas Inicio
Geo Visitors Map