RSS

CSS Sprites para fazer seu site carregar mais rápido

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.

Read More »

Como criar imagens transparentes com CSS ?

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.

Read More »

O modelo Box CSS

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 …

Read More »

CSS hack para IE

Um problema que muitos programadores tem é a incompatibilidade dos navegadores.
Eis aqui uma solução para isso.
As vezes um bom e antiquado hack CSS pode te tirar de uma grande dor de cabeça.

Read More »

Centralizando um objeto na Horizontal e Vertical com CSS

Vou mostrar agora uma técnica muito útil: Como centralizar um objeto na horizontal e na vertical com css.
No exemplo abaixo, vou utilizar uma div com o id “bloco”, iremos centralizar esse elemento na página.

Read More »

About Us

Faça algo e, se não conseguir, faça outra coisa. Mas, acima de tudo, tente algo.
Franklin Delano Roosevelt

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.

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.

O modelo Box CSS

Pietro Gaião | maio 18th, 2010 | Tableless | No Comments »

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 …

Cookies – JavaScript

Pietro Gaião | setembro 10th, 2009 | JavaScript DOM | No Comments »

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">

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.

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()

Como fazer uma paginação

Pietro Gaião | agosto 8th, 2009 | JavaScript DOM | No Comments »

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 Orientado a Objetos

Pietro Gaião | julho 19th, 2009 | JavaScript DOM | No Comments »

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.