Arquivo da tag: FAQs Help and Tutorials

47 Surpreendentes Demos de Animações em CSS3

Aqui está uma compilação de 47 de cair o queixo CSS3 demos animação. Eles demonstram as possibilidades da transformação CSS3 e propriedade de transição. Alguns são muito úteis e podem ser utilizados como alternativas Javascript. A maioria deles são simplesmente para olhar. A fim de visualizar estes efeitos, você precisa de um navegador WebKit, como Safari e Chrome (desculpa para os usuários do Internet Explorer). Divirta-se!

CSS3 Clock With jQuery

css3 clock

Analogue Clock

analogue clock Continue lendo 47 Surpreendentes Demos de Animações em CSS3

50 Tutoriais CSS3 úteis

English: CSS3 Styling
English: CSS3 Styling (Photo credit: Wikipedia)

Cada dia CSS3 torna-se cada vez mais popular entre os web designers e desenvolvedores web. Hoje muitas funções interessantes e recursos estão sendo feitos para CSS3, que proporcionam menor tempo de conclusão, mais flexibilidade e fácil de manutenção para páginas web. Neste post vamos oferecer-lhe uma grande coleção de 50 úteis CSS3 tutoriais, você sempre pode usar sempre que precisar. Continue lendo 50 Tutoriais CSS3 úteis

Força downloads de arquivos em PHP

Pesquisando achei esse script que força a baixar qualquer tipo de arquivo.

Crie uma arquivo baixar.php copie o código abaixo.

<?php

$arquivo = $_GET["arquivo"];
if(isset($arquivo) && file_exists($arquivo)){ // faz o teste se a variavel não esta vazia e se o arquivo realmente existe
 switch(strtolower(substr(strrchr(basename($arquivo),"."),1))){ // verifica a extensão do arquivo para pegar o tipo
 case "pdf": $tipo="application/pdf"; break;
 case "exe": $tipo="application/octet-stream"; break;
 case "zip": $tipo="application/zip"; break;
 case "doc": $tipo="application/msword"; break;
 case "xls": $tipo="application/vnd.ms-excel"; break;
 case "ppt": $tipo="application/vnd.ms-powerpoint"; break;
 case "gif": $tipo="image/gif"; break;
 case "png": $tipo="image/png"; break;
 case "jpg": $tipo="image/jpg"; break;
 case "mp3": $tipo="audio/mpeg"; break;
 case "php": // deixar vazio por seurança
 case "htm": // deixar vazio por seurança
 case "html": // deixar vazio por seurança
 }
 header("Content-Type: ".$tipo); // informa o tipo do arquivo ao navegador
 header("Content-Length: ".filesize($arquivo)); // informa o tamanho do arquivo ao navegador
 header("Content-Disposition: attachment; filename=".basename($arquivo)); // informa ao navegador que é tipo anexo e faz abrir a janela de download, tambem informa o nome do arquivo
 readfile($arquivo); // lê o arquivo
 exit; // aborta pós-ações
}
?>


Agora crie o HTML index.php e coloque o código abaixo.

<!--
Este será o link que apontará para o nosso script PHP.
Use no href "baixar.php?arquivo=" + caminho de seu arquivo;
No Exemplo abaixo utilizei uma imagem com o nome "imagem.jpg" que esta dentro da pasta "arquivos".
-->
<a href="baixar.php?arquivo=arquivos/imagem.jpg">Baixar Arquivo</a>

Agora abra o arquivo index.php e clique no link “Baixar Arquivo”.

Fonte: http://www.devmedia.com.br/forcar-download-de-arquivos-com-php/17097

Colocar link “Leia mais” usando jQuery

O Plugin jQuery Expander é um script para mostrar/recolher o conteúdo de um texto grande.

Aqui está uma maneira simples de usar este plug-in seu HTML ou páginas ASP.NET

1. Declare uma Div ou ASP.NET Painel.

<div class="readmore">
   The Div Text Comes Here
</div>

Continue lendo Colocar link “Leia mais” usando jQuery

Pegar informações dentro de uma TAG com Javascript

O código abaixo mostra como selecionar o valor de uma Tag, com javascript. O exemplo abaixo utiliza-se da tag span

Valor do Span aquiou
  alert(document.getElementById('creditototal').firstChild.data);

ou

 alert(document.getElementById('creditototal').innerHTML);

Outro exemplo:

function mostra(){
var altura = document.getElementById("img").height;
var largura = document.getElementById("img").width;
alert("Altura: "+altura+"nLargura: "+largura);
}
window.onload = mostra;

Bola de Futebol

PASSO 1:

Crie um objeto Platonic e torne editável (tecla C), e faça uma  pequena extrusão dos polígonos com Offset de 0.001 m, apenas com a intenção de separar as faces umas das outras.
Maximum Angle em 25 graus isola as faces apenas se o ângulo entre elas for maior que 25 graus. Assim podemos remover essas divisões do meio sem perder tempo com seleções individuais em todo o objeto.

Continue lendo Bola de Futebol

Mostrar estatísticas do FeedBurner

Image representing FeedBurner as depicted in C...
Image via CrunchBase

Aqui está uma peça rápida de código para simplesmente exibir estatísticas do FeedBurner no seu blog. Ainda estou para postar minhas estatísticas publicamente no meu blog, mas já vi vários blogs com o emblema feedburner padrão que acho que é muito feio. Então aqui está como, é só pegar as estatísticas usando PHP e cURL. Você pode, então, o estilo é como você gosta.


$ch = curl_init();
//set the feed url and options plus a timeout value
$timeout=5;
curl_setopt($ch,CURLOPT_URL,'https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=AshleyFord-Papermashupcom');
curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
curl_setopt($ch,CURLOPT_CONNECTTIMEOUT,$timeout);
$result = curl_exec($ch);
// get just the subscriber number using the regex function
$subscribers = get_match('/circulation="(.*)"/isU',$result);

echo 'Papermashup.com has <strong>'.$subscribers.'</strong> subscribers';

//close connection
curl_close($ch);

function get_match($regex,$result)
{
 preg_match($regex,$result,$matches);
 return $matches[1];
}

Para ver a demostração clique aqui, para baixar clique aqui.

Fonte: http://papermashup.com/display-your-feedburner-stats/

15 +22 jQuery Slideshow Imagem / Slider Tutoriais e Plugins para seus próximos projetos

Mais um pacotes de Banners, alguns vai se repetir mas muitos são novos

jQuery Slideshow/Slider Tutorials

1. Um Slideshow jQuery Simples

1

Como o primeiro tutorial, você pode dar uma olhada em um presente para criar um slideshow simples utilizando jQuery, JavaScript e um pouco de CSS.

Visite Continue lendo 15 +22 jQuery Slideshow Imagem / Slider Tutoriais e Plugins para seus próximos projetos

Manipuladores de atributos no jQuery

English: The text "jQuery" in the of...
English: The text “jQuery” in the official logo of jQuery. For the entire logo, see: File:JQuery logo.svg (Photo credit: Wikipedia)

O jQuery oferece 10 métodos que que estão na categoria de atributos, neste post vou mostrar como cada um deles funcionam, com um exemplo simples e pratico, os métodos que estão na categoria de atributos são: Continue lendo Manipuladores de atributos no jQuery

Delete com jQuery Ajax

Removendo conteúdo com o Ajax é uma ferramenta útil para ter em qualquer kit de web designers. Usando algumas linhas de jQuery podemos remover um div e, simultaneamente, remover um registro do banco de dados com Ajax. No download e demonstração você verá uma pequena cruz vermelha à direita de cada comentário. Clicar na cruz irá remover o comentário div com um slide up de animação que irá remover a div. clique na imagem abaixo para conferir o demo.

jquery-delete

Continue lendo Delete com jQuery Ajax