Categoria: Desenvolvimento

Hoje eu tive que interromper a minha noite de sexta-feira para postar este vídeo sobre desenho e pintura digital. Até o momento foi o melhor que eu vi. Simplesmente d++

Esse é animal! Insano! Quem nunca quis fazer isso antes???

Hoje eu estava trabalhando em um dos meus projetos, o 3D Jewelry Designer, e coloquei o script Lightbox nas imagens da index e da galeria.

Ficou muito bacana o efeito e a impressão que se tem do site.

Segue em anexo o arquivo ZIP que contém o script.

Download: Lightbox 2.0

Alguém aí já trabalhou com navegação em tabs, em uma box por exemplo, em Ajax?

Estou perguntando pois estou trabalhando com isto agora e estou achando muito legal. Assim que der eu posto aqui um exemplo.

O Pedro Cláudio me enviou o link e achei muito bacana esta tela touch screen para edição de imagens:

Olá galera!

Alguém aí já usou ou usa a tag HR ? Para quem não conhece, a tag HR produz uma linha horizontal que pode fazer a divisão de conteúdos.

Eu particularmente gosto de usar esta tag para colocar “linhas” entre os conteúdos dos meus sites. Muita gente não adere ao HR, preferindo colocar bordas nas DIV’s. Mas é questão de gosto.

Neste post vou ensinar vocês a estilizarem a tag HR através de CSS.

A tag HR é definida do seguinte modo:

Pesquisando na internet, achei todas as propriedades que a tag HR aceita, segue abaixo a lista:

• O Mozilla, IE e Opera aceitam as propriedades “width” e “height” para a tag
• A propriedade “border” pode ser usada no Mozilla e no IE, mas não funciona corretamente no Opera.
• O Mozilla e o Opera usam a propriedade “background-color” para a cor do HR, já o IE utiliza a propriedade “color”
• Todos os três browsers citados acima aceitam a propriedade “background-image” para a tag HR

Exemplos:

1 Linha vermelha:

Código CSS:

hr {
      color: #f00;
      background-color: #f00;
      height: 5px;
    }

Visualização:

---

Um retângulo de bordas vermelhas e altura de 10px:

Código CSS:

hr {
      border: 1px solid #f00;
      color: #fff;
      background-color: #fff;
      height: 10px;
    }

Visualização:

---

2 linhas, uma acima da outra. O Opera mostra como um retangulo. Ambas são vermelhas, a primeira é pontilhada e a segunda é sólid.

Código CSS:

hr {
      border-top: 1px dashed #f00;
      border-bottom: 1px solid #f00;
      color: #fff;
      background-color: #fff;
      height: 4px;
    }

Visualização:

---

Espero que tenham gostado da dica.

Abraços

Alguém aí já teve a experiência de trabalhar com um código mal feito?

É eu tive. Alias estou passando por esta experiência agora. Estou trabalhando em um site aqui na empresa, onde um designer, ou melhor, suposto designer, criou um código horrível para o seu template, e para quem sobrou mexer??? Alguém adivinha?

A minha sorte é que o website ainda não foi ao ar e são poucas as páginas que o compõe. Meu trabalho está sendo de remendar e recriar. Estou re-aproveitando tudo o que for possível, o que não for eu apago e faço denovo.

Ahhh, detalhe, o site é em tableless, com um conjunto de divs e mais divs espalhadas e um css totalmente desorganizado. (que sorte eu tenho 😛 )

Pois é, mas a minha pergunta a vocês é a seguinte:
O que vocês acham mais fácil, criar novamente todo o código do site ou remendar tentando consertar?

Estou reestruturando um código de um website aqui da empresa e para uma determinada tarefa eu achei melhor usar uma estrutura de listas de definição. Logo pensei: “putz, será que todo mundo sabe como e por que utilizar uma lista de definição?“. Então resolvi postar aqui no blog este artigo.

Bom, para iniciar o post, como o próprio nome diz, elas listas servem para construirem definições de termos. Na sua estrutura são usadas 3 tags: dl (definition list), dt (definition term) e dd (definition description), da seguinte forma:

dl
dt /dt
dd /dd
/dl

A tag dl é o container. Dentro da tag dt, você deve colocar o termo a ser definido. Já dentro da tag dd você deve colocar a descrição do termo.

Espero ter ajudado em mais este conceito. Até mais

Olá galera,

Hoje eu fiz o download de um pacote de tutoriais e todos vieram no formato flv. Eu como nunca tinha executado tal formado, dei logo dois cliques para abrir no flash player. Mas aí está! O Flash Player não roda este tipo de arquivo.

Procurei um pouco e achei o software visualizador de flv: Riva FLV Player

Espero que gostem da dica.

Usei o dia de hoje para dar continuidade no site www.3djewelrydesigner.com. Criei as páginas internas do website, além de instalar o sistema de postagem de artigos.

Resolvi também alguns problemas de programação, fazendo algumas separações de conteúdo para chamada através de includes do PHP.

Ainda tive tempo de adicionar o website na minha lista do Google Webmaster Tools e no Google Analytics. É hora de analizar as keywords e os resultados gerados.

Assim que fizer mais mudanças eu comunico aqui.