Arquivo da categoria: JQuery

21 simples e úteis Tutoriais de jQuery

Introdução

São 21 tutoriais e scripts que se concentram em seção diferente de um site (menu, galeria deslizante, dicas, dock, janela modal, ajax eturtorials jQuery).  jQuery é um framework em javascript incrível.

Menu de Navegação

Validação simples e eficiente usando jQuery

Quem nunca precisou criar um script de validação de formulário, e algumas vezes ter que criar do zero ou quando procura por um pronto, nem sempre encontra um excelente script, ou até mesmo para adaptar para o formulário, precisa mexer quase em todos os códigos.

Mas trago um script usando jQuery, que não irá dar muito trabalho de adaptar para o formulário e poder usar o script de uma maneira muito simples. Continue lendo Validação simples e eficiente usando jQuery

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

Wookmark jQuery plugin

jquery-plugin-example

Navegando acabei achando esse http://www.wookmark.com/, quem tem um layout bem interessante e descobri que ele disponibiliza um script para poder usar, Olhem abaixo. Continue lendo Wookmark jQuery plugin

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

jQZoom Evolution 2.3

Esse script pode ser modificado para exibir uma máscara sobre a imagem ou não mostrar uma janela de lupa.
Este plugin jQuery ajuda a inserir imagens detalhadas grandes em qualquer website.
O script pode ser aplicada a imagens únicas ou múltiplas na mesma página.

Nota: Atualizei o link que estava errado.

Imagens:

Este slideshow necessita de JavaScript.

Clique aqui para baixar.

20 exemplos extraordinários de CSS 3D

UX desenvolvedor Paul Hayes mostra o que você pode fazer com o poder de transformações CSS3 3D. Ele cobre tudo, desde galerias de imagens 3D e transições sutis para experimentais ambientes 3D

Cantos vermelhos, gradientes e sombras são características bem conhecidas do CSS3, mas, além destes, existem mentir transições CSS, transforma e animações. Em combinação eles criam efeitos nunca antes possível.
Transforma CSS 3D são hardware, suave acelerado e simples de implementar, com os navegadores de assumir o que seria cálculos perspectiva muito difíceis.

Eles existem desde 2009 e são suportados no Safari e Chrome, e logo no Firefox e Internet Explorer 10 10. Eles realizar soberbamente em dispositivos iOS, mesmo no iPhone 3G e iPad.

Aqui estão alguns exemplos fantásticos para você começar e para ilustrar novo poder CSS e gracefulness.ound

Continue lendo 20 exemplos extraordinários de CSS 3D

Simples Galeria feito em jQuery

Recentemente, fui convidado para codificar uma galeria de fotos muito simples com o jQuery. É realmente simples e é a primeira vez que eu construí uma galeria com jQuery. Ele funciona através da utilização do link para a imagem grande da tag rel que estabelecemos em nosso código html. nós então substituir o conteúdo da div com o id da #image. As funções  hide() e fadeIn() são opcionais. Confira a demonstração abaixo e, como de costume, você pode baixar o código completo!

gallery Continue lendo Simples Galeria feito em jQuery

Editor de texto com PHP e jQuery

Linha de edição, como é conhecido, ou ser capaz de editar conteúdo diretamente em uma página é uma grande ferramenta tem sob sua correia. Vou percorrer exatamente como ele funciona e também como postar o conteúdo do texto atualizado através de um script PHP para o processamento do lado do servidor para colocar no banco de dados.

O Código

Parece um pouco complexo para que eu vou correr rapidamente com exatamente o que está acontecendo.

  1. Quando você visitar a página de demonstração são apresentados com um bloco de texto. Se você passar o mouse sobre o texto que você verá um ícone de edição pouco semelhante a quando você quiser editar o conteúdo no Facebook.
  2. Se o usuário clicar sobre o bloco de código do texto é substituída por uma textarea de formulário com a opção de salvar ou cancelar as alterações.

EDIT Continue lendo Editor de texto com PHP e jQuery