Analise seu site em todos navegadores

fala Galera estava um pouco sumido daqui do blog mas hoje estou de volta e hoje quero falar com voces sobre um assunto importante não só para nos desenvolvedores e sim para o cliente ou mesmo o usuário que acesse seu site de navegadores poucos comuns digamos assim 🙁 mas vamos lá então chega de papo.

a maioria de nós desenvolvedores web , sempre temos que ter essa preocupação durante a produção do site , sempre verficar o seu comportamento em todos os navegadores nao necessariamente todos mais os mais usados como o chrome,firefox,safari e o novo microsoft edge do windows 10 novidade imposta pela microsoft.

Essa questão sempre trás divergencias de opinioes em foruns e grupos , nem todos os navegadores citados acima tem tantos recursos e funcionalidades como o firefox e chrome por exemplo , existem sim usuarios que optam pelo diferente no caso safari , por isso é importante no seu ambiente de desenvolvimento ter instalado no minimo os 3 principais navegadores que são mais usados e verificar se existe algum erro seja de imagem,banner do site ou no seu comportamento ao enviar um formulário por exemplo , existem ferramentas na internet que fazem uma varredura nessas plataformas no entanto aconselho a voce a fazer isso manualmente baixe os navegadores e façam o teste! e boa sorte.também.

Análise Empresas De Hospedagens 2015

Hoje em dia ter uma boa hospedagem de sites/blogs é algo fundamental para o sucesso do seu projeto na web, pois sem uma boa empresa de hosting por trás para poder dar total suporte e estrutura ao seu projeto, ele nunca vai se tornar algo de qualidadeBom Galera vamos lá hoje o Assunto é Sobre Hospedagens De Sites e com isso vou Avaliar Algumas empresas aqui para voces com base na minha experiencia como webDesigner, Programador e também claro com que escuto de outros Desenvolvedores dizem sobre este aspecto.

 

Hostinger : no Começo Como desenvolvedor Vi varios anuncios da hostinger pela internet em sí e me interessei no começo pelo plano no qual era php/mysql com hospedagem Gratuita no mais só pagar o dominio então resolvi Experimentar e ai tive meu primeiro contato com o famoso Cpanel e o da hostinger até hoje , é bem gráfico e Amigável realmente bem facil de configurar todas as configurações necessárias do seu site e ai tive duvidas com alguns aspectos e resolvi falar com o suporte , solicitei o ticket e rapidamente dentro de 1 ou 2:00 horas ja me responderam e fiquei pensando… Ufa enfim um suporte Dedicado, mais isso é igual a namoro tudo no começo é bom ..

Com o passar do tempo as dúvidas foram aumentando e o suporte demorando mais a atender os clientes , ai resolvi pagar o dominio para ver meu site online pela primeira vez e novamente ocorreu tudo bem , depois de alguns meses tive erros de links, pagina 404 etc. atualmente o suporte se salva , mas ainda tem de melhorar os serviços básicos do site e nos seus servidores e datacenters. daria nota : 7

HostGator : Tive Pouco Contato em relação aos seus Serviços de sites  , apenas comprei alguns Certificados SSL e outro Pacote lá que me oferecia ajustes interessantes e tudo Mais. o suporte é bom , falta melhorar a interface que é bem simples chega a ser simples demais rss 🙁 falta aquele toque de mágica tipo da propria Hostinger. daria nota : 8

KingHost : Bom , nada a dizer não sei muita coisa sobre a kinghost , mas muitos desenvolvedores e até amigos meus dizem que tem uma excelente Infraestrutura de Datacenters localizados em sua sede em Porto Alegre e em Curitiba e São Paulo , projetos de sites/blogs bem interessantes e o suporte eficiente e resolve rapidamente possiveis problemas ou bugs em seus Servidores.Além disso tudo, a KingHost ainda da algumas vantagens para os seus usuários que nenhuma outra hospedagem que eu conheço oferece! Como no caso de você pagar sempre em dia as suas faturas, a vantagem que você ganha da KingHost é de mais 25 MB/semana em espaço web; 256 MB/semana de transferência mensal e 25 MB/semana em espaço de e-mail. E tudo isso graças ao programa de bonificação chamado KingBonus!

Bom galera então é isso Analisei as 3 Empresas na qual tenho Conhecimento , no caso da kingHost tive Contato com quem usou e me disse detalhadamente Como realmente Funciona e pretendo em breve instalar alguns sites nela para obter tanto experiencia e também Satisfação com seus Serviços , Por Hoje é isso..!

Até o proximo Post.

 

 

funcão subir com efeito em Jquery

hoje com o nosso jquery vamos fazer uma função para quando o usuario do site estiver na navegação lá embaixo como no rodapé seja la o que for preocurando alguma informação ou só por analisar o site mesmo quando ele clicar num link , no caso numa imagem a página irá subir até o topo não diretamente com aquela subida rápida e feia e ainda aparece o link na url do site exemplo

www.maria.com.br/#topo rs acho ruim isso por isso usaremos Jquery de uma forma mais Suave digamos assim então vamos lá :

copie esses plugins jquery e cole ai na sua página

<script src=”http://code.jquery.com/jquery-1.11.1.min.js”></script>
<script src=”http://code.jquery.com/jquery-1.9.0.js”></script>

agora lá no finzinho da página vamos ao Html :

<a href=”javascript:toTop();” title=”Para o alto, e avante!” /><img src=”images/topo.png” align=”center” /></a>

no caso estaremos utilizando uma imagem para exibir o botão subir.

bom agora vem a função né , então vamos a ela.

<script>

function toTop(){ // chama a função topo
$(‘html, body’).animate({ // cria a animação
scrollTop: 0 // sobe
}, 1000, ‘linear’); // tempo para subir
}

</script>

Bom galera é isso espero que tenha gostado esses plugins e esse codigo javascript nao precisam ser colocados antes da tag </head> e sim la no final da pagina.

Até!!!

Exibir Ip Em JavaScript

Fala Galera hoje vou mostrar como exibir um ip captado pelo Javascript em uma função um pouco nteressante 🙂

bom abra seu editor de codigos e digite o seguinte :
function myIP() {  // incia a função
if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();   // conecta com o servidor http
else xmlhttp = new ActiveXObject(“Microsoft.XMLHTTP”);
// daqui até o fim do código nao altere pois aqui está a parte funcional o javascript avalia o tipo de ip recebido junto com o http e retorna o if true e exibi na tela.
xmlhttp.open(“GET”,”http://api.hostip.info/get_html.php”,false);
xmlhttp.send();

hostipInfo = xmlhttp.responseText.split(“\n”);  // ip capturado

for (i=0; hostipInfo.length >= i; i++) {
ipAddress = hostipInfo[i].split(“:”);
if ( ipAddress[0] == “IP” ) return ipAddress[1];
}  <?php echo $this-> ?> // rexibi

return false;
}

document.write(myIP());

</script>

bom galera é isso se voce apenas copiou e colou e esta´feliz por funcionar isso não é o problema apenas continue estudando um pouco de javascript avalia como gerar funções a conexao com o http e muito mais coisas interessantes o javascript é util sim basta saber manusea-lo , muitos gostam de exibir o ip em php por causa das poucas linhas de codigo e pumba ja foi !

Gerar Senhas Aleatórias em PHP

Fala Galera beleza 🙂 espero que sim , então hoje vamos criar uma nova aplicação em php uma função para criar/gerar senhas aleatórias e enviar para o email do usuário , útil pra quem tem por exemplo um sistema de cadastro e quando o usuario esqueçe a senha ao tentar fazer login ele clica no link geralmente o tal do “esqueçeu sua senha ?” e informa o email cadastrado se o email constar pimba  🙂 acontece a função se não informa que ocorreu um erro provavél que o email nao existe na base de dados não é ? rs .

Mãos A Obra!

no seu Editor de código crie um novo arquivo do tipo php e salve-o como  gerar-password.php e vamos ao códigos e suas partes que ja estão comentadas.
// A variável $vogais recebendo valor
$vogais = ‘aeiou’;
// A variável $consoante recebendo valor
$consoante = ‘bcdfghjklmnpqrstvwxyzbcdfghjklmnpqrstvwxyz’;
// A variável $numeros recebendo valor
$numeros = ‘123456789’;
// A variável $resultado vazia no momento
$resultado = ”;

// strlen conta o nº de caracteres da variável $vogais
$a = strlen($vogais)-1;
// strlen conta o nº de caracteres da variável $consoante
$b = strlen($consoante)-1;
// strlen conta o nº de caracteres da variável $numeros
$c = strlen($numeros)-1;

for($x=0;$x<=1;$x++)
{    // A função rand() tem objetivo de gerar um valor aleatório
$aux1 = rand(0,$a);
$aux2 = rand(0,$b);
$aux3 = rand(0,$c);
// A função substr() tem objetivo de retornar parte da string
// Caso queira números com mais digitos mude de 1 para 2 e teste
$str1 = substr($consoante,$aux1,1);
$str2 = substr($vogais,$aux2,1);
$str3 = substr($numeros,$aux3,1);

$resultado .= $str1.$str2.$str3;
// Trim remove os espaços a direita e esquerda
$resultado = trim($resultado);
} // fecha o for
// Recebe o valor gerado podenso ser senha ou numero de verifição
$valorgerado = $resultado;
$emailremetente    = ”;
$emaildestinatario = ”; // Digite seu e-mail aqui, lembrando que o e-mail deve estar em seu servidor web

//para o envio em formato HTML
$headers = “MIME-Version: 1.0”;
$headers = “Content-type: text/html; charset=utf-8\r\n”;
//endereço do remitente
$headers .= “From: Mude para seu nome, empresa etc…”;

$envia = mail(‘$valorgerado,$emaildestinatario,$resultado,$headers’); // envia o email

if($envia) { // se der certo..

echo “Senha alterada/enviada para seu email”; // mensagem

}

else {  // se der erro 🙁

print “ocorreu um erro ao gerar a senha”; // mensagem abaixo
print “<BR>”;
print “Tente Novamente Mais Tarde…!”;

}

?>

Galera essa aplicação é considerada para Nível Intermediário se voce não se considera um estudante ou desenvolvedor php com o conhecimento necessario para alterar algo do script não meixa em nada. Bom pessoal é isso.!

Validar Cep Em PHP

Fala Galera vamos criar uma validação de cep em php mas não do campo input e sim do formato digitado pelo usuário

usaremos uma expressão regular em php chamada “preg_match”. Então segue o Código.

 

bem simples não é pessoal ? , então útil pra quem tem por exemplo uma loja virtual para o usuário digitar o cep na hora de efetuar uma compra online .

então até o próximo Post. 🙂

validar Formulário Com Javascript

validar formulario com javascript -juniorsiqueirafala galera , todo formulário seja de contato ou cadastro ou login mesmo precisa ser validado nao é mesmo ? então vamos com tudo validar nosso form que no caso será de contato.

crie o arquivo form.html e digite o seguinte :

 

pronto nosso formulario de contato está criado , agora criaremos a função em javascript para validá-lo.

 

pronto pessoal temos  form validado entao nossa pagina contato.html ficará da seguinte forma :

 

sistema de busca em php

fala galera , vamos criar uma aplicaçãozinha simples na web com o nosso bom e velho php , bom primeiro de tudo suponho que voce tenha um servidor local como o wampserver instalado em sua maquina .

inicie o phpmyadmin e crie um banco de dados chamado vasco 🙂  e uma tabela chamada registro , se quiser é claro insira registros como uma simples noticia na tabela para servir de exemplo.

crie o arquivo de conexão com o banco de dados:

<?php

$host =”localhost”;
$user = “root”;
$pass = “”;
$database = “vasco”;

@mysql_connect(“$host”,”$user”,”$pass”) or die(mysql_error());
mysql_select_db(“$database”) or die(mysql_error());

?>

salve como connecta.php

agora vamos criar a pagina html chamada teste.html com o formulário para a busca digita no campo input.

<html>

<Head>

<title>busca em php </title>

</head>

<body>

<div id=”busca”>
<form method=”post” action=”search.php” id=”buscar” name=”buscar”>

<input type=”text “name=”busca” id=”busca” placeholder=”Buscar No Site…” required=”busca” /><input type=”image” class=”enviar” name=”enviar” id=”enviar” src=”images/btnPesquisar.png” value=”Pesquisar”/>

</form>

</div>

</body>

</html>

agora vamos criar a pagina que aponta para o action do form que é a search.php
<?php

$host =”localhost”;
$user = “root”;
$pass = “”;
$database = “vasco”;

@mysql_connect(“$host”,”$user”,”$pass”) or die(mysql_error());
mysql_select_db(“$database”) or die(mysql_error());

$busca =$_POST[‘busca’];
$sql = mysql_query(“SELECT * From registro where busca like ‘%”.$busca.”%'”);
$row = @mysql_num_rows($sql);
if ($row > 0) {

while ($linha = mysql_fetch_array($sql)) {

$busca = $linha [‘busca’];

echo “<Strong>.@$busca;<h4>”;
echo”<BR>”;

}

}
else{

echo “<h2><strong>OPS…Nada Encontrado Com $busca</h2></strong>”;
echo “<h3><a href=’javascript:history.back(1)’>Voltar ao site</a></h3>”;

}

?>

pronto galera é isso nem preciso comentar os códigos pois é bem simples.

 

Guia Prático Do PHP

Um pequeno Ebook que resolvi Compartilhar Com vocês Hoje , Sobre a linguagem PHP , eu apesar de não ser um Desenvolvedor Profissional li este ebook e aprovei logo no 3º Capitulo , são dicas para vocês alem de otimizar e melhorar a perfomance de seu código php , traz informações sobre seu ambiente de Desenvolvimento.

Espero que Gostem aqui o link > http://www.ultimatephp.com.br/wp-content/uploads/2015/03/Guia-15-Boas-Praticas-PHP-Codigo-Fonte-Perfeito.pdf

 

Melhorando o Tempo de Carregamento do Seu Site

Não é nada interessante para o Google e nem para seu visitante ficar aguardando mais de 6 segundos para poder conferir todo o conteúdo da sua página na internet nem sempre a culpa e´do servidor dns do seu provedor ou do Google.

 Google PageSpeed Insights

Utilizar o serviço do Google Page Speed Insights é o primeiro passo que se deve tomar. O Page Speed mede o desempenho do seu site e mostra todos os melhoramentos que podem ser feitos para otimizar seu carregamento.

Este serviço não mede realmente a velocidade de carregamento, porém mostra todas as melhorias que podem ser tomadas, como: reduzir imagens, incluir javascript no código, habilitar o cache, etc.

aqui vai uma série de dicas que conforme minha experiência , preparei para você melhorar o desempenho de carregamento do seu website :

  1. Utilize um bom plug-in de cache e configure-o corretamente;
  2. Otimize o tamanho das imagens; ( src=”img.png” width=”322″ height=”260″>)
  3. Evite usar animações em Flash (Na internet, reparei que em sites que usam muito flash player, o computador fica sensivelmente mais lento no momento de alternar entre as guias do internet explorer ou mesmo para rolar a tela, quando a animação em flash foi carregada.utilize as alternativas mais leves, como o jQuery e CSS;)
  4. Não tenha um excesso de redirecionamentos; (evite redirecionar usuário para tantos links faça o máximo possível na mesma pagina como contato coloque ali logo seu form e não peça para o usuário clicar ali para ir para outra pagina , )
  5. Se utiliza o WordPress, instale apenas os plug-ins essenciais;
  6. Comprima e reduza o tamanho dos arquivos e códigos de seu site
  7. Utilize arquivos CSS externos;( se script css é bem longo com o padrão style que estiliza todo conteúdo da pagina como menu,container,footer sempre salve-o e chame-o com o <link rel=”stylesheet” type=”text/css” href=”style.css”>)
  8. Retire do seu código HTML todos os espaços em branco ( isto por mais que você não ligue ajuda muito , Acredite )