Arquivo da tag: Web

15 Efeitos jQuery Fantásticos e Gratuitos

English: The text "jQuery" in the of...

Já falámos anteriormente sobre jQuery, uma livraria de funções Javascript, que se baseia no lema “Escrever menos e fazer mais”. A sua aparição remonta a Janeiro de 2006, tendo sido anunciado no BarCampNYC, sendo que até à data tem tido constantes actualizações, novos addons e melhorias. Veio ajudar a resolver problemas de incompatibilidades entre os navegadores, reduzir o tamanho de código e introduzir a reutilização de código através de plugins. Para si que é um utilizador devoto de jQuery, trazemos-lhe hoje 15 Efeitos jQuery Fantásticos e Gratuitos, para trazer novas e melhoradas funcionalidades aos seus websites! Continue lendo 15 Efeitos jQuery Fantásticos e Gratuitos

Drag & Drop com PHP e jQuery

JQuery
JQuery (Photo credit: Wikipedia)

A capacidade de arrastar e soltar conteúdo de uma página e ter que salvar a ordem de usuário, é realmente grande e relativamente fácil de executar com algumas linhas de jQuery. Você precisa incluir a biblioteca de jQuery, que você pode encontrar aqui: jQuery API do Google. Todos os arquivos necessários para obter a instalação e funcionamento estão no final deste post.

Neste tutorial vamos olhar para 2 páginas principais do PHP. a página index.php, que contém o conteúdo e funcionalidades para executar a arrastar e soltar o arquivo e updateList.php que é um simples pedaço de código para atualizar a coluna listOrder no banco de dados usando PHP e MySQL. Além disso, você terá que adicionar os seus dados de banco de dados para o arquivo connect.php que está no final do post. Continue lendo Drag & Drop com PHP e jQuery

Os 55 melhores Plugins jQuery

jquery carrossel

Em web design um carrossel jQuery é um elemento dando aos visitantes fácil acesso a vários itens de conteúdo. É normalmente uma lista de rolagem dinâmica de itens na ordem horizontal onde os itens anteriores e posteriores são parcialmente visíveis. Os itens, que podem ser de conteúdo HTML estático ou carregado com (ou sem) AJAX, pode ser rolada para trás e para frente (com ou sem animação). Usando deslizantes painéis horizontais, conhecidos como carrosséis e Sliders, para apresentar conteúdos de topo é uma das tendências mais fortes de web design ao longo do último par de anos. É um método muito eficaz para aumentar a usabilidade do site web e envolver o usuário. A razão para esta tendência se deve principalmente a chegada do jQuery que tornaram quase “passeio no parque” a adicionar um carrossel jQuery ou deslizante jQuery imagem plugin para um web site.Hoje em dia existem muitos excelentes plugins jQuery Carousel livres disponíveis e torna-se difícil escolher o melhor. Este artigo foi criado especificamente para ajudar você a começar a usar Carrosséis jQuery mas você também pode querer verificar para fora alguns Slider jQuery plugins.Este artigo foi recentemente atualizado com novos plugins jQuery carrossel e todos os links onde verificada. Continue lendo Os 55 melhores Plugins jQuery

Como optimizar o seu site e aumentar a velocidade de carregamento

Como já devem de saber, o Google passou a utilizar a velocidade de carregamento das páginas como factor de rankeamento. Apesar de ser apenas mais um factor no meio de tantos outros nunca é de mais optimizar os nossos sites mesmo que não estejamos interessados nos motores de pesquisa.

O tempo de carregamento das páginas é uma coisa a ter em consideração pois um site lento pode aumentar a taxa de rejeição dos seus visitantes, principalmente os que vêm de sites de pesquisa. Essas pessoas estão a procura de informação e normalmente não têm muita paciência para esperar para a página abrir.

Neste artigo vou abordar alguns pontos que levam os nossos sites a serem lentos e soluções para esses problemas. Continue lendo Como optimizar o seu site e aumentar a velocidade de carregamento

Replace no MySQL

Código para substituir palavras ou frases dentro de uma tabela.

Sintaxe:
update table set campo = replace(campo, ‘string1’, ‘string_replace’)

Exemplo:

update <strong>banco</strong> set <strong>tabela</strong> = replace(<strong>tabela</strong>, ‘palavra original’, ‘palavra nova’);

4

Detectar Browser com PHP

The PHP logo displaying the Handel Gothic font.
The PHP logo displaying the Handel Gothic font. (Photo credit: Wikipedia)

Detectar Browser com PHP é extremamente facil. Aplique o seguinte codigo php onde quer que lhe apareça conteúdo destinado unicamente a um determinado browser. Muito útil para o load de Scripts ou Css.

<?php
$browser_cliente = isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : ''; if(strpos($browser_cliente, 'Opera') !== false){

   echo 'codigo para o Opera';

}elseif(strpos($browser_cliente, 'Gecko') !== false){

   echo 'codigo para o Mozilla/Firefox e browsers baseados no motor Gecko';

}elseif(strpos($browser_cliente, 'MSIE') !== false){

   echo 'codigo para o IE';

}elseif(strpos($browser_cliente, 'Chrome') !== false){

   echo 'codigo para o Chrome'; }else{ echo 'codigo para outro browser'; }

?>

10+ jQuery galeria de fotos e plugins slider

Uma imagem vale mais que mil palavras. Nenhuma dúvida sobre isso. A maioria dowebsite de informações baseado em como a CNN, ESPN, todos eles estão usandouma apresentação de slides enorme foto na primeira página. É um método muito eficaz para atrair a atenção dos espectadores.

Então, aqui vai. 15 galeria de fotos baseada em jQuery e controles deslizantes.Aproveite. Continue lendo 10+ jQuery galeria de fotos e plugins slider

30 Javascript Image e Galeria de fotos – Mootool, Prototype, jQuery e Tutoriais

Nesse post tem vários scripts de galeria de fotos feito em jQuery, Mootool, Prototype e com alguns tutoriais. Continue lendo 30 Javascript Image e Galeria de fotos – Mootool, Prototype, jQuery e Tutoriais

Manipulando Strings

Eu diria que essa é uma das partes mais legais do PHP: brincar com as strings. São várias funções úteis para várias tarefas e por isso vou dividir a explicação delas em partes pra não ficar um post muito grande.
Função substr()

O substr() serve para você pegar apenas uma parte/pedaço/fatia da string.

Ele tem, normalmente, 3 argumentos: A string que será cortada (1), o início do corte (2) e o fim do corte (3).

Veja alguns exemplos de uso:


&lt;?php

$frase = 'O rato roeu a roupa do Rei de Roma';
echo substr($frase, 0, 6); // 5 primeiros caracteres a partir do 0° caractere

// Retorno: O rato

echo substr($frase, 3, 16); // 16 primeiros caracteres a partir do 3° caractere

// Retorno: ato roeu a roupa
echo substr($frase, 0, -1); // Todos os caracteres, até o penúltimo, a partir do 0° caractere

// Retorno: O rato roeu a roupa do Rei de Rom

?&gt;

Continue lendo Manipulando Strings