Atenção! Estou reformulando a cara do meu blog, poderá ocorrer alguns problemas até ficar pronto, logo terminarei.

Conto com sua paciência! Obrigado.

Blog do Adriano Meira CSS, jQuery, PHP, Designer e mais algumas coisas…

0

Fontes personalizadas no seu site com CSS – Parte II

Categoria CSS | 21/04/2012 | Escrito por: Adriano Meira


Olá Pessoal algum tempo atrás eu falei sobre como colocar fontes personalizadas nos eu site usado a biblioteca Cúfon, e agora vou mostrar um pouco sobre um atributo em CSS que pode lhe ajudar a fazer isso com menos esforço e códigos.


0

Apagar texto em input usando jQuery e css

Categoria CSS, javaScript, jQuery | 26/03/2012 | Escrito por: Tiago Agenor

Olá pessoal meu nome é Tiago agenor sou desenvolvedor da Brasil na Web e estou dando uma força para o Adriano no seu blog escrevendo alguns artigos. Hoje vou falar um pouco de como podemos fazer com que ao colocar o cursor sobre um campo de input ele altere suas propriedades.

 


2

Usando o After e Before do CSS3

Categoria CSS 3 | 28/12/2011 | Escrito por: Adriano Meira

Olá pessoal hoje eu vi uma coisa muito bacana e queria compartilhar com vocês, lendo um artigo do site Codrops vi que eles estavam utilizando uma propriedade não muito nova mas porém esquecida do CSS que voltou com força e melhorias no CSS3 que é o Pseudo seletor before e after.

Mas antes de falar deles vamos ao conceito básico seletores em CSS são os elementos que compõe sua marcação de HTML como por exemplo o seletor de links é o atributo <a> e a ele podemos dar estilos, caminho, relações, e etc. Os pseudos elementos são elementos criados “entorno”  do elemento ou seja se declaramos que um elemento de link tem um texto antes, o navegador irá “escrever” este texto antes do do seletor.


1

Botões das Principais Redes Sociais – Facebook, Twitter e Google +

Categoria Fireworks, Tranqueiras | 19/12/2011 | Escrito por: Adriano Meira

Olá pessoal hoje precisei colocar um botão de Curtir do facebook e um do Twitter em um layout aqui do pessoal da Brasil na Web e não encontrei em lugar nenhum o desenho dos botões como vão se comportar após gerados no HTML.
Daí eu mesmo peguei suas variações e cortei cada um e separei em camadas e deixo aqui para quem precisar deles, fique a vontade.

 


clique aqui para ampliar.


2

Navegação desilizante com jQuery – Navegação com Ancora

Categoria CSS, jQuery | 18/12/2011 | Escrito por: Adriano Meira

Olá Pessoal depois de algum tempo estamos de volta e em breve irei trazer mais novidades aproveitando as férias, bom vamos ao trabalho né.

Neste fim de semestre auxiliei um amigo meu a fazer seu trabalho de TCC (Trabalho de conclusão de curso) que era um site onde ele propôs uma navegação não muito convencional, onde cada link escorregaria para o conteúdo tanto na horizontal como na vertical. Até aqui procuramos alguns plugins que ajudaram mas não eram de fácil aplicação e instalação como este jQuery ScrollTo resolvi fazer algo mais simples que resolveria o problema, veja ai como ficou e logo abaixo o que eu fiz.


2

Atualização do WordPress: html { margin-top: 28px !important; }

Categoria bug, CSS, wordpress | 16/06/2011 | Escrito por: Adriano Meira

Pois é pessoal só recentemente que vi este pequeno Bug da atualização do WordPress, bem que eu tentei fazer a nova atualização mas apareceu uma propriedade na escrita do meu Tema assim:

html { margin-top: 28px !important; }

E com isso um espaço no topo do blog, procurei por ai e achei neste aqui uma solução, basta você ir na pasta dos eu tema que fica em: “wp-content/themes” elá dentro procure a pasta do seu tema, logo ache o arquivo “functions.php”, caso não tenha crie-o,agora acrescente as duas linhas de códigos abaixo:

function my_function_admin_bar(){ return false; }
add_filter( 'show_admin_bar' , 'my_function_admin_bar');

Caso crie o arquivo coloque assim:

<?php
        function my_function_admin_bar(){ return false; }
        add_filter( 'show_admin_bar' , 'my_function_admin_bar');
?>

E pronto, acredito que isso seja para algum uso da atualização de barra de navegação, ou de usuários, bom depois procuro com mais afinco sobre o tema, até mais.

 


0

Plugins do jQuery – jCarrousel

Categoria javaScript, jQuery | 03/01/2011 | Escrito por: Adriano Meira

Olá pessoal vou iniciar aqui uma série de artigos sobre alguns plugins que eu uso e recomendo, o primeiro é o  jCarrousel

Vantagens

Este plugin permite que você possa exibir imagens, textos e links dentro de um “slide” que pode ficar passando para os lados ou usando outro plugin fazer alguns efeitos.

Botões de próximo e anterior, para passar o slides

Outra vantagem é a manipulação simples do CSS, com ele você pode editar muita coisa que vai deste o tamanho a posição dos botões.

Desvantagens

Vejo neste plugin apenas dois probleminhas que com alguns plugins passei dificuldade em ter compatibilidade e neste plugin não há o efeito de fade, que em algusn sites fica bem melhor do que “escorregar”.

Este plugin não tem a paginação automática,  uma lista de quantidade de itens abaixo do slide, onde você clicar e é levado ao slide.


15

Usando a função Ajax ($.ajax) do jQuery

Categoria jQuery | 19/12/2010 | Escrito por: Adriano Meira

Olá pessoal, me desculpem a sumida pois faculdade e trabalho é complicado mas nestas férias vou compensar. Vamos ao trabalho então, neste post vou mostrar como é simples usar a função ajax do jQuery como exemplo retornar o valor de itens de um carrinho,após ser clicado no produto.

Para que usar?

Esta função serve para que você possa resgatar dados de uma página externa sem que tenha que recarregar (“dar refresh”)  na página aberta, um exemplo seria ao clicar em um botão “pesquisar” normalmente a página seria recarregada e mostraria o resultado, com o ajax do jQuery ao clicar apareceria uma mensagem de carregando e em seguida o resultado apareceria sem recarregar a página.

Recomendações?

Tome muito cuidado com acentuação, aconselho a usar codificação UTF-8 para voltar valores, mas cuidado ao usar a função em excesso pois se o usuário desabilitar o javascript nada vai funcionar, recomendo para usar para coisas simples como retoranar um valor de itens no carinho, envio de e-mail, gravar dados no banco etc…

Como debugar?

Para debugar eu uso o Plugin Firebug do Firefox, porém em sua versão mais antiga ele pode nos fornecer o caminho,  existe outros plugins de jQuery que montar um local para debugar , fique a vontade para fazer sua pesquisa.

Mãos a massa!

Ok então como disse vamos criar uma página onde temos as imagens dos produtos e ao clicar nelas é adicionado ao carrinho que é mostrado em outra parte do site,  aqui vamos nós em um exemplo simples acompanhe


12

Colocando suas fotos do Flickr no seu site – JASON

Categoria javaScript, Sites | 07/09/2010 | Escrito por: Adriano Meira

Galera desculpem o sumiço, a faculdade e o trabalho tem tomado um tempo danado, vamos em frente.
Hoje vou mostrar para vocês como é fácil demais colocar suas fotos do Flickr no seu site, usando um pouco  de javascript e o link de RSS do Flickr fica mole, vamos lá.


0

Selecionando texto em uma página com jQuery

Categoria javaScript, jQuery | 06/06/2010 | Escrito por: Adriano Meira

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.





Acompanhe também

    Leia e Liberte pelo BookCrossing.com ...