Selecionando texto em uma página com jQuery

E ae pessoal, beleza? Esse é o meu primeiro post aqui nesse site desse grande web designer que é o Adriano meu brother do trampo.

Seguinte, eu tinha a seguinte missão, criar um mega-menu, só que ele iria ter muita, muita informação mesmo, ia tipo ocupar a página inteira, o Adriano deu a ideia de colocar um campo para pesquisa de texto dentro desse mega-menu, o que eu achei fantástico porém sem saber a solução.

Depois de um bom tempo da proposta dessa ideia, peguei um livro de jQuery que eu já tinha a um bucado de tempo, por falar nisso podem comprar é muito bom mesmo, é da Novatec e chama-se jQuery, A Biblioteca do Programador JavaScript de Maurício Samy Silva (dono do site Maujor.com). Link para o livro: http://novatec.com.br/livros/jquery2/.

E este livro contém um capítulo apenas para seletores, dentre estes um mi chamou muito a atenção: o seletor seletorjQuery:contains(texto). Onde seletorjQuery seria o atributo dentro do qual você iria procurar, por exemplo $(‘#divExemplo’); :contains(texto) é uma função exclusiva da biblioteca jQuery e não é prevista na CSS3, que procura dentro do seletorjQuery qualquer ocorrência do texto digitado.

Carregando e pesquisando dados com jQuery em select e div – GET e POST

Olá pessoal depois de ver que muita gente se interessou pelo carregamento de dados em um select usando o método “load” do jQuery (veja aqui o post sobre) que tal usar uma função mais refinadas e mais segura, vamos usar o método POST e GET, mas qual a diferença?

Padṛo de Repeti̤̣o РBolinhas

Um dia desses uma amiga aqui no serviço estava procurando um padrão de repetição para o fundo do site da mão dela, onde seria preto com bolinhas brancas como aqueles vestidos antigos (lembra da música “era um biquíni de bolinha…” ), daí procurei e achei uma solução bacana que quero compartilhar com vocês e falar um pouco sobre padrões de repetição.

Trabalhando com duas fontes diferentes no Cúfon

Algum tempo atrás fiz um post sobre fontes personalizadas no seu site, para lembrar veja aqui o post, bom daí pensei em usar duas fontes diferentes em um layout e descobri que é possível e muito fácil, vou mostrar a vocês.

Trocando CSS e gravando em cookies com jQuery (Stylesheet Switcher)

Olá pessoal um dia desses precisava gravar uma mudança de um elemento e que mesmo atualizando o navegador ou entrando lá depois isso ficasse de acordo com a última alteração, logo me surgiu a intenção de gravar isso num banco mas ai pensei e se outro usuário remover esta condição não daria certo.

Então pensei em cookies e achei algo bem bacana que compartilho com vocês, com um pouco de jQuery e este plugin conseguimos gravar num cookie uma condição, checa-la e aplica-la.

Foto (imagem) com borda arredondada

Que tal dar um trato nas suas fotos? Colocar uma borda arredondada bacana? Faça isso de forma simples e rápida com o site da RoundPic é muito simples basta fazer upload de foto imagem ou colocar o link de onde ela está, na tela de configuração você poderá:

• Escolher qual o canto que deseja colocar.
• Largura e Altura da Imagem (pode deixar que ele faça a proporção exata da imagem).
• Escolher uma qualidade adequada.
• O Tamanho da borda.
• A cor de fundo da imagem ou se ela for transparente.
• E por fim renomear a imagem.

Bacana não? Se você procura um editor de imagens mais complexo, experimente esse aqui.

JQuery UI – User Interface

Pessoal para quem procura uma boa documentação de jQuery para interfaces de usuário (UI) tá ai um excelente grupo delas, mas afinal o que é e para que serve o UI?

Meu caro isso é simples, imagine fazer um sistema bem grande mas ai você fica naquela briga de fazer os botões todos iguais e redondinhos em todos os navegadores e descobre que o Explorer 6 mais uma vez lhe prejudicou… Aquela div que aparece o calendário tá desalinhada… então não se preocupe de uma olhadinha neste site e confira algumas coisas bacanas como:

• Selectable – Aqui você pode deixar as linhas de sua tabela seleciona com um clique.
• Rezizable – Redimensione facilmente seu elemento para caber mais informações ou comprimir espaço.
• Accordion - Nem preciso dizer né… só que este já vem comum CSS bunitinho.
• Autocomplete - Este é novo por lá, muito útil em formulários de busca.
• Dialog - Sensacional veja no menu ao lado sobre Modal Form.
• E muito mais!

Sem contar que você poderá utilizar vários temas, escolha um que se encaixe na sua aplicação!

Menu acordeon (sanfona) com jQuery

Olá pessoal desculpem a demora surgiu um grande problema para eu resolver, tenho que refazer todo o sistema administrativo dos meus clientes, por isso a falta de tempo.

Mas vamos lá hoje vou mostrar como é fácil e rápido fazer um menu acordeon (sanfona) com jQuery. Para começar vamos para o HTML e CSS assim você poderá controlar melhor o estilo, o estilo aqui em questão bem como o HTML são ilustrativos fique a vontade para modificar ou fazer da sua melhor forma.

Editor de Fotos on-line

Para quem quer fazer aquele ajuste na sua foto sem ter que instalar e comprar a licença do Photoshop tá ai uma boa solução on-line e grátis, é o Pixlr Free Editor, essa ferramenta proporciona coisas fantásticas encontradas no Photoshop como Correção de Olhos Vermelhos, carimbos, degrade entre outras coisas, há detalhes bacana tem a versão em português!

Máscara de imagens – Borda Arredondada

Imagine que você criou aquele layout com borda arredondada pra tudo que é lado, todo espertinho usou o plugin do jQuery Corner, mas ai a galeria de imagens (ou fotos) do seu cliente é dinâmica, vem de um banco de dados, como colocar as bordas arredondadas??

Não se desespere o “Mago do CSS”, o Mr. M lhe ajudará!

Vejam a mágica aqui