CSS Sprites para fazer seu site carregar mais rápido
Pietro Gaião | maio 25th, 2010 | Tableless | No Comments »
Um sprite é uma coleção de imagens colocadas em uma única imagem.
Uma página web com muitas imagens pode demorar muito tempo para carregar e gera várias solicitações de servidores.
Usando sprites irá reduzir o número de pedidos de servidor e salvar largura de banda.
Como detectar o Browser com Javascript
Pietro Gaião | maio 24th, 2010 | JavaScript DOM | No Comments »
Quase tudo neste tutorial funciona em todos os browsers JavaScript habilitado. No entanto, existem algumas coisas que simplesmente não funcionam em determinados navegadores – especialmente em navegadores mais antigos.
Às vezes pode ser útil detectarmos o navegador do visitante e, em seguida servi-lo com uma informações adequadas.
Vamos ver como criar imagens transparentes com CSS. Para aqueles que ainda tem dúvidas de como deixar uma imagem transparente, vai aí uma dica. Fiz uns testes, esse CSS funciona em todos os navegadores.
Todos os elementos HTML podem ser considerados como caixas. Em CSS, esse modelo é usado quando se fala de design e layout.
O modelo de caixa de CSS é essencialmente uma caixa que envolve elementos HTML, e é constituída por: margens, bordas, padding e conteúdo real.
O modelo de caixa nos permite colocar uma borda em torno de elementos e elementos do espaço em relação a outros elementos …
Código implementado em forma de funções.
O código será composto por três funções:
GerarCookie(strCookie, strValor, lngDias);
LerCookie(strCookie);
ExcluirCookie(strCookie);
Mover div na horizontal pelo eixo X
Pietro Gaião | agosto 22nd, 2009 | JavaScript DOM | No Comments »
Bem pessoal, estamos de volta com mais um post.
Hoje vou favar sobre como mover um elemento na horizontal (ex.: div) , através do eixo x.
Com esse exemplo, vocês irão desenvolver diversas aplicações como: carrossel de imagens, carrossel com vitrine de produtos e muito mais.
Tive o cuidado em testar esse script seguindo os padrões da W3C para que não haja nenhum problema com tipos de navegadores. Bem, testei apenas no Firefox e no IE e funcionou.
Notem que nesse exemplo exite a tag <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Compressão de texto com Javascript Técnica com replace.
Pietro Gaião | agosto 20th, 2009 | JavaScript DOM | 1 Comment »
Lendo um artigo sobre compressão de texto usando javascript, vi uma forma de substituir palavras por símbolos, que na minha opinião achei muito interessante.
Podemos usar essa técnica para criptografar os scripts
Observe que no texto abaixo, há palavras que se repetem com bastante freqüência. Nós iremos pegar palavras ou seqüências de caracteres e substituiremos por símbolos.
Função split com javascript. Transformando string num array.
Pietro Gaião | agosto 20th, 2009 | JavaScript DOM | 1 Comment »
Uma das funções mais importantes do javascript é o split(). Podemos dividir uma string em um array . Você pode pegar uma frase e colocar todas as palavras em diferentes elementos de uma array.
Veremos como Combinar o conteúdo de um array e criar uma string, usando a função join().
e também, Replace com as funções split() e join()
Olá pessoal, hoje estou compartilhando algo que sei que muita gente que está começando ainda tem dúvidas.
Não é uma paginação das super completas, mas sim uma paginação simples e muito funcional.
Vamos ao que interessa.
Primeiro vamos criar um array…
Javascript difere-se de linguagens clássicas orientadas a objeto como Java e C++ principalmente por não possuir uma definição formal de classe. Entretanto possui seu próprio tipo de herança baseada em protótipo e faz uso constante de objetos baseando-se nesse tipo de herança.
Gustavo Girard